{{define "content"}}
<div class="row">
    <div class="col-lg-5 mb-4">
        <div class="panel panel-default site-bg-white">
            <div class="panel-heading wt-panel-heading p-a20">
                <h3 class="panel-tittle m-a0"><i class="feather-plus-circle"></i> Nova tag</h3>
            </div>
            <div class="panel-body wt-panel-body p-a20">
                <form method="post" action="/app/tags">
                    <input type="hidden" name="action" value="create">
                    <div class="mb-3">
                        <label class="form-label small">Nome</label>
                        <input type="text" class="form-control" name="name" required placeholder="Ex.: Quente">
                    </div>
                    <div class="mb-3">
                        <label class="form-label small">Cor</label>
                        <input type="color" class="form-control form-control-color" name="color" value="#ef4444">
                    </div>
                    <button type="submit" class="site-button">Criar tag</button>
                </form>
            </div>
        </div>
    </div>
    <div class="col-lg-7 mb-4">
        <div class="panel panel-default site-bg-white">
            <div class="panel-heading wt-panel-heading p-a20 d-flex justify-content-between align-items-center">
                <h3 class="panel-tittle m-a0"><i class="feather-tag"></i> Suas tags</h3>
                <a href="/app/kanban" class="small">Voltar ao kanban</a>
            </div>
            <div class="panel-body wt-panel-body p-a20">
                {{if .Tags}}
                <ul class="list-group list-group-flush">
                    {{range .Tags}}
                    <li class="list-group-item d-flex align-items-center justify-content-between px-0">
                        <span class="leadb2b-tag-badge" style="background:{{.Color}}22;color:{{.Color}};border-color:{{.Color}}44">{{.Name}}</span>
                        <form method="post" action="/app/tags" onsubmit="return confirm('Excluir esta tag?');">
                            <input type="hidden" name="action" value="delete">
                            <input type="hidden" name="tag_id" value="{{.ID}}">
                            <button type="submit" class="btn btn-sm btn-outline-danger">Excluir</button>
                        </form>
                    </li>
                    {{end}}
                </ul>
                {{else}}
                <p class="text-muted mb-0">Nenhuma tag criada. Use tags para classificar leads no kanban.</p>
                {{end}}
            </div>
        </div>
    </div>
</div>
{{end}}