{% extends "base.html" %}

{% block title %}Balancete de Verificação{% endblock %}

{% block content %}
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1><i class="bi bi-journal-check text-primary"></i> Balancete de Verificação</h1>
            <p class="text-muted mb-0">Saldos das contas contábeis por período</p>
        </div>
        <div>
            <a href="{{ url_for('relatorios') }}" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left"></i> Voltar
            </a>
            <button onclick="window.print()" class="btn btn-outline-primary">
                <i class="bi bi-printer"></i> Imprimir
            </button>
        </div>
    </div>

    <!-- Filtros -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" class="row g-3 align-items-end">
                <div class="col-md-3">
                    <label class="form-label">Data Início</label>
                    <input type="date" class="form-control" name="data_inicio" 
                           value="{{ data_inicio.strftime('%Y-%m-%d') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Data Fim</label>
                    <input type="date" class="form-control" name="data_fim" 
                           value="{{ data_fim.strftime('%Y-%m-%d') }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Classificar por</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-2">
                    <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-3">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-search"></i> Filtrar
                    </button>
                    <a href="{{ url_for('relatorio_balancete') }}" class="btn btn-outline-secondary">
                        <i class="bi bi-x"></i> Limpar
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Cards de Totais -->
    <div class="row mb-4">
        <div class="col-md-4">
            <div class="card border-primary">
                <div class="card-body text-center">
                    <h6 class="text-muted">Total Débitos</h6>
                    <h3 class="text-primary">R$ {{ "%.2f"|format(balancete.total_debitos) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-success">
                <div class="card-body text-center">
                    <h6 class="text-muted">Total Créditos</h6>
                    <h3 class="text-success">R$ {{ "%.2f"|format(balancete.total_creditos) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card {{ 'border-success' if balancete.diferenca == 0 else 'border-danger' }}">
                <div class="card-body text-center">
                    <h6 class="text-muted">Diferença</h6>
                    <h3 class="{{ 'text-success' if balancete.diferenca == 0 else 'text-danger' }}">
                        R$ {{ "%.2f"|format(balancete.diferenca) }}
                        {% if balancete.diferenca == 0 %}
                        <i class="bi bi-check-circle"></i>
                        {% else %}
                        <i class="bi bi-exclamation-triangle"></i>
                        {% endif %}
                    </h3>
                </div>
            </div>
        </div>
    </div>

    {% if balancete.diferenca != 0 %}
    <div class="alert alert-danger">
        <i class="bi bi-exclamation-triangle"></i>
        <strong>Atenção:</strong> O balancete não está equilibrado! 
        A diferença entre débitos e créditos deve ser zero.
    </div>
    {% endif %}

    <!-- Tabela do Balancete -->
    <div class="card">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">
                <i class="bi bi-table"></i>
                Balancete de Verificação
            </h5>
            <small>Período: {{ data_inicio.strftime('%d/%m/%Y') }} a {{ data_fim.strftime('%d/%m/%Y') }}</small>
        </div>
        <div class="card-body p-0">
            <table class="table table-hover table-striped mb-0">
                <thead class="table-dark">
                    <tr>
                        <th>Código</th>
                        <th>Conta</th>
                        <th>Tipo</th>
                        <th class="text-end">Débitos (R$)</th>
                        <th class="text-end">Créditos (R$)</th>
                        <th class="text-end">Saldo (R$)</th>
                    </tr>
                </thead>
                <tbody>
                    {% for conta in balancete.contas %}
                    {% set nivel_conta = conta.nivel|int if conta.nivel is not none else 1 %}
                    <tr class="{{ 'fw-bold' if nivel_conta == 1 else '' }}">
                        <td>
                            <code>{{ conta.codigo }}</code>
                        </td>
                        <td>
                            {{ ('&nbsp;&nbsp;' * ((nivel_conta - 1) if nivel_conta > 1 else 0))|safe }}
                            {{ conta.nome }}
                        </td>
                        <td>
                            {% if conta.tipo == 'ativo' %}
                            <span class="badge bg-primary">Ativo</span>
                            {% elif conta.tipo == 'passivo' %}
                            <span class="badge bg-secondary">Passivo</span>
                            {% elif conta.tipo == 'patrimonio' %}
                            <span class="badge bg-info">Patrimônio</span>
                            {% elif conta.tipo == 'receita' %}
                            <span class="badge bg-success">Receita</span>
                            {% elif conta.tipo == 'custo' %}
                            <span class="badge bg-warning text-dark">Custo</span>
                            {% elif conta.tipo == 'despesa' %}
                            <span class="badge bg-danger">Despesa</span>
                            {% endif %}
                        </td>
                        <td class="text-end">
                            {% if conta.debitos > 0 %}
                            {{ "%.2f"|format(conta.debitos) }}
                            {% else %}
                            -
                            {% endif %}
                        </td>
                        <td class="text-end">
                            {% if conta.creditos > 0 %}
                            {{ "%.2f"|format(conta.creditos) }}
                            {% else %}
                            -
                            {% endif %}
                        </td>
                        <td class="text-end {{ 'text-success' if conta.saldo >= 0 else 'text-danger' }}">
                            <strong>{{ "%.2f"|format(conta.saldo) }}</strong>
                            <small class="text-muted">{{ conta.natureza_saldo }}</small>
                        </td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="6" class="text-center py-4 text-muted">
                            <i class="bi bi-journal-x fs-1"></i>
                            <p class="mb-0">Nenhum lançamento contábil no período</p>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
                <tfoot class="table-dark">
                    <tr>
                        <td colspan="3"><strong>TOTAIS</strong></td>
                        <td class="text-end"><strong>{{ "%.2f"|format(balancete.total_debitos) }}</strong></td>
                        <td class="text-end"><strong>{{ "%.2f"|format(balancete.total_creditos) }}</strong></td>
                        <td class="text-end"><strong>{{ "%.2f"|format(balancete.diferenca) }}</strong></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>

<style>
@media print {
    .btn, form {
        display: none !important;
    }
    .card {
        border: 1px solid #ddd !important;
    }
}
</style>
{% endblock %}