{% extends "base.html" %}
{% block title %}Parâmetros Fiscais - CapeSystem{% endblock %}
{% block content %}
<div class="container-fluid">
    <!-- Cabeçalho -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h2><i class="bi bi-sliders text-warning"></i> Parâmetros Fiscais</h2>
            <p class="text-muted mb-0">Configuração de alíquotas e CSTs por CFOP e empresa</p>
        </div>
        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalParametro" onclick="limparFormulario()">
            <i class="bi bi-plus-lg"></i> Novo Parâmetro
        </button>
    </div>
    
    <!-- Filtro por Empresa -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="get" class="row g-3 align-items-end">
                <div class="col-md-4">
                    <label class="form-label"><strong>Empresa:</strong></label>
                    <select name="empresa_id" class="form-select" onchange="this.form.submit()">
                        {% for emp in empresas %}
                        <option value="{{ emp.id }}" {{ 'selected' if emp.id == empresa_id }}>{{ emp.nome or ('Empresa ' ~ emp.id) }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-4">
                    <span class="badge bg-info fs-6">
                        <i class="bi bi-list-ol"></i> {{ parametros|length }} parâmetros configurados
                    </span>
                </div>
            </form>
        </div>
    </div>
    
    <!-- Lista de Parâmetros -->
    <div class="card">
        <div class="card-body">
            <table class="table table-hover" id="tabelaParametros">
                <thead class="table-dark">
                    <tr>
                        <th>CFOP</th>
                        <th>Descrição</th>
                        <th class="text-center">ICMS</th>
                        <th class="text-center">PIS</th>
                        <th class="text-center">COFINS</th>
                        <th class="text-center">IPI</th>
                        <th class="text-center">CST ICMS</th>
                        <th class="text-center">Status</th>
                        <th class="text-center">Ações</th>
                    </tr>
                </thead>
                <tbody>
                    {% for param in parametros %}
                    <tr>
                        <td>
                            <strong class="text-primary">{{ param.cfop.codigo if param.cfop else '-' }}</strong>
                        </td>
                        <td>{{ param.cfop.descricao[:50] if param.cfop else '-' }}...</td>
                        <td class="text-center">{{ '%.2f'|format(param.aliq_icms) }}%</td>
                        <td class="text-center">{{ '%.2f'|format(param.aliq_pis) }}%</td>
                        <td class="text-center">{{ '%.2f'|format(param.aliq_cofins) }}%</td>
                        <td class="text-center">{{ '%.2f'|format(param.aliq_ipi) }}%</td>
                        <td class="text-center"><code>{{ param.cst_icms or '-' }}</code></td>
                        <td class="text-center">
                            {% if param.ativo %}
                            <span class="badge bg-success">Ativo</span>
                            {% else %}
                            <span class="badge bg-secondary">Inativo</span>
                            {% endif %}
                        </td>
                        <td class="text-center">
                            <button type="button" class="btn btn-sm btn-outline-primary" onclick="editarParametro({{ param.id }})" title="Editar">
                                <i class="bi bi-pencil"></i>
                            </button>
                            <button type="button" class="btn btn-sm btn-outline-danger" onclick="confirmarExclusao({{ param.id }})" title="Excluir">
                                <i class="bi bi-trash"></i>
                            </button>
                        </td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="9" class="text-center text-muted py-4">
                            <i class="bi bi-inbox fs-1"></i><br>
                            Nenhum parâmetro fiscal cadastrado para esta empresa.
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- Modal de Cadastro/Edição -->
<div class="modal fade" id="modalParametro" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form action="{{ url_for('fiscal_parametros_salvar') }}" method="post">
                <input type="hidden" name="id" id="paramId">
                <input type="hidden" name="empresa_id" value="{{ empresa_id }}">
                
                <div class="modal-header bg-warning text-dark">
                    <h5 class="modal-title"><i class="bi bi-sliders"></i> Parâmetro Fiscal</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                
                <div class="modal-body">
                    <div class="row g-3">
                        <!-- CFOP -->
                        <div class="col-md-12">
                            <label class="form-label"><strong>CFOP:</strong></label>
                            <select name="cfop_id" id="cfopId" class="form-select" required>
                                <option value="">Selecione um CFOP</option>
                                {% for cfop in cfops %}
                                <option value="{{ cfop.id }}">{{ cfop.codigo }} - {{ cfop.descricao[:60] }}...</option>
                                {% endfor %}
                            </select>
                        </div>
                        
                        <!-- Alíquotas -->
                        <div class="col-12">
                            <hr>
                            <h6><i class="bi bi-percent"></i> Alíquotas</h6>
                        </div>
                        
                        <div class="col-md-3">
                            <label class="form-label">ICMS (%):</label>
                            <input type="number" name="aliq_icms" id="aliqIcms" class="form-control" step="0.01" value="0">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">PIS (%):</label>
                            <input type="number" name="aliq_pis" id="aliqPis" class="form-control" step="0.01" value="0">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">COFINS (%):</label>
                            <input type="number" name="aliq_cofins" id="aliqCofins" class="form-control" step="0.01" value="0">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">IPI (%):</label>
                            <input type="number" name="aliq_ipi" id="aliqIpi" class="form-control" step="0.01" value="0">
                        </div>
                        
                        <!-- CSTs -->
                        <div class="col-12">
                            <hr>
                            <h6><i class="bi bi-code-square"></i> Códigos de Situação Tributária (CST)</h6>
                        </div>
                        
                        <div class="col-md-3">
                            <label class="form-label">CST ICMS:</label>
                            <select name="cst_icms" id="cstIcms" class="form-select">
                                <option value="">-</option>
                                <option value="00">00 - Tributada integralmente</option>
                                <option value="10">10 - Tributada com ST</option>
                                <option value="20">20 - Com redução BC</option>
                                <option value="30">30 - Isenta/Não tributada com ST</option>
                                <option value="40">40 - Isenta</option>
                                <option value="41">41 - Não tributada</option>
                                <option value="50">50 - Suspensão</option>
                                <option value="51">51 - Diferimento</option>
                                <option value="60">60 - ICMS cobrado por ST</option>
                                <option value="70">70 - Redução BC com ST</option>
                                <option value="90">90 - Outras</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">CST PIS:</label>
                            <select name="cst_pis" id="cstPis" class="form-select">
                                <option value="">-</option>
                                <option value="01">01 - Op. Tributável BC</option>
                                <option value="02">02 - Op. Tributável Alíq.</option>
                                <option value="04">04 - Op. Tributável Monofásica</option>
                                <option value="06">06 - Op. Tributável Alíq. Zero</option>
                                <option value="07">07 - Op. Isenta</option>
                                <option value="08">08 - Op. s/ Incidência</option>
                                <option value="09">09 - Op. Suspensão</option>
                                <option value="49">49 - Outras Op. Saída</option>
                                <option value="99">99 - Outras</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">CST COFINS:</label>
                            <select name="cst_cofins" id="cstCofins" class="form-select">
                                <option value="">-</option>
                                <option value="01">01 - Op. Tributável BC</option>
                                <option value="02">02 - Op. Tributável Alíq.</option>
                                <option value="04">04 - Op. Tributável Monofásica</option>
                                <option value="06">06 - Op. Tributável Alíq. Zero</option>
                                <option value="07">07 - Op. Isenta</option>
                                <option value="08">08 - Op. s/ Incidência</option>
                                <option value="09">09 - Op. Suspensão</option>
                                <option value="49">49 - Outras Op. Saída</option>
                                <option value="99">99 - Outras</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">CST IPI:</label>
                            <select name="cst_ipi" id="cstIpi" class="form-select">
                                <option value="">-</option>
                                <option value="00">00 - Entrada com recuperação</option>
                                <option value="01">01 - Entrada tributada alíq. zero</option>
                                <option value="02">02 - Entrada isenta</option>
                                <option value="03">03 - Entrada não tributada</option>
                                <option value="04">04 - Entrada imune</option>
                                <option value="05">05 - Entrada com suspensão</option>
                                <option value="49">49 - Outras entradas</option>
                                <option value="50">50 - Saída tributada</option>
                                <option value="51">51 - Saída tributada alíq. zero</option>
                                <option value="52">52 - Saída isenta</option>
                                <option value="53">53 - Saída não tributada</option>
                                <option value="54">54 - Saída imune</option>
                                <option value="55">55 - Saída com suspensão</option>
                                <option value="99">99 - Outras saídas</option>
                            </select>
                        </div>
                        
                        <!-- Status -->
                        <div class="col-md-12">
                            <hr>
                            <div class="form-check">
                                <input type="checkbox" name="ativo" id="ativo" class="form-check-input" checked>
                                <label class="form-check-label" for="ativo">Parâmetro Ativo</label>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-lg"></i> Salvar
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Form de Exclusão -->
<form id="formExclusao" method="post" style="display: none;"></form>

<script>
function limparFormulario() {
    document.getElementById('paramId').value = '';
    document.getElementById('cfopId').value = '';
    document.getElementById('aliqIcms').value = '0';
    document.getElementById('aliqPis').value = '0';
    document.getElementById('aliqCofins').value = '0';
    document.getElementById('aliqIpi').value = '0';
    document.getElementById('cstIcms').value = '';
    document.getElementById('cstPis').value = '';
    document.getElementById('cstCofins').value = '';
    document.getElementById('cstIpi').value = '';
    document.getElementById('ativo').checked = true;
}

function editarParametro(paramId) {
    fetch(`/fiscal/parametros/${paramId}/json`)
        .then(response => response.json())
        .then(data => {
            document.getElementById('paramId').value = data.id;
            document.getElementById('cfopId').value = data.cfop_id;
            document.getElementById('aliqIcms').value = data.aliq_icms;
            document.getElementById('aliqPis').value = data.aliq_pis;
            document.getElementById('aliqCofins').value = data.aliq_cofins;
            document.getElementById('aliqIpi').value = data.aliq_ipi;
            document.getElementById('cstIcms').value = data.cst_icms || '';
            document.getElementById('cstPis').value = data.cst_pis || '';
            document.getElementById('cstCofins').value = data.cst_cofins || '';
            document.getElementById('cstIpi').value = data.cst_ipi || '';
            document.getElementById('ativo').checked = data.ativo;
            
            new bootstrap.Modal(document.getElementById('modalParametro')).show();
        });
}

function confirmarExclusao(paramId) {
    if (confirm('Deseja realmente excluir este parâmetro fiscal?')) {
        const form = document.getElementById('formExclusao');
        form.action = `/fiscal/parametros/${paramId}/excluir`;
        form.submit();
    }
}

// DataTable se disponível
document.addEventListener('DOMContentLoaded', function() {
    if (typeof $ !== 'undefined' && $.fn.DataTable) {
        $('#tabelaParametros').DataTable({
            language: {
                url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/pt-BR.json'
            },
            order: [[0, 'asc']],
            pageLength: 25
        });
    }
});
</script>
{% endblock %}