{% extends "base.html" %}

{% block title %}Usuários{% endblock %}

{% block extra_css %}
<style>
    .usuarios-list-card,
    .usuarios-list-card .card-body,
    .usuarios-table-wrap.usuarios-dropdown-open {
        overflow: visible !important;
    }

    .usuarios-table-wrap {
        position: relative;
    }

    .usuarios-action-menu.dropdown-open {
        z-index: 1085;
    }

    .usuarios-list-card .dropdown-menu,
    .usuarios-table-wrap .dropdown-menu {
        z-index: 1060;
    }
</style>
{% endblock %}

{% block content %}
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <div>
        <a href="{{ url_for('index') }}" class="btn btn-outline-secondary btn-sm me-2">
            <i class="bi bi-arrow-left"></i> Voltar
        </a>
        <span class="h2"><i class="bi bi-people"></i> Gerenciar Usuários</span>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ url_for('admin_acesso_setorial') }}" class="btn btn-outline-primary">
            <i class="bi bi-diagram-3"></i> RBAC Setorial
        </a>
        <a href="{{ url_for('novo_usuario') }}" class="btn btn-primary">
            <i class="bi bi-plus-circle"></i> Novo Usuário
        </a>
    </div>
</div>

<div class="card usuarios-list-card">
    <div class="card-body">
        <form method="GET" class="row g-3 mb-3">
            <div class="col-md-3">
                <label class="form-label">Classificar</label>
                <select class="form-select" name="classificar">
                    <option value="codigo" {% if classificar == 'codigo' %}selected{% endif %}>Código</option>
                    <option value="nome" {% if classificar == 'nome' %}selected{% endif %}>Nome</option>
                    <option value="descricao" {% if classificar == 'descricao' %}selected{% endif %}>Descrição</option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Ordem</label>
                <select class="form-select" name="ordem">
                    <option value="asc" {% if ordem == 'asc' %}selected{% endif %}>Crescente</option>
                    <option value="desc" {% if ordem == 'desc' %}selected{% endif %}>Decrescente</option>
                </select>
            </div>
            <div class="col-md-2 d-flex align-items-end">
                <button type="submit" class="btn btn-outline-primary w-100">
                    <i class="bi bi-funnel"></i> Aplicar
                </button>
            </div>
            <div class="col-md-4">
                <label class="form-label">Auditoria vínculo RH (empresa atual)</label>
                <select class="form-select" name="filtro_vinculo">
                    <option value="todos" {% if (filtro_vinculo or 'todos') == 'todos' %}selected{% endif %}>Todos</option>
                    <option value="sem_vinculo" {% if filtro_vinculo == 'sem_vinculo' %}selected{% endif %}>Somente sem vínculo RH válido</option>
                </select>
                <div class="form-text">
                    {% if empresa_contexto_id %}
                        Empresa de contexto para auditoria: <strong>ID {{ empresa_contexto_id }}</strong>
                    {% else %}
                        Empresa de contexto não definida.
                    {% endif %}
                </div>
            </div>
        </form>

        {% if usuarios %}
            <div class="table-responsive usuarios-table-wrap">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Usuário</th>
                            <th>E-mail</th>
                            <th>Nível</th>
                            <th>Vínculo RH</th>
                            <th>Setor/Perfil</th>
                            <th>Permissões</th>
                            <th>Status</th>
                            <th>Último Acesso</th>
                            <th class="text-end">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for usuario in usuarios %}
                        <tr data-href="{{ url_for('editar_usuario', id=usuario.id) }}"
                            title="Duplo clique para editar">
                            <td>
                                <i class="bi bi-person-circle"></i> 
                                <strong>{{ usuario.username }}</strong>
                                {% if usuario.id == current_user.id %}
                                    <span class="badge bg-info">Você</span>
                                {% endif %}
                            </td>
                            <td>{{ usuario.email }}</td>
                            <td>
                                {% set nivel = usuario.nivel_acesso or usuario.perfil %}
                                {% if nivel == 'admin' %}
                                    <span class="badge bg-danger">
                                        <i class="bi bi-shield-fill"></i> Admin
                                    </span>
                                {% elif nivel == 'gerente' or nivel == 'gestor' %}
                                    <span class="badge bg-warning">
                                        <i class="bi bi-star-fill"></i> Gerente
                                    </span>
                                {% elif nivel == 'vendedor' %}
                                    <span class="badge bg-primary">
                                        <i class="bi bi-cart"></i> Vendedor
                                    </span>
                                {% else %}
                                    <span class="badge bg-secondary">
                                        <i class="bi bi-person"></i> Operador
                                    </span>
                                {% endif %}
                            </td>
                            <td>
                                {% if usuario._rh_vinculo_status == 'ok' %}
                                    <span class="badge bg-success">Válido</span>
                                {% elif usuario._rh_vinculo_status == 'admin' %}
                                    <span class="badge bg-primary">Admin</span>
                                {% elif usuario._rh_vinculo_status in ['sem_pessoa', 'sem_rh'] %}
                                    <span class="badge bg-danger">Sem vínculo</span>
                                {% elif usuario._rh_vinculo_status in ['rh_inativo', 'acesso_bloqueado'] %}
                                    <span class="badge bg-warning text-dark">Bloqueado</span>
                                {% else %}
                                    <span class="badge bg-secondary">Indefinido</span>
                                {% endif %}
                                <div class="small text-muted mt-1">{{ usuario._rh_vinculo_detalhe }}</div>
                            </td>
                            <td>
                                {% if usuario.perfil_acesso_setorial_ref %}
                                    <span class="badge bg-primary">
                                        {{ usuario.perfil_acesso_setorial_ref.nome }}
                                    </span>
                                    <div class="small text-muted mt-1">
                                        {{ usuario.perfil_acesso_setorial_ref.setor.nome if usuario.perfil_acesso_setorial_ref.setor else 'Sem setor' }}
                                    </div>
                                {% elif usuario.setor_acesso_ref %}
                                    <span class="badge bg-secondary">{{ usuario.setor_acesso_ref.nome }}</span>
                                {% else %}
                                    <span class="text-muted small">Legado</span>
                                {% endif %}
                            </td>
                            <td>
                                <small>
                                    {% if usuario.pode_cancelar_venda %}<span class="badge bg-warning" title="Cancelar vendas">CV</span>{% endif %}
                                    {% if usuario.pode_estornar_pagamento %}<span class="badge bg-warning" title="Estornar pagamentos">EP</span>{% endif %}
                                    {% if usuario.pode_fechar_caixa_outros %}<span class="badge bg-info" title="Fechar caixa de outros">FC</span>{% endif %}
                                    {% if usuario.pode_alterar_preco %}<span class="badge bg-success" title="Alterar preço">AP</span>{% endif %}
                                    {% if usuario.pode_operar_app_empresa %}<span class="badge bg-primary" title="Operar CapePonto Empresa">AE</span>{% endif %}
                                    {% if usuario.pode_admin_app_empresa %}<span class="badge bg-dark" title="Administrar CapePonto Empresa">AA</span>{% endif %}
                                    {% if usuario.acesso_apenas_app_empresa %}<span class="badge bg-secondary" title="Usuário exclusivo CapePonto Empresa">EX</span>{% endif %}
                                    <br>
                                    <span class="text-muted">Sangria: R$ {{ '%.0f'|format(usuario.limite_sangria or 0) }}</span> |
                                    <span class="text-muted">
                                        Desc:
                                        {% if usuario.pode_dar_desconto_percentual %}
                                            {{ usuario.limite_desconto_percentual or usuario.pode_dar_desconto_maximo or 0 }}%
                                        {% endif %}
                                        {% if usuario.pode_dar_desconto_percentual and usuario.pode_dar_desconto_valor %} + {% endif %}
                                        {% if usuario.pode_dar_desconto_valor %}
                                            R$ {{ '%.2f'|format(usuario.limite_desconto_valor or 0) }}
                                        {% endif %}
                                        {% if not usuario.pode_dar_desconto_percentual and not usuario.pode_dar_desconto_valor %}
                                            sem desconto
                                        {% endif %}
                                    </span>
                                </small>
                            </td>
                            <td>
                                {% if usuario.ativo %}
                                    <span class="badge bg-success">Ativo</span>
                                {% else %}
                                    <span class="badge bg-secondary">Inativo</span>
                                {% endif %}
                            </td>
                            <td>
                                {% if usuario.ultimo_acesso %}
                                    {{ usuario.ultimo_acesso.strftime('%d/%m/%Y %H:%M') }}
                                {% else %}
                                    <span class="text-muted">Nunca</span>
                                {% endif %}
                            </td>
                            <td class="text-end">
                                <div class="dropdown action-menu usuarios-action-menu">
                                    <button class="action-menu-btn" type="button" data-bs-toggle="dropdown" data-bs-strategy="fixed" aria-label="Abrir ações do usuário">
                                        <i class="bi bi-three-dots-vertical"></i>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        <li><a class="dropdown-item" href="{{ url_for('editar_usuario', id=usuario.id) }}"><i class="bi bi-pencil-fill text-warning"></i> Editar</a></li>
                                        {% if usuario.id != current_user.id %}
                                        <li><hr class="dropdown-divider"></li>
                                        <li>
                                            <form method="POST" action="{{ url_for('excluir_usuario', id=usuario.id) }}" onsubmit="return confirm('Tem certeza que deseja excluir este usuário?')">
                                                <button type="submit" class="dropdown-item text-danger">
                                                    <i class="bi bi-trash-fill"></i> Excluir
                                                </button>
                                            </form>
                                        </li>
                                        {% endif %}
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% else %}
            <div class="alert alert-info">
                <i class="bi bi-info-circle"></i> Nenhum usuário cadastrado.
            </div>
        {% endif %}
    </div>
</div>

<div class="row mt-4">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header bg-info text-white">
                <h5 class="mb-0"><i class="bi bi-info-circle"></i> Níveis de Acesso</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <h6><i class="bi bi-shield-fill text-danger"></i> Admin</h6>
                        <ul class="small">
                            <li>Acesso total</li>
                            <li>Gerenciar usuários</li>
                            <li>Todas permissões</li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <h6><i class="bi bi-star-fill text-warning"></i> Gerente</h6>
                        <ul class="small">
                            <li>Supervisionar</li>
                            <li>Autorizar ações</li>
                            <li>Relatórios</li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <h6><i class="bi bi-person text-secondary"></i> Operador</h6>
                        <ul class="small">
                            <li>Caixa</li>
                            <li>Vendas</li>
                            <li>Lançamentos</li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <h6><i class="bi bi-cart text-primary"></i> Vendedor</h6>
                        <ul class="small">
                            <li>Apenas vendas</li>
                            <li>Sem caixa</li>
                            <li>Básico</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-header bg-warning">
                <h5 class="mb-0"><i class="bi bi-shield-lock"></i> Legenda Permissões</h5>
            </div>
            <div class="card-body">
                <small>
                    <strong>CV</strong> = Cancelar Vendas<br>
                    <strong>EP</strong> = Estornar Pagamentos<br>
                    <strong>FC</strong> = Fechar Caixa de Outros<br>
                    <strong>AP</strong> = Alterar Preço<br>
                    <strong>Sangria</strong> = Limite sem autorização<br>
                    <strong>Desc</strong> = Desconto máximo permitido
                </small>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.usuarios-action-menu').forEach(function(dropdown) {
        const tableWrap = dropdown.closest('.usuarios-table-wrap');

        dropdown.addEventListener('shown.bs.dropdown', function() {
            dropdown.classList.add('dropdown-open');
            tableWrap?.classList.add('usuarios-dropdown-open');
        });

        dropdown.addEventListener('hidden.bs.dropdown', function() {
            dropdown.classList.remove('dropdown-open');
            tableWrap?.classList.remove('usuarios-dropdown-open');
        });
    });
});
</script>
{% endblock %}