{% extends "base.html" %}

{% block title %}Relatório CST {{ tipo_imposto|upper }} - CapeSystem{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <h2><i class="fa fa-percent"></i> Relatório CST {{ tipo_imposto|upper }}</h2>
            <hr>
        </div>
    </div>

    <!-- Informações do Período -->
    <div class="row mb-3">
        <div class="col-md-12">
            <div class="alert alert-info">
                <strong>Período:</strong> {{ periodo.data_inicio }} a {{ periodo.data_fim }}<br>
                <strong>Empresa:</strong> {{ periodo.empresa }}<br>
                <strong>Tipo de Imposto:</strong> {{ tipo_imposto|upper }}
            </div>
        </div>
    </div>

    <!-- Tabela de CST -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="mb-0">CST {{ tipo_imposto|upper }} por Código</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>CST</th>
                                    <th>Descrição</th>
                                    <th class="text-end">Quantidade de Itens</th>
                                    <th class="text-end">Valor Total (R$)</th>
                                    <th class="text-end">Base de Cálculo (R$)</th>
                                    <th class="text-end">Valor do Imposto (R$)</th>
                                    <th class="text-end">Alíquota Efetiva (%)</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for cst in csts %}
                                <tr>
                                    <td><strong>{{ cst.codigo }}</strong></td>
                                    <td>{{ cst.descricao }}</td>
                                    <td class="text-end">{{ cst.quantidade_itens }}</td>
                                    <td class="text-end">{{ "R$ {:,.2f}".format(cst.valor_total_produtos).replace(',', '_').replace('.', ',').replace('_', '.') }}</td>
                                    <td class="text-end">{{ "R$ {:,.2f}".format(cst.base_calculo).replace(',', '_').replace('.', ',').replace('_', '.') }}</td>
                                    <td class="text-end">{{ "R$ {:,.2f}".format(cst.valor_imposto).replace(',', '_').replace('.', ',').replace('_', '.') }}</td>
                                    <td class="text-end">
                                        {% if cst.aliquota_efetiva %}
                                            {{ "{:.2f}%".format(cst.aliquota_efetiva) }}
                                        {% else %}
                                            <span class="text-muted">-</span>
                                        {% endif %}
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                            <tfoot class="table-secondary">
                                <tr>
                                    <td colspan="2"><strong>TOTAIS</strong></td>
                                    <td class="text-end"><strong>{{ total_geral.itens }}</strong></td>
                                    <td class="text-end"><strong>{{ "R$ {:,.2f}".format(total_geral.valor_produtos).replace(',', '_').replace('.', ',').replace('_', '.') }}</strong></td>
                                    <td class="text-end"><strong>{{ "R$ {:,.2f}".format(total_geral.base_calculo).replace(',', '_').replace('.', ',').replace('_', '.') }}</strong></td>
                                    <td class="text-end"><strong>{{ "R$ {:,.2f}".format(total_geral.valor_imposto).replace(',', '_').replace('.', ',').replace('_', '.') }}</strong></td>
                                    <td class="text-end">
                                        {% if total_geral.aliquota_media %}
                                            <strong>{{ "{:.2f}%".format(total_geral.aliquota_media) }}</strong>
                                        {% else %}
                                            <span class="text-muted">-</span>
                                        {% endif %}
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Botões de Ação -->
    <div class="row mt-3">
        <div class="col-md-12">
            <a href="{{ url_for('fiscal_relatorio_cst') }}" class="btn btn-secondary">
                <i class="fa fa-arrow-left"></i> Nova Consulta
            </a>
            <button onclick="window.print()" class="btn btn-primary">
                <i class="fa fa-print"></i> Imprimir
            </button>
            <button onclick="exportarExcel()" class="btn btn-success">
                <i class="fa fa-file-excel-o"></i> Exportar Excel
            </button>
        </div>
    </div>
</div>

<style media="print">
    .btn, nav, .sidebar {
        display: none !important;
    }
    .container-fluid {
        width: 100% !important;
    }
</style>

<script>
function exportarExcel() {
    // Cria uma cópia da tabela sem os botões
    let table = document.querySelector('table').cloneNode(true);
    let html = '<html><head><meta charset="utf-8"><title>Relatório CST</title></head><body>';
    html += '<h2>Relatório CST {{ tipo_imposto|upper }}</h2>';
    html += '<p><strong>Período:</strong> {{ periodo.data_inicio }} a {{ periodo.data_fim }}</p>';
    html += '<p><strong>Empresa:</strong> {{ periodo.empresa }}</p>';
    html += table.outerHTML;
    html += '</body></html>';
    
    let blob = new Blob([html], { type: 'application/vnd.ms-excel' });
    let url = URL.createObjectURL(blob);
    let a = document.createElement('a');
    a.href = url;
    a.download = 'relatorio_cst_{{ tipo_imposto }}_{{ periodo.data_inicio }}_{{ periodo.data_fim }}.xls';
    a.click();
}
</script>
{% endblock %}