{{define "content"}}
<div class="twm-dash-b-blocks mb-4">
    <div class="row">
        {{if .AdminMetrics}}
        <div class="col-md-4 mb-3">
            <div class="panel panel-default">
                <div class="panel-body wt-panel-body gradi-1 dashboard-card">
                    <div class="wt-card-wrap">
                        <div class="wt-card-icon"><i class="fa fa-users"></i></div>
                        <div class="wt-card-right counter">{{.AdminMetrics.TotalUsers}}</div>
                        <div class="wt-card-bottom"><h3 class="m-b0">Usuários</h3></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-3">
            <div class="panel panel-default">
                <div class="panel-body wt-panel-body gradi-2 dashboard-card">
                    <div class="wt-card-wrap">
                        <div class="wt-card-icon"><i class="fa fa-check"></i></div>
                        <div class="wt-card-right counter">{{.AdminMetrics.ActiveSubscriptions}}</div>
                        <div class="wt-card-bottom"><h3 class="m-b0">Assinaturas ativas</h3></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-3">
            <div class="panel panel-default">
                <div class="panel-body wt-panel-body gradi-3 dashboard-card">
                    <div class="wt-card-wrap">
                        <div class="wt-card-icon"><i class="fa fa-plus"></i></div>
                        <div class="wt-card-right counter">{{.AdminMetrics.LeadsAddedToday}}</div>
                        <div class="wt-card-bottom"><h3 class="m-b0">Leads hoje</h3></div>
                    </div>
                </div>
            </div>
        </div>
        {{end}}
    </div>
</div>
<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="far fa-list-alt"></i> Usuários</h3>
    </div>
    <div class="panel-body wt-panel-body p-a20">
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead><tr><th>E-mail</th><th>Role</th><th>Status</th><th>Ações</th></tr></thead>
                <tbody>
                {{range .AdminUsers}}
                <tr>
                    <td>{{.Email}}</td>
                    <td>{{.Role}}</td>
                    <td>{{.Status}}</td>
                    <td>
                        <form method="post" action="/admin/users/{{.ID}}" class="d-flex flex-wrap gap-2">
                            <select name="status" class="form-select form-select-sm w-auto"><option value="active">active</option><option value="suspended">suspended</option></select>
                            <select name="plan_slug" class="form-select form-select-sm w-auto"><option value="">— plano —</option><option value="trial">trial</option><option value="starter">starter</option><option value="pro">pro</option></select>
                            <button class="site-button btn-sm">Aplicar</button>
                        </form>
                    </td>
                </tr>
                {{end}}
                </tbody>
            </table>
        </div>
    </div>
</div>
{{end}}