{% extends "base.html" %}

{% block title %}Relatório CFOP - Resultados - CapeSystem{% endblock %}

{% block content %}
<div class="mb-4 d-flex justify-content-between align-items-center">
    <h1><i class="bi bi-diagram-3"></i> Relatório de CFOP</h1>
    <div>
        <button onclick="window.print()" class="btn btn-secondary">
            <i class="bi bi-printer"></i> Imprimir
        </button>
        <a href="{{ url_for('fiscal_relatorio_cfop') }}" class="btn btn-primary">
            <i class="bi bi-arrow-left"></i> Nova Consulta
        </a>
    </div>
</div>

<div class="card mb-3">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0">Período: {{ relatorio.periodo.inicio }} a {{ relatorio.periodo.fim }}</h5>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-3">
                <strong>Total de Notas:</strong><br>
                <h3>{{ relatorio.total_geral.notas }}</h3>
            </div>
            <div class="col-md-3">
                <strong>Total de Itens:</strong><br>
                <h3>{{ relatorio.total_geral.itens }}</h3>
            </div>
            <div class="col-md-3">
                <strong>Valor Total:</strong><br>
                <h3>R$ {{ "%.2f"|format(relatorio.total_geral.valor) }}</h3>
            </div>
            <div class="col-md-3">
                <strong>ICMS Total:</strong><br>
                <h3>R$ {{ "%.2f"|format(relatorio.total_geral.valor_icms) }}</h3>
            </div>
        </div>
    </div>
</div>

<div class="table-responsive">
    <table class="table table-striped table-hover">
        <thead>
            <tr>
                <th>CFOP</th>
                <th>Descrição</th>
                <th>Natureza</th>
                <th class="text-end">Notas</th>
                <th class="text-end">Itens</th>
                <th class="text-end">Valor Total</th>
                <th class="text-end">Base ICMS</th>
                <th class="text-end">Valor ICMS</th>
            </tr>
        </thead>
        <tbody>
            {% for cfop in relatorio.cfops %}
            <tr>
                <td><strong>{{ cfop.cfop }}</strong></td>
                <td>{{ cfop.descricao }}</td>
                <td><span class="badge bg-info">{{ cfop.natureza }}</span></td>
                <td class="text-end">{{ cfop.quantidade_notas }}</td>
                <td class="text-end">{{ cfop.quantidade_itens }}</td>
                <td class="text-end">R$ {{ "%.2f"|format(cfop.valor_total) }}</td>
                <td class="text-end">R$ {{ "%.2f"|format(cfop.base_icms) }}</td>
                <td class="text-end">R$ {{ "%.2f"|format(cfop.valor_icms) }}</td>
            </tr>
            {% endfor %}
        </tbody>
        <tfoot class="table-secondary">
            <tr>
                <th colspan="3">TOTAL GERAL</th>
                <th class="text-end">{{ relatorio.total_geral.notas }}</th>
                <th class="text-end">{{ relatorio.total_geral.itens }}</th>
                <th class="text-end">R$ {{ "%.2f"|format(relatorio.total_geral.valor) }}</th>
                <th class="text-end">R$ {{ "%.2f"|format(relatorio.total_geral.base_icms) }}</th>
                <th class="text-end">R$ {{ "%.2f"|format(relatorio.total_geral.valor_icms) }}</th>
            </tr>
        </tfoot>
    </table>
</div>

<div class="text-muted small mt-3">
    Relatório gerado em: {{ relatorio.data_geracao }}
</div>
{% endblock %}