{% extends "base.html" %}

{% block title %}Perfis PDV - CapeSystem{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1><i class="bi bi-person-badge"></i> Perfis de Operador PDV</h1>
        <p class="text-muted mb-0">Gerencie perfis de acesso para operadores de caixa</p>
    </div>
    <div>
        <a href="{{ url_for('novo_perfil_pdv') }}" class="btn btn-primary btn-lg">
            <i class="bi bi-plus-circle"></i> Novo Perfil
        </a>
    </div>
</div>

<div class="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>
        </form>

        {% if perfis %}
        <div class="table-responsive">
            <table class="table table-hover">
                <thead class="table-light">
                    <tr>
                        <th>Nome</th>
                        <th>Descrição</th>
                        <th class="text-center">Acesso</th>
                        <th class="text-center">Desconto Máx.</th>
                        <th class="text-center">Usuários</th>
                        <th class="text-center">Status</th>
                        <th class="text-center">Ações</th>
                    </tr>
                </thead>
                <tbody>
                    {% for perfil in perfis %}
                    <tr>
                        <td>
                            <strong>{{ perfil.nome }}</strong>
                        </td>
                        <td>
                            <small class="text-muted">{{ perfil.descricao or '-' }}</small>
                        </td>
                        <td class="text-center">
                            {% if perfil.acesso_apenas_pdv %}
                            <span class="badge bg-warning text-dark">
                                <i class="bi bi-lock"></i> Apenas PDV
                            </span>
                            {% else %}
                            <span class="badge bg-info">
                                <i class="bi bi-unlock"></i> Sistema Completo
                            </span>
                            {% endif %}
                        </td>
                        <td class="text-center">
                            {% if perfil.pode_dar_desconto_percentual or perfil.pode_dar_desconto_valor %}
                                {% if perfil.pode_dar_desconto_percentual %}
                                    <span class="badge bg-success">{{ "%.1f"|format(perfil.limite_desconto_percentual or perfil.desconto_maximo or 0) }}%</span>
                                {% endif %}
                                {% if perfil.pode_dar_desconto_valor %}
                                    <span class="badge bg-warning text-dark">R$ {{ "%.2f"|format(perfil.limite_desconto_valor or 0) }}</span>
                                {% endif %}
                            {% else %}
                                <span class="badge bg-secondary">Sem desconto</span>
                            {% endif %}
                        </td>
                        <td class="text-center">
                            {% set qtd_usuarios = perfil.usuarios|length %}
                            <span class="badge bg-primary">{{ qtd_usuarios }}</span>
                        </td>
                        <td class="text-center">
                            {% if perfil.ativo %}
                            <span class="badge bg-success"><i class="bi bi-check-circle"></i> Ativo</span>
                            {% else %}
                            <span class="badge bg-danger"><i class="bi bi-x-circle"></i> Inativo</span>
                            {% endif %}
                        </td>
                        <td class="text-center">
                            <div class="btn-group btn-group-sm">
                                <a href="{{ url_for('editar_perfil_pdv', id=perfil.id) }}" 
                                   class="btn btn-outline-primary" title="Editar">
                                    <i class="bi bi-pencil"></i>
                                </a>
                                <a href="{{ url_for('duplicar_perfil_pdv', id=perfil.id) }}" 
                                   class="btn btn-outline-info" title="Duplicar">
                                    <i class="bi bi-files"></i>
                                </a>
                                <button type="button" class="btn btn-outline-danger" title="Excluir"
                                        onclick="confirmarExclusao({{ perfil.id }}, '{{ perfil.nome }}')">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </div>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <div class="text-center py-5">
            <i class="bi bi-person-badge display-1 text-muted"></i>
            <h4 class="mt-3 text-muted">Nenhum perfil cadastrado</h4>
            <p class="text-muted">Crie perfis para definir as permissões dos operadores de caixa.</p>
            <a href="{{ url_for('novo_perfil_pdv') }}" class="btn btn-primary">
                <i class="bi bi-plus-circle"></i> Criar Primeiro Perfil
            </a>
        </div>
        {% endif %}
    </div>
</div>

<!-- Dica -->
<div class="card mt-4 border-info">
    <div class="card-body">
        <h6><i class="bi bi-lightbulb text-info"></i> Como funciona?</h6>
        <ul class="mb-0">
            <li><strong>Acesso Apenas PDV:</strong> Ao ativar, o usuário será redirecionado automaticamente para o PDV ao fazer login.</li>
            <li><strong>Permissões:</strong> Defina quais operações cada perfil pode realizar (descontos, cancelamentos, sangria, etc).</li>
            <li><strong>Vinculação:</strong> Vincule usuários a um perfil na tela de edição do usuário.</li>
        </ul>
    </div>
</div>

<!-- Form oculto para exclusão -->
<form id="formExcluir" method="POST" style="display:none;">
</form>

<script>
function confirmarExclusao(id, nome) {
    if (confirm(`Tem certeza que deseja excluir o perfil "${nome}"?\n\nEsta ação não pode ser desfeita.`)) {
        const form = document.getElementById('formExcluir');
        form.action = `/admin/perfil-pdv/excluir/${id}`;
        form.submit();
    }
}
</script>
{% endblock %}