{% extends "base.html" %}

{% block title %}Cadastro de CFOP{% endblock %}

{% block content %}
<style>
/* Corrigir dropdown cortado no table-responsive */
.table-responsive {
    overflow: visible !important;
}
.card-body.p-0 {
    overflow: visible !important;
}
.dropdown-menu {
    position: absolute !important;
    z-index: 1050 !important;
}
</style>
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col">
            <h2><i class="bi bi-list-ol me-2"></i>Cadastro de CFOP</h2>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url_for('index') }}">Início</a></li>
                    <li class="breadcrumb-item"><a href="{{ url_for('fiscal_configuracao') }}">Fiscal</a></li>
                    <li class="breadcrumb-item active">CFOP</li>
                </ol>
            </nav>
        </div>
    </div>

    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            {% endfor %}
        {% endif %}
    {% endwith %}

    <!-- Filtros -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" class="row g-3 align-items-end">
                <div class="col-md-2">
                    <label class="form-label">Código</label>
                    <input type="text" name="codigo" class="form-control" value="{{ request.args.get('codigo', '') }}" placeholder="5102">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Descrição</label>
                    <input type="text" name="descricao" class="form-control" value="{{ request.args.get('descricao', '') }}" placeholder="Buscar...">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Tipo Operação</label>
                    <select name="tipo_operacao" class="form-select">
                        <option value="">Todos</option>
                        <option value="entrada" {{ 'selected' if request.args.get('tipo_operacao') == 'entrada' }}>Entrada</option>
                        <option value="saida" {{ 'selected' if request.args.get('tipo_operacao') == 'saida' }}>Saída</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Movimento</label>
                    <select name="tipo_movimento" class="form-select">
                        <option value="">Todos</option>
                        <option value="venda" {{ 'selected' if request.args.get('tipo_movimento') == 'venda' }}>Venda</option>
                        <option value="compra" {{ 'selected' if request.args.get('tipo_movimento') == 'compra' }}>Compra</option>
                        <option value="devolucao_compra" {{ 'selected' if request.args.get('tipo_movimento') == 'devolucao_compra' }}>Devolução Compra</option>
                        <option value="devolucao_venda" {{ 'selected' if request.args.get('tipo_movimento') == 'devolucao_venda' }}>Devolução Venda</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <button type="submit" class="btn btn-primary me-2"><i class="bi bi-search"></i> Filtrar</button>
                    <a href="{{ url_for('fiscal_cfop') }}" class="btn btn-outline-secondary"><i class="bi bi-eraser"></i> Limpar</a>
                </div>
            </form>
        </div>
    </div>

    <div class="d-flex justify-content-between mb-3">
        <button type="button" class="btn btn-success" onclick="novoCfop()"><i class="bi bi-plus-lg"></i> Novo CFOP</button>
        <span class="badge bg-primary fs-6">{{ cfops|length }} registros</span>
    </div>

    <div class="card" style="overflow: visible;">
        <div class="card-body p-0" style="overflow: visible;">
            <div class="table-responsive" style="overflow: visible;">
                <table class="table table-striped table-hover mb-0">
                    <thead class="table-primary">
                        <tr>
                            <th width="80" class="fw-bold">Código</th>
                            <th class="fw-bold">Descrição</th>
                            <th width="90" class="text-center fw-bold">Tipo</th>
                            <th width="100" class="fw-bold">Movimento</th>
                            <th width="60" class="text-center fw-bold">UF</th>
                            <th width="60" class="text-center fw-bold">CST</th>
                            <th width="70" class="text-center fw-bold">CSOSN</th>
                            <th width="60" class="text-center fw-bold">Status</th>
                            <th width="50" class="text-center fw-bold">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for cfop in cfops %}
                        <tr>
                            <td><strong class="text-primary">{{ cfop.codigo }}</strong></td>
                            <td><span title="{{ cfop.descricao }}">{{ cfop.descricao_resumida or cfop.descricao[:45] }}{% if cfop.descricao|length > 45 %}...{% endif %}</span></td>
                            <td class="text-center">
                                {% if cfop.tipo_operacao == 'entrada' %}<span class="badge bg-info">Entrada</span>
                                {% else %}<span class="badge bg-warning text-dark">Saída</span>{% endif %}
                            </td>
                            <td><small>{{ cfop.tipo_movimento|title if cfop.tipo_movimento else '-' }}</small></td>
                            <td class="text-center">
                                {% set uf = cfop.dentro_estado if cfop.dentro_estado is string else ('DE' if cfop.dentro_estado else 'FE') %}
                                {% if uf == 'DE' %}<span class="badge bg-success">DE</span>
                                {% elif uf == 'FE' %}<span class="badge bg-primary">FE</span>
                                {% else %}<span class="badge bg-dark">EX</span>{% endif %}
                            </td>
                            <td class="text-center"><code>{{ cfop.cst_icms or '-' }}</code></td>
                            <td class="text-center"><code>{{ cfop.csosn or '-' }}</code></td>
                            <td class="text-center">
                                {% if cfop.ativo %}<span class="badge bg-success">Ativo</span>
                                {% else %}<span class="badge bg-secondary">Inativo</span>{% endif %}
                            </td>
                            <td class="text-center">
                                <div class="dropdown">
                                    <button class="btn btn-sm btn-link text-dark" type="button" data-bs-toggle="dropdown">
                                        <i class="bi bi-three-dots-vertical"></i>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        <li><a class="dropdown-item" href="#" onclick="editarCfop({{ cfop.id }}); return false;"><i class="bi bi-pencil text-primary"></i> Editar</a></li>
                                        <li><a class="dropdown-item" href="#" onclick="duplicarCfop({{ cfop.id }}); return false;"><i class="bi bi-copy text-info"></i> Duplicar</a></li>
                                        <li><hr class="dropdown-divider"></li>
                                        <li><a class="dropdown-item text-danger" href="#" onclick="confirmarExclusao({{ cfop.id }}, '{{ cfop.codigo }}'); return false;"><i class="bi bi-trash"></i> Excluir</a></li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        {% else %}
                        <tr><td colspan="9" class="text-center py-4 text-muted"><i class="bi bi-inbox fs-1 d-block mb-2"></i>Nenhum CFOP. <a href="#" onclick="novoCfop(); return false;">Cadastre o primeiro</a></td></tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Modal CFOP -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="modalCfop" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <form id="formCfop" action="{{ url_for('fiscal_cfop_salvar') }}" method="POST">
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title"><i class="bi bi-list-ol me-2"></i><span id="modalTitulo">Novo CFOP</span></h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="cfop_id" id="cfop_id">
                    
                    <ul class="nav nav-tabs mb-3" id="cfopTabs" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="tabDados-tab" data-bs-toggle="tab" data-bs-target="#tabDados" type="button" role="tab" aria-controls="tabDados" aria-selected="true">
                                <i class="bi bi-card-list"></i> Dados Básicos
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="tabParametros-tab" data-bs-toggle="tab" data-bs-target="#tabParametros" type="button" role="tab" aria-controls="tabParametros" aria-selected="false">
                                <i class="bi bi-sliders"></i> Parâmetros NF-e
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="tabTributacao-tab" data-bs-toggle="tab" data-bs-target="#tabTributacao" type="button" role="tab" aria-controls="tabTributacao" aria-selected="false">
                                <i class="bi bi-percent"></i> Tributação (CST/CSOSN)
                            </button>
                        </li>
                    </ul>
                    
                    <div class="tab-content" id="cfopTabsContent">
                        <div class="tab-pane fade show active" id="tabDados" role="tabpanel" aria-labelledby="tabDados-tab">
                            <div class="row g-3">
                                <div class="col-md-2">
                                    <label class="form-label"><strong>Código *</strong></label>
                                    <input type="text" name="codigo" id="codigo" class="form-control form-control-lg text-center" required maxlength="4" pattern="\d{4}" placeholder="5102" style="font-weight:bold;font-size:1.5rem;">
                                </div>
                                <div class="col-md-5">
                                    <label class="form-label"><strong>Tipo Operação *</strong></label>
                                    <select name="tipo_operacao" id="tipo_operacao" class="form-select" required>
                                        <option value="">Selecione...</option>
                                        <option value="entrada">Entrada</option>
                                        <option value="saida">Saída</option>
                                    </select>
                                </div>
                                <div class="col-md-5">
                                    <label class="form-label"><strong>Movimento</strong></label>
                                    <select name="tipo_movimento" id="tipo_movimento" class="form-select">
                                        <option value="">Selecione...</option>
                                        <option value="venda">Venda</option>
                                        <option value="compra">Compra</option>
                                        <option value="devolucao_compra">Devolução de Compra</option>
                                        <option value="devolucao_venda">Devolução de Venda</option>
                                        <option value="transferencia">Transferência</option>
                                        <option value="bonificacao">Bonificação</option>
                                        <option value="outros">Outros</option>
                                    </select>
                                </div>
                                <div class="col-12">
                                    <label class="form-label"><strong>Descrição *</strong></label>
                                    <input type="text" name="descricao" id="descricao" class="form-control" required maxlength="200">
                                </div>
                                <div class="col-md-5">
                                    <label class="form-label">Descrição Resumida</label>
                                    <input type="text" name="descricao_resumida" id="descricao_resumida" class="form-control" maxlength="60">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label"><strong>Abrangência</strong></label>
                                    <select name="dentro_estado" id="dentro_estado" class="form-select">
                                        <option value="DE">Dentro do Estado (1xxx/5xxx)</option>
                                        <option value="FE">Fora do Estado (2xxx/6xxx)</option>
                                        <option value="EX">Exterior (3xxx/7xxx)</option>
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label"><strong>Status</strong></label>
                                    <div class="form-check form-switch mt-2">
                                        <input class="form-check-input" type="checkbox" name="ativo" id="ativo" checked>
                                        <label class="form-check-label" for="ativo">CFOP Ativo</label>
                                    </div>
                                </div>
                                <div class="col-12"><hr><h6><i class="bi bi-calculator me-2"></i>Incidência de Impostos</h6></div>
                                <div class="col-md-4"><div class="form-check form-switch"><input class="form-check-input" type="checkbox" name="incide_icms" id="incide_icms" checked><label class="form-check-label" for="incide_icms">Incide ICMS</label></div></div>
                                <div class="col-md-4"><div class="form-check form-switch"><input class="form-check-input" type="checkbox" name="incide_ipi" id="incide_ipi"><label class="form-check-label" for="incide_ipi">Incide IPI</label></div></div>
                                <div class="col-md-4"><div class="form-check form-switch"><input class="form-check-input" type="checkbox" name="incide_pis_cofins" id="incide_pis_cofins" checked><label class="form-check-label" for="incide_pis_cofins">Incide PIS/COFINS</label></div></div>
                            </div>
                        </div>
                        
                        <!-- ========== ABA PARÂMETROS NF-e (MOC) ========== -->
                        <div class="tab-pane fade" id="tabParametros" role="tabpanel" aria-labelledby="tabParametros-tab">
                            <div class="alert alert-info mb-3">
                                <i class="bi bi-info-circle"></i> <strong>Parâmetros MOC:</strong> Configurações que serão aplicadas automaticamente na emissão de NF-e/NFC-e.
                            </div>
                            
                            <div class="row g-3">
                                <!-- Natureza da Operação -->
                                <div class="col-12">
                                    <label class="form-label"><strong><i class="bi bi-file-text"></i> Natureza da Operação *</strong></label>
                                    <input type="text" name="natureza_operacao" id="natureza_operacao" class="form-control" maxlength="60" placeholder="Ex: VENDA DE MERCADORIA ADQUIRIDA OU RECEBIDA">
                                    <small class="text-muted">Campo natOp da NF-e - Máximo 60 caracteres. Aparece no cabeçalho da DANFE.</small>
                                </div>
                                
                                <!-- Linha: Finalidade e Indicadores -->
                                <div class="col-md-4">
                                    <label class="form-label"><strong><i class="bi bi-flag"></i> Finalidade NF-e</strong></label>
                                    <select name="finalidade_nfe" id="finalidade_nfe" class="form-select">
                                        <option value="1">1 - NF-e Normal</option>
                                        <option value="2">2 - NF-e Complementar</option>
                                        <option value="3">3 - NF-e de Ajuste</option>
                                        <option value="4">4 - Devolução de Mercadoria</option>
                                    </select>
                                    <small class="text-muted">Campo finNFe</small>
                                </div>
                                
                                <div class="col-md-4">
                                    <label class="form-label"><strong><i class="bi bi-geo-alt"></i> Indicador de Presença</strong></label>
                                    <select name="indicador_presenca" id="indicador_presenca" class="form-select">
                                        <option value="0">0 - Não se aplica</option>
                                        <option value="1" selected>1 - Presencial</option>
                                        <option value="2">2 - Internet</option>
                                        <option value="3">3 - Teleatendimento</option>
                                        <option value="4">4 - NFC-e entrega domicílio</option>
                                        <option value="5">5 - Presencial fora do estabelecimento</option>
                                        <option value="9">9 - Outros</option>
                                    </select>
                                    <small class="text-muted">Campo indPres</small>
                                </div>
                                
                                <div class="col-md-4">
                                    <label class="form-label"><strong><i class="bi bi-shop"></i> Indicador Intermediador</strong></label>
                                    <select name="indicador_intermediador" id="indicador_intermediador" class="form-select">
                                        <option value="0" selected>0 - Sem intermediador (site próprio)</option>
                                        <option value="1">1 - Com intermediador (marketplace)</option>
                                    </select>
                                    <small class="text-muted">Campo indIntermed</small>
                                </div>
                                
                                <div class="col-12"><hr><h6><i class="bi bi-box-seam me-2"></i>Controle de Estoque e Financeiro</h6></div>
                                
                                <div class="col-md-3">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="movimenta_estoque" id="movimenta_estoque" checked>
                                        <label class="form-check-label" for="movimenta_estoque">Movimenta Estoque</label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label small">Tipo Movimento</label>
                                    <select name="tipo_movimento_estoque" id="tipo_movimento_estoque" class="form-select form-select-sm">
                                        <option value="">-</option>
                                        <option value="entrada">Entrada</option>
                                        <option value="saida">Saída</option>
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="gera_financeiro" id="gera_financeiro" checked>
                                        <label class="form-check-label" for="gera_financeiro">Gera Financeiro</label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label small">Tipo Financeiro</label>
                                    <select name="tipo_financeiro" id="tipo_financeiro" class="form-select form-select-sm">
                                        <option value="">-</option>
                                        <option value="receber">A Receber</option>
                                        <option value="pagar">A Pagar</option>
                                    </select>
                                </div>
                                
                                <div class="col-12"><hr><h6><i class="bi bi-link-45deg me-2"></i>Referência e Benefícios</h6></div>
                                
                                <div class="col-md-4">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="exige_referencia_nfe" id="exige_referencia_nfe">
                                        <label class="form-check-label" for="exige_referencia_nfe">Exige Referência NF-e</label>
                                    </div>
                                    <small class="text-muted">Para devoluções e complementares</small>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label"><i class="bi bi-gift"></i> Cód. Benefício Fiscal</label>
                                    <input type="text" name="codigo_beneficio_fiscal" id="codigo_beneficio_fiscal" class="form-control form-control-sm" maxlength="10" placeholder="Ex: SC123456">
                                    <small class="text-muted">Campo cBenef (UF)</small>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label"><i class="bi bi-exclamation-triangle"></i> Mot. Desoneração ICMS</label>
                                    <select name="motivo_desoneracao_icms" id="motivo_desoneracao_icms" class="form-select form-select-sm">
                                        <option value="">-</option>
                                        <option value="3">3 - Uso agropecuária</option>
                                        <option value="6">6 - Utilitários (SUFRAMA)</option>
                                        <option value="7">7 - SUFRAMA</option>
                                        <option value="9">9 - Outros</option>
                                        <option value="10">10 - Órgão público</option>
                                        <option value="11">11 - Deficiente PCD</option>
                                        <option value="12">12 - Fomento agropecuário</option>
                                        <option value="16">16 - Olimpíadas 2016</option>
                                    </select>
                                </div>
                                
                                <div class="col-12"><hr><h6><i class="bi bi-calculator me-2"></i>ICMS ST e FCP</h6></div>
                                
                                <div class="col-md-3">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="calcula_icms_st" id="calcula_icms_st">
                                        <label class="form-check-label" for="calcula_icms_st">Calcula ICMS ST</label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label small">Modalidade BC ST</label>
                                    <select name="modalidade_bc_st" id="modalidade_bc_st" class="form-select form-select-sm">
                                        <option value="">-</option>
                                        <option value="0">0 - Preço Tabelado</option>
                                        <option value="1">1 - Lista Negativa</option>
                                        <option value="2">2 - Lista Positiva</option>
                                        <option value="3">3 - Lista Neutra</option>
                                        <option value="4">4 - Margem % (MVA)</option>
                                        <option value="5">5 - Pauta</option>
                                        <option value="6">6 - Valor Operação</option>
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label small">MVA Padrão (%)</label>
                                    <input type="number" name="mva_padrao" id="mva_padrao" class="form-control form-control-sm" step="0.01" value="0">
                                </div>
                                <div class="col-md-3">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="calcula_difal" id="calcula_difal">
                                        <label class="form-check-label" for="calcula_difal">Calcula DIFAL</label>
                                    </div>
                                    <small class="text-muted">Operações interestaduais</small>
                                </div>
                                
                                <div class="col-md-3">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="incide_fcp" id="incide_fcp">
                                        <label class="form-check-label" for="incide_fcp">Incide FCP</label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label small">Alíq. FCP (%)</label>
                                    <input type="number" name="aliq_fcp" id="aliq_fcp" class="form-control form-control-sm" step="0.01" value="0">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label small">Red. BC Efetivo (%)</label>
                                    <input type="number" name="percentual_reducao_bc_efetivo" id="percentual_reducao_bc_efetivo" class="form-control form-control-sm" step="0.01" value="0">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label small">Alíq. ICMS Efetivo (%)</label>
                                    <input type="number" name="aliquota_icms_efetivo" id="aliquota_icms_efetivo" class="form-control form-control-sm" step="0.01" value="0">
                                </div>
                                
                                <div class="col-12"><hr><h6><i class="bi bi-card-text me-2"></i>Informações Adicionais Padrão</h6></div>
                                
                                <div class="col-md-6">
                                    <label class="form-label">Inf. Adicionais - Fisco</label>
                                    <textarea name="info_adicional_fisco" id="info_adicional_fisco" class="form-control" rows="2" placeholder="Informações de interesse do Fisco"></textarea>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Inf. Adicionais - Contribuinte</label>
                                    <textarea name="info_adicional_contribuinte" id="info_adicional_contribuinte" class="form-control" rows="2" placeholder="Informações de interesse do Contribuinte"></textarea>
                                </div>
                            </div>
                        </div>
                        
                        <div class="tab-pane fade" id="tabTributacao" role="tabpanel" aria-labelledby="tabTributacao-tab">
                            <div class="alert alert-info mb-3">
                                <i class="bi bi-info-circle"></i> <strong>Múltiplos Perfis:</strong> Configure diferentes tributações (CST/CSOSN) para cada perfil tributário do mesmo CFOP.
                            </div>
                            
                            <!-- Lista de Tributações -->
                            <div id="listaTributacoes" class="mb-3">
                                <div class="d-flex justify-content-between align-items-center mb-3">
                                    <h6 class="mb-0"><i class="bi bi-list-check me-2"></i>Perfis de Tributação Configurados</h6>
                                    <button type="button" class="btn btn-sm btn-success" onclick="adicionarTributacao()" id="btnAdicionarTributacao" disabled>
                                        <i class="bi bi-plus-lg"></i> Adicionar Perfil
                                    </button>
                                </div>
                                <div id="tributacoesContainer">
                                    <div class="alert alert-secondary text-center" id="semTributacoes">
                                        <i class="bi bi-inbox fs-4 d-block mb-2"></i>
                                        <small>Salve o CFOP primeiro para adicionar perfis de tributação</small>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Card de referência -->
                            <div class="card border-success mt-4">
                                <div class="card-header bg-success text-white">
                                    <strong><i class="bi bi-lightbulb"></i> Exemplos de Configuração</strong>
                                </div>
                                <div class="card-body">
                                    <p class="mb-2"><strong>CFOP 5102 - Venda:</strong></p>
                                    <ul class="mb-0 small">
                                        <li><strong>Normal:</strong> CST 00 (Tributada integral) / CSOSN 102 (Sem crédito)</li>
                                        <li><strong>Isento:</strong> CST 40 (Isenta) / CSOSN 400 (Não tributada)</li>
                                        <li><strong>Antecipado/ST:</strong> CST 60 (ICMS ST) / CSOSN 500 (ICMS ST recolhido)</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="bi bi-x-lg"></i> Cancelar</button>
                    <button type="submit" class="btn btn-primary"><i class="bi bi-check-lg"></i> Salvar</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Tributação por Perfil -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="modalTributacaoPerfil" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-info text-white py-2">
                <h5 class="modal-title"><i class="bi bi-percent me-2"></i><span id="modalTributacaoTitulo">Nova Tributação</span></h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body p-0">
                <input type="hidden" id="tributacao_id">
                <input type="hidden" id="tributacao_cfop_id">
                
                <!-- Perfil e Descrição (sempre visível) -->
                <div class="row g-3 p-3 bg-light border-bottom">
                    <div class="col-md-6">
                        <label class="form-label"><strong>Perfil de Tributação *</strong></label>
                        <select id="perfil_tributacao" class="form-select" required>
                            <option value="">Selecione...</option>
                            <option value="normal">Normal - Tributação padrão</option>
                            <option value="isento">Isento - Produtos isentos</option>
                            <option value="antecipado_st">Antecipado/ST - Substituição Tributária</option>
                            <option value="nao_contribuinte">Não Contribuinte - Consumidor Final</option>
                            <option value="exportacao">Exportação</option>
                            <option value="imune">Imune - Operações imunes</option>
                            <option value="suspensao">Suspensão - Tributação suspensa</option>
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Descrição Personalizada</label>
                        <input type="text" id="descricao_perfil" class="form-control" placeholder="Ex: Venda para Contribuinte">
                    </div>
                </div>
                
                <!-- Navegação por Abas -->
                <ul class="nav nav-tabs px-3 pt-2" id="tabsTributacao" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="tab-impostos" data-bs-toggle="tab" 
                                data-bs-target="#pane-impostos" type="button" role="tab">
                            <i class="bi bi-bank"></i> Impostos Atuais
                        </button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="tab-rtc" data-bs-toggle="tab" 
                                data-bs-target="#pane-rtc" type="button" role="tab">
                            <i class="bi bi-calendar-event"></i> Reforma Tributária (2026)
                        </button>
                    </li>
                </ul>

                <!-- Conteúdo das Abas -->
                <div class="tab-content p-3">
                    
                    <!-- ========== ABA IMPOSTOS ATUAIS ========== -->
                    <div class="tab-pane fade show active" id="pane-impostos" role="tabpanel">
                        <div class="row g-3">
                            <!-- ICMS -->
                            <div class="col-md-6">
                                <div class="card h-100">
                                    <div class="card-header bg-light py-2"><strong><i class="bi bi-bank"></i> ICMS</strong></div>
                                    <div class="card-body py-2">
                                        <div class="row g-2">
                                            <div class="col-6">
                                                <label class="form-label small">CST ICMS</label>
                                                <select id="trib_cst_icms" class="form-select form-select-sm">
                                                    <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="40">40 - Isenta</option>
                                                    <option value="41">41 - Não tributada</option>
                                                    <option value="60">60 - ICMS cobrado por ST</option>
                                                    <option value="90">90 - Outras</option>
                                                </select>
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">CSOSN (Simples)</label>
                                                <select id="trib_csosn" class="form-select form-select-sm">
                                                    <option value="">-</option>
                                                    <option value="101">101 - Com crédito</option>
                                                    <option value="102">102 - Sem crédito</option>
                                                    <option value="103">103 - Isenção</option>
                                                    <option value="201">201 - Com ST e crédito</option>
                                                    <option value="202">202 - Com ST sem crédito</option>
                                                    <option value="300">300 - Imune</option>
                                                    <option value="400">400 - Não tributada</option>
                                                    <option value="500">500 - ICMS ST recolhido</option>
                                                    <option value="900">900 - Outros</option>
                                                </select>
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Alíq. ICMS (%)</label>
                                                <input type="number" id="trib_aliq_icms" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Redução BC (%)</label>
                                                <input type="number" id="trib_reducao_base_icms" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- PIS/COFINS -->
                            <div class="col-md-6">
                                <div class="card h-100">
                                    <div class="card-header bg-light py-2"><strong><i class="bi bi-cash-stack"></i> PIS / COFINS</strong></div>
                                    <div class="card-body py-2">
                                        <div class="row g-2">
                                            <div class="col-6">
                                                <label class="form-label small">CST PIS</label>
                                                <select id="trib_cst_pis" class="form-select form-select-sm">
                                                    <option value="">-</option>
                                                    <option value="01">01 - Tributável BC</option>
                                                    <option value="04">04 - Monofásica</option>
                                                    <option value="06">06 - Alíquota Zero</option>
                                                    <option value="07">07 - Isenta</option>
                                                    <option value="08">08 - Sem Incidência</option>
                                                    <option value="49">49 - Outras Saída</option>
                                                    <option value="99">99 - Outras</option>
                                                </select>
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">CST COFINS</label>
                                                <select id="trib_cst_cofins" class="form-select form-select-sm">
                                                    <option value="">-</option>
                                                    <option value="01">01 - Tributável BC</option>
                                                    <option value="04">04 - Monofásica</option>
                                                    <option value="06">06 - Alíquota Zero</option>
                                                    <option value="07">07 - Isenta</option>
                                                    <option value="08">08 - Sem Incidência</option>
                                                    <option value="49">49 - Outras Saída</option>
                                                    <option value="99">99 - Outras</option>
                                                </select>
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Alíq. PIS (%)</label>
                                                <input type="number" id="trib_aliq_pis" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Alíq. COFINS (%)</label>
                                                <input type="number" id="trib_aliq_cofins" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- IPI -->
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header bg-light py-2"><strong><i class="bi bi-box-seam"></i> IPI</strong></div>
                                    <div class="card-body py-2">
                                        <div class="row g-2">
                                            <div class="col-6">
                                                <label class="form-label small">CST IPI</label>
                                                <select id="trib_cst_ipi" class="form-select form-select-sm">
                                                    <option value="">-</option>
                                                    <option value="50">50 - Saída tributada</option>
                                                    <option value="51">51 - Alíquota zero</option>
                                                    <option value="52">52 - Isenta</option>
                                                    <option value="53">53 - Não tributada</option>
                                                    <option value="99">99 - Outras</option>
                                                </select>
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Alíq. IPI (%)</label>
                                                <input type="number" id="trib_aliq_ipi" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- ICMS ST -->
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header bg-warning py-2"><strong><i class="bi bi-diagram-3"></i> ICMS ST</strong></div>
                                    <div class="card-body py-2">
                                        <div class="row g-2">
                                            <div class="col-6">
                                                <label class="form-label small">MVA (%)</label>
                                                <input type="number" id="trib_mva_st" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Alíq. ICMS ST (%)</label>
                                                <input type="number" id="trib_aliq_icms_st" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- ========== ABA REFORMA TRIBUTÁRIA ========== -->
                    <div class="tab-pane fade" id="pane-rtc" role="tabpanel">
                        <div class="alert alert-info py-2 mb-3">
                            <i class="bi bi-info-circle me-1"></i>
                            <strong>Reforma Tributária (RTC)</strong> - NT 2025.002 v1.34 - Vigência: 01/01/2026
                        </div>
                        
                        <div class="row g-3">
                            <!-- CST e cClassTrib -->
                            <div class="col-12">
                                <div class="card mb-2">
                                    <div class="card-header bg-primary text-white py-2">
                                        <strong><i class="bi bi-tags"></i> Classificação Tributária IBS/CBS</strong>
                                    </div>
                                    <div class="card-body py-2">
                                        <div class="row g-2">
                                            <div class="col-md-4">
                                                <label class="form-label small">CST IBS/CBS *</label>
                                                <select id="trib_cst_ibs_cbs" class="form-select form-select-sm">
                                                    <option value="">Selecione...</option>
                                                    <option value="000">000 - Tributação normal</option>
                                                    <option value="010">010 - Alíquota diferenciada</option>
                                                    <option value="020">020 - Redução de BC</option>
                                                    <option value="030">030 - Diferimento</option>
                                                    <option value="040">040 - Isenta</option>
                                                    <option value="041">041 - Não tributada</option>
                                                    <option value="050">050 - Suspensão</option>
                                                    <option value="051">051 - Suspensão exportação</option>
                                                    <option value="060">060 - Crédito presumido</option>
                                                    <option value="070">070 - Regime especial</option>
                                                    <option value="090">090 - Outras</option>
                                                </select>
                                            </div>
                                            <div class="col-md-4">
                                                <label class="form-label small">cClassTrib *</label>
                                                <select id="trib_cclass_trib" class="form-select form-select-sm">
                                                    <option value="">Selecione...</option>
                                                    <optgroup label="Tributação Normal">
                                                        <option value="101001">101001 - Tributação normal</option>
                                                        <option value="101002">101002 - Serviços tributados</option>
                                                    </optgroup>
                                                    <optgroup label="Redução BC">
                                                        <option value="201001">201001 - Cesta básica</option>
                                                        <option value="201002">201002 - Medicamentos</option>
                                                        <option value="201003">201003 - Insumos agro</option>
                                                    </optgroup>
                                                    <optgroup label="Isenção">
                                                        <option value="301001">301001 - Exportação</option>
                                                        <option value="301002">301002 - Exportação serviços</option>
                                                    </optgroup>
                                                    <optgroup label="Não Tributado">
                                                        <option value="401001">401001 - Imunidade</option>
                                                        <option value="401002">401002 - Não incidência</option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-check form-switch mt-4">
                                                    <input class="form-check-input" type="checkbox" id="trib_tributacao_monofasica">
                                                    <label class="form-check-label small" for="trib_tributacao_monofasica">Tributação Monofásica</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- IBS UF e Mun -->
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header bg-info text-white py-2">
                                        <strong><i class="bi bi-building"></i> IBS UF</strong>
                                        <small class="float-end">Estadual</small>
                                    </div>
                                    <div class="card-body py-2">
                                        <div class="row g-2">
                                            <div class="col-6">
                                                <label class="form-label small">Alíq. (%)</label>
                                                <input type="number" id="trib_aliq_ibs_uf" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Red. Alíq. (%)</label>
                                                <input type="number" id="trib_p_red_aliq_ibs_uf" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">% Diferim.</label>
                                                <input type="number" id="trib_p_dif_ibs_uf" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Red. BC (%)</label>
                                                <input type="number" id="trib_reducao_base_ibs_uf" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header bg-secondary text-white py-2">
                                        <strong><i class="bi bi-house-door"></i> IBS Mun</strong>
                                        <small class="float-end">Municipal</small>
                                    </div>
                                    <div class="card-body py-2">
                                        <div class="row g-2">
                                            <div class="col-6">
                                                <label class="form-label small">Alíq. (%)</label>
                                                <input type="number" id="trib_aliq_ibs_mun" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Red. Alíq. (%)</label>
                                                <input type="number" id="trib_p_red_aliq_ibs_mun" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">% Diferim.</label>
                                                <input type="number" id="trib_p_dif_ibs_mun" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Red. BC (%)</label>
                                                <input type="number" id="trib_reducao_base_ibs_mun" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- CBS e IS -->
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header bg-success text-white py-2">
                                        <strong><i class="bi bi-bank"></i> CBS</strong>
                                        <small class="float-end">Substitui PIS+COFINS</small>
                                    </div>
                                    <div class="card-body py-2">
                                        <div class="row g-2">
                                            <div class="col-6">
                                                <label class="form-label small">Alíq. (%)</label>
                                                <input type="number" id="trib_aliq_cbs" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Red. Alíq. (%)</label>
                                                <input type="number" id="trib_p_red_aliq_cbs" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">% Diferim.</label>
                                                <input type="number" id="trib_p_dif_cbs" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Red. BC (%)</label>
                                                <input type="number" id="trib_reducao_base_cbs" class="form-control form-control-sm" step="0.01" value="0">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header bg-danger text-white py-2">
                                        <strong><i class="bi bi-exclamation-triangle"></i> IS - Imposto Seletivo</strong>
                                    </div>
                                    <div class="card-body py-2">
                                        <div class="row g-2">
                                            <div class="col-12">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input" type="checkbox" id="trib_incide_is">
                                                    <label class="form-check-label" for="trib_incide_is">Produto sujeito ao IS</label>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Alíq. IS (%)</label>
                                                <input type="number" id="trib_aliq_is" class="form-control form-control-sm" step="0.01" value="0" disabled>
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">Alíq. Específ.</label>
                                                <input type="number" id="trib_aliq_is_especifica" class="form-control form-control-sm" step="0.01" value="0" disabled>
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">CST IS</label>
                                                <input type="text" id="trib_cst_is" class="form-control form-control-sm" maxlength="3" disabled>
                                            </div>
                                            <div class="col-6">
                                                <label class="form-label small">cClassTribIS</label>
                                                <select id="trib_cclass_trib_is" class="form-select form-select-sm" disabled>
                                                    <option value="">-</option>
                                                    <option value="001001">001001 - Cervejas/Vinhos</option>
                                                    <option value="001002">001002 - Destilados</option>
                                                    <option value="002001">002001 - Cigarros</option>
                                                    <option value="003001">003001 - Bebidas açucaradas</option>
                                                    <option value="004001">004001 - Automóveis</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="bi bi-x-lg"></i> Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="salvarTributacao()"><i class="bi bi-check-lg"></i> Salvar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade cape-modal-standard" id="modalExcluir" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white"><h5 class="modal-title"><i class="bi bi-exclamation-triangle me-2"></i>Confirmar Exclusão</h5><button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button></div>
            <div class="modal-body"><p>Excluir CFOP <strong id="cfopExcluir"></strong>?</p></div>
            <div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button><form id="formExcluir" method="POST" style="display:inline;"><button type="submit" class="btn btn-danger"><i class="bi bi-trash"></i> Excluir</button></form></div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
// Controle do checkbox Imposto Seletivo (NT 2025.002)
document.addEventListener('DOMContentLoaded', function() {
    const checkIS = document.getElementById('trib_incide_is');
    const aliqIS = document.getElementById('trib_aliq_is');
    const aliqISEspecifica = document.getElementById('trib_aliq_is_especifica');
    const cstIS = document.getElementById('trib_cst_is');
    const cclassTribIS = document.getElementById('trib_cclass_trib_is');
    
    if (checkIS) {
        checkIS.addEventListener('change', function() {
            const isEnabled = this.checked;
            if (aliqIS) {
                aliqIS.disabled = !isEnabled;
                if (!isEnabled) aliqIS.value = '0';
            }
            if (aliqISEspecifica) {
                aliqISEspecifica.disabled = !isEnabled;
                if (!isEnabled) aliqISEspecifica.value = '0';
            }
            if (cstIS) {
                cstIS.disabled = !isEnabled;
                if (!isEnabled) cstIS.value = '';
            }
            if (cclassTribIS) {
                cclassTribIS.disabled = !isEnabled;
                if (!isEnabled) cclassTribIS.value = '';
            }
        });
    }
});

function resetarAbas() {
    // Reseta para a primeira aba
    const tabDados = document.getElementById('tabDados-tab');
    const tabTributacao = document.getElementById('tabTributacao-tab');
    const paneDados = document.getElementById('tabDados');
    const paneTributacao = document.getElementById('tabTributacao');
    
    if (tabDados && tabTributacao && paneDados && paneTributacao) {
        tabDados.classList.add('active');
        tabDados.setAttribute('aria-selected', 'true');
        tabTributacao.classList.remove('active');
        tabTributacao.setAttribute('aria-selected', 'false');
        paneDados.classList.add('show', 'active');
        paneTributacao.classList.remove('show', 'active');
    }
}

function novoCfop() {
    document.getElementById('modalTitulo').textContent = 'Novo CFOP';
    document.getElementById('formCfop').reset();
    document.getElementById('cfop_id').value = '';
    document.getElementById('incide_icms').checked = true;
    document.getElementById('incide_pis_cofins').checked = true;
    document.getElementById('ativo').checked = true;
    document.getElementById('dentro_estado').value = 'DE';
    resetarAbas();
    new bootstrap.Modal(document.getElementById('modalCfop')).show();
}

function duplicarCfop(id) {
    fetch(`/fiscal/cfop/${id}/json`).then(r => r.json()).then(data => {
        if (data.success) {
            const c = data.cfop;
            document.getElementById('modalTitulo').textContent = 'Duplicar CFOP';
            document.getElementById('cfop_id').value = '';
            document.getElementById('codigo').value = '';
            document.getElementById('descricao').value = c.descricao + ' (Cópia)';
            document.getElementById('descricao_resumida').value = c.descricao_resumida || '';
            document.getElementById('tipo_operacao').value = c.tipo_operacao || '';
            document.getElementById('tipo_movimento').value = c.tipo_movimento || '';
            document.getElementById('dentro_estado').value = c.dentro_estado || 'DE';
            document.getElementById('incide_icms').checked = c.incide_icms;
            document.getElementById('incide_ipi').checked = c.incide_ipi;
            document.getElementById('incide_pis_cofins').checked = c.incide_pis_cofins;
            document.getElementById('ativo').checked = true;
            resetarAbas();
            carregarTributacoes(null); // Não copia tributações
            new bootstrap.Modal(document.getElementById('modalCfop')).show();
        }
    });
}

function confirmarExclusao(id, codigo) {
    document.getElementById('cfopExcluir').textContent = codigo;
    document.getElementById('formExcluir').action = `/fiscal/cfop/${id}/excluir`;
    new bootstrap.Modal(document.getElementById('modalExcluir')).show();
}

document.getElementById('codigo').addEventListener('input', function() {
    const c = this.value;
    if (c.length >= 1) {
        const p = c.charAt(0);
        document.getElementById('tipo_operacao').value = ['1','2','3'].includes(p) ? 'entrada' : 'saida';
        document.getElementById('dentro_estado').value = ['1','5'].includes(p) ? 'DE' : (['2','6'].includes(p) ? 'FE' : 'EX');
    }
});

// ===== FUNÇÕES PARA TRIBUTAÇÕES POR PERFIL =====
let modalTributacao = null;
const nomesPerfis = {
    'normal': 'Normal - Tributação padrão',
    'isento': 'Isento - Produtos isentos',
    'antecipado_st': 'Antecipado/ST - Substituição Tributária',
    'nao_contribuinte': 'Não Contribuinte - Consumidor Final',
    'exportacao': 'Exportação',
    'imune': 'Imune - Operações imunes',
    'suspensao': 'Suspensão - Tributação suspensa'
};

function carregarTributacoes(cfopId) {
    if (!cfopId) {
        document.getElementById('btnAdicionarTributacao').disabled = true;
        document.getElementById('tributacoesContainer').innerHTML = `
            <div class="alert alert-secondary text-center" id="semTributacoes">
                <i class="bi bi-inbox fs-4 d-block mb-2"></i>
                <small>Salve o CFOP primeiro para adicionar perfis de tributação</small>
            </div>`;
        return;
    }
    
    document.getElementById('btnAdicionarTributacao').disabled = false;
    
    fetch(`/fiscal/cfop/${cfopId}/tributacoes/json`)
        .then(r => r.json())
        .then(data => {
            if (data.success) {
                renderizarTributacoes(data.tributacoes, cfopId);
            } else {
                console.error('Erro ao carregar tributações:', data.message);
            }
        })
        .catch(e => console.error('Erro:', e));
}

function renderizarTributacoes(tributacoes, cfopId) {
    const container = document.getElementById('tributacoesContainer');
    
    if (!tributacoes || tributacoes.length === 0) {
        container.innerHTML = `
            <div class="alert alert-warning text-center">
                <i class="bi bi-exclamation-triangle fs-4 d-block mb-2"></i>
                <small>Nenhum perfil de tributação configurado.<br>Clique em "Adicionar Perfil" para começar.</small>
            </div>`;
        return;
    }
    
    let html = '<div class="table-responsive"><table class="table table-sm table-hover mb-0">';
    html += `<thead class="table-light">
        <tr>
            <th>Perfil</th>
            <th>CST ICMS</th>
            <th>CSOSN</th>
            <th>CST PIS/COF</th>
            <th class="text-center">Ações</th>
        </tr>
    </thead><tbody>`;
    
    tributacoes.forEach(t => {
        const nomePerfil = nomesPerfis[t.perfil_tributacao] || t.perfil_tributacao;
        const perfilBadge = getBadgeForPerfil(t.perfil_tributacao);
        
        html += `<tr>
            <td><span class="badge ${perfilBadge}">${t.descricao_perfil || nomePerfil.split(' - ')[0]}</span></td>
            <td>${t.cst_icms || '-'}</td>
            <td>${t.csosn || '-'}</td>
            <td>${t.cst_pis || '-'} / ${t.cst_cofins || '-'}</td>
            <td class="text-center">
                <button type="button" class="btn btn-sm btn-outline-primary me-1" onclick="editarTributacao(${t.id})" title="Editar">
                    <i class="bi bi-pencil"></i>
                </button>
                <button type="button" class="btn btn-sm btn-outline-danger" onclick="excluirTributacao(${t.id}, '${t.perfil_tributacao}')" title="Excluir">
                    <i class="bi bi-trash"></i>
                </button>
            </td>
        </tr>`;
    });
    
    html += '</tbody></table></div>';
    container.innerHTML = html;
}

function getBadgeForPerfil(perfil) {
    const badges = {
        'normal': 'bg-primary',
        'isento': 'bg-success',
        'antecipado_st': 'bg-warning text-dark',
        'nao_contribuinte': 'bg-info',
        'exportacao': 'bg-secondary',
        'imune': 'bg-dark',
        'suspensao': 'bg-danger'
    };
    return badges[perfil] || 'bg-secondary';
}

function adicionarTributacao() {
    const cfopId = document.getElementById('cfop_id').value;
    if (!cfopId) {
        alert('Salve o CFOP primeiro antes de adicionar tributações.');
        return;
    }
    
    document.getElementById('modalTributacaoTitulo').textContent = 'Nova Tributação';
    document.getElementById('tributacao_id').value = '';
    document.getElementById('tributacao_cfop_id').value = cfopId;
    
    // Limpar campos
    document.getElementById('perfil_tributacao').value = '';
    document.getElementById('descricao_perfil').value = '';
    document.getElementById('trib_cst_icms').value = '';
    document.getElementById('trib_csosn').value = '';
    document.getElementById('trib_aliq_icms').value = '0';
    document.getElementById('trib_reducao_base_icms').value = '0';
    document.getElementById('trib_cst_pis').value = '';
    document.getElementById('trib_cst_cofins').value = '';
    document.getElementById('trib_aliq_pis').value = '0';
    document.getElementById('trib_aliq_cofins').value = '0';
    document.getElementById('trib_cst_ipi').value = '';
    document.getElementById('trib_aliq_ipi').value = '0';
    document.getElementById('trib_mva_st').value = '0';
    document.getElementById('trib_aliq_icms_st').value = '0';
    // RTC - IBS/CBS/IS (NT 2025.002 v1.34)
    document.getElementById('trib_cst_ibs_cbs').value = '';
    document.getElementById('trib_cclass_trib').value = '';
    document.getElementById('trib_tributacao_monofasica').checked = false;
    // IBS UF
    document.getElementById('trib_aliq_ibs_uf').value = '0';
    document.getElementById('trib_p_red_aliq_ibs_uf').value = '0';
    document.getElementById('trib_p_dif_ibs_uf').value = '0';
    document.getElementById('trib_reducao_base_ibs_uf').value = '0';
    // IBS Município
    document.getElementById('trib_aliq_ibs_mun').value = '0';
    document.getElementById('trib_p_red_aliq_ibs_mun').value = '0';
    document.getElementById('trib_p_dif_ibs_mun').value = '0';
    document.getElementById('trib_reducao_base_ibs_mun').value = '0';
    // CBS
    document.getElementById('trib_aliq_cbs').value = '0';
    document.getElementById('trib_p_red_aliq_cbs').value = '0';
    document.getElementById('trib_p_dif_cbs').value = '0';
    document.getElementById('trib_reducao_base_cbs').value = '0';
    // IS - Imposto Seletivo
    document.getElementById('trib_incide_is').checked = false;
    document.getElementById('trib_aliq_is').value = '0';
    document.getElementById('trib_aliq_is_especifica').value = '0';
    document.getElementById('trib_cst_is').value = '';
    document.getElementById('trib_cclass_trib_is').value = '';
    document.getElementById('trib_aliq_is').disabled = true;
    document.getElementById('trib_aliq_is_especifica').disabled = true;
    document.getElementById('trib_cst_is').disabled = true;
    document.getElementById('trib_cclass_trib_is').disabled = true;
    
    if (!modalTributacao) {
        modalTributacao = new bootstrap.Modal(document.getElementById('modalTributacaoPerfil'));
    }
    modalTributacao.show();
}

function editarTributacao(tributacaoId) {
    fetch(`/fiscal/cfop/tributacao/${tributacaoId}/json`)
        .then(r => r.json())
        .then(data => {
            if (data.success) {
                const t = data.tributacao;
                document.getElementById('modalTributacaoTitulo').textContent = 'Editar Tributação';
                document.getElementById('tributacao_id').value = t.id;
                document.getElementById('tributacao_cfop_id').value = t.cfop_id;
                document.getElementById('perfil_tributacao').value = t.perfil_tributacao;
                document.getElementById('descricao_perfil').value = t.descricao_perfil || '';
                document.getElementById('trib_cst_icms').value = t.cst_icms || '';
                document.getElementById('trib_csosn').value = t.csosn || '';
                document.getElementById('trib_aliq_icms').value = t.aliq_icms || 0;
                document.getElementById('trib_reducao_base_icms').value = t.reducao_base_icms || 0;
                document.getElementById('trib_cst_pis').value = t.cst_pis || '';
                document.getElementById('trib_cst_cofins').value = t.cst_cofins || '';
                document.getElementById('trib_aliq_pis').value = t.aliq_pis || 0;
                document.getElementById('trib_aliq_cofins').value = t.aliq_cofins || 0;
                document.getElementById('trib_cst_ipi').value = t.cst_ipi || '';
                document.getElementById('trib_aliq_ipi').value = t.aliq_ipi || 0;
                document.getElementById('trib_mva_st').value = t.mva_st || 0;
                document.getElementById('trib_aliq_icms_st').value = t.aliq_icms_st || 0;
                // RTC - IBS/CBS/IS (NT 2025.002 v1.34)
                document.getElementById('trib_cst_ibs_cbs').value = t.cst_ibs_cbs || '';
                document.getElementById('trib_cclass_trib').value = t.cclass_trib || '';
                document.getElementById('trib_tributacao_monofasica').checked = t.tributacao_monofasica || false;
                // IBS UF
                document.getElementById('trib_aliq_ibs_uf').value = t.aliq_ibs_uf || 0;
                document.getElementById('trib_p_red_aliq_ibs_uf').value = t.p_red_aliq_ibs_uf || 0;
                document.getElementById('trib_p_dif_ibs_uf').value = t.p_dif_ibs_uf || 0;
                document.getElementById('trib_reducao_base_ibs_uf').value = t.reducao_base_ibs_uf || 0;
                // IBS Município
                document.getElementById('trib_aliq_ibs_mun').value = t.aliq_ibs_mun || 0;
                document.getElementById('trib_p_red_aliq_ibs_mun').value = t.p_red_aliq_ibs_mun || 0;
                document.getElementById('trib_p_dif_ibs_mun').value = t.p_dif_ibs_mun || 0;
                document.getElementById('trib_reducao_base_ibs_mun').value = t.reducao_base_ibs_mun || 0;
                // CBS
                document.getElementById('trib_aliq_cbs').value = t.aliq_cbs || 0;
                document.getElementById('trib_p_red_aliq_cbs').value = t.p_red_aliq_cbs || 0;
                document.getElementById('trib_p_dif_cbs').value = t.p_dif_cbs || 0;
                document.getElementById('trib_reducao_base_cbs').value = t.reducao_base_cbs || 0;
                // IS - Imposto Seletivo
                document.getElementById('trib_incide_is').checked = t.incide_is || false;
                document.getElementById('trib_aliq_is').value = t.aliq_is || 0;
                document.getElementById('trib_aliq_is_especifica').value = t.aliq_is_especifica || 0;
                document.getElementById('trib_cst_is').value = t.cst_is || '';
                document.getElementById('trib_cclass_trib_is').value = t.cclass_trib_is || '';
                // Habilitar/desabilitar campos IS
                const isEnabled = t.incide_is || false;
                document.getElementById('trib_aliq_is').disabled = !isEnabled;
                document.getElementById('trib_aliq_is_especifica').disabled = !isEnabled;
                document.getElementById('trib_cst_is').disabled = !isEnabled;
                document.getElementById('trib_cclass_trib_is').disabled = !isEnabled;
                
                if (!modalTributacao) {
                    modalTributacao = new bootstrap.Modal(document.getElementById('modalTributacaoPerfil'));
                }
                modalTributacao.show();
            } else {
                alert('Erro ao carregar tributação: ' + data.message);
            }
        })
        .catch(e => alert('Erro: ' + e.message));
}

function salvarTributacao() {
    const cfopId = document.getElementById('tributacao_cfop_id').value;
    const tributacaoId = document.getElementById('tributacao_id').value;
    const perfil = document.getElementById('perfil_tributacao').value;
    
    if (!perfil) {
        alert('Selecione um perfil de tributação.');
        return;
    }
    
    const dados = {
        tributacao_id: tributacaoId || null,
        perfil_tributacao: perfil,
        descricao_perfil: document.getElementById('descricao_perfil').value,
        cst_icms: document.getElementById('trib_cst_icms').value,
        csosn: document.getElementById('trib_csosn').value,
        aliq_icms: parseFloat(document.getElementById('trib_aliq_icms').value) || 0,
        reducao_base_icms: parseFloat(document.getElementById('trib_reducao_base_icms').value) || 0,
        cst_pis: document.getElementById('trib_cst_pis').value,
        cst_cofins: document.getElementById('trib_cst_cofins').value,
        aliq_pis: parseFloat(document.getElementById('trib_aliq_pis').value) || 0,
        aliq_cofins: parseFloat(document.getElementById('trib_aliq_cofins').value) || 0,
        cst_ipi: document.getElementById('trib_cst_ipi').value,
        aliq_ipi: parseFloat(document.getElementById('trib_aliq_ipi').value) || 0,
        mva_st: parseFloat(document.getElementById('trib_mva_st').value) || 0,
        aliq_icms_st: parseFloat(document.getElementById('trib_aliq_icms_st').value) || 0,
        // RTC - IBS/CBS/IS (NT 2025.002 v1.34)
        cst_ibs_cbs: document.getElementById('trib_cst_ibs_cbs').value,
        cclass_trib: document.getElementById('trib_cclass_trib').value,
        tributacao_monofasica: document.getElementById('trib_tributacao_monofasica').checked,
        // IBS UF (Estadual)
        aliq_ibs_uf: parseFloat(document.getElementById('trib_aliq_ibs_uf').value) || 0,
        p_red_aliq_ibs_uf: parseFloat(document.getElementById('trib_p_red_aliq_ibs_uf').value) || 0,
        p_dif_ibs_uf: parseFloat(document.getElementById('trib_p_dif_ibs_uf').value) || 0,
        reducao_base_ibs_uf: parseFloat(document.getElementById('trib_reducao_base_ibs_uf').value) || 0,
        // IBS Município
        aliq_ibs_mun: parseFloat(document.getElementById('trib_aliq_ibs_mun').value) || 0,
        p_red_aliq_ibs_mun: parseFloat(document.getElementById('trib_p_red_aliq_ibs_mun').value) || 0,
        p_dif_ibs_mun: parseFloat(document.getElementById('trib_p_dif_ibs_mun').value) || 0,
        reducao_base_ibs_mun: parseFloat(document.getElementById('trib_reducao_base_ibs_mun').value) || 0,
        // CBS (Federal)
        aliq_cbs: parseFloat(document.getElementById('trib_aliq_cbs').value) || 0,
        p_red_aliq_cbs: parseFloat(document.getElementById('trib_p_red_aliq_cbs').value) || 0,
        p_dif_cbs: parseFloat(document.getElementById('trib_p_dif_cbs').value) || 0,
        reducao_base_cbs: parseFloat(document.getElementById('trib_reducao_base_cbs').value) || 0,
        // IS - Imposto Seletivo
        incide_is: document.getElementById('trib_incide_is').checked,
        aliq_is: parseFloat(document.getElementById('trib_aliq_is').value) || 0,
        aliq_is_especifica: parseFloat(document.getElementById('trib_aliq_is_especifica').value) || 0,
        cst_is: document.getElementById('trib_cst_is').value,
        cclass_trib_is: document.getElementById('trib_cclass_trib_is').value
    };
    
    fetch(`/fiscal/cfop/${cfopId}/tributacao`, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify(dados)
    })
    .then(r => r.json())
    .then(data => {
        if (data.success) {
            if (modalTributacao) modalTributacao.hide();
            carregarTributacoes(cfopId);
        } else {
            alert('Erro: ' + data.message);
        }
    })
    .catch(e => alert('Erro ao salvar: ' + e.message));
}

function excluirTributacao(tributacaoId, perfil) {
    if (!confirm(`Confirma exclusão da tributação "${perfil}"?`)) return;
    
    const cfopId = document.getElementById('cfop_id').value;
    
    fetch(`/fiscal/cfop/tributacao/${tributacaoId}/excluir`, {method: 'POST'})
        .then(r => r.json())
        .then(data => {
            if (data.success) {
                carregarTributacoes(cfopId);
            } else {
                alert('Erro: ' + data.message);
            }
        })
        .catch(e => alert('Erro: ' + e.message));
}

// Função para editar CFOP
function editarCfop(id) {
    console.log('Editando CFOP ID:', id);
    fetch(`/fiscal/cfop/${id}/json`)
        .then(r => {
            if (!r.ok) throw new Error(`HTTP ${r.status}`);
            return r.json();
        })
        .then(data => {
            if (data.success) {
                const c = data.cfop;
                document.getElementById('modalTitulo').textContent = 'Editar CFOP ' + c.codigo;
                document.getElementById('cfop_id').value = c.id;
                document.getElementById('codigo').value = c.codigo;
                document.getElementById('descricao').value = c.descricao;
                document.getElementById('descricao_resumida').value = c.descricao_resumida || '';
                document.getElementById('tipo_operacao').value = c.tipo_operacao || '';
                document.getElementById('tipo_movimento').value = c.tipo_movimento || '';
                document.getElementById('dentro_estado').value = c.dentro_estado || 'DE';
                document.getElementById('incide_icms').checked = c.incide_icms;
                document.getElementById('incide_ipi').checked = c.incide_ipi;
                document.getElementById('incide_pis_cofins').checked = c.incide_pis_cofins;
                document.getElementById('ativo').checked = c.ativo;
                
                // ========== CAMPOS PARAMETRIZAÇÃO MOC ==========
                const setVal = (id, val) => { const el = document.getElementById(id); if(el) el.value = val || ''; };
                const setChk = (id, val) => { const el = document.getElementById(id); if(el) el.checked = !!val; };
                
                setVal('natureza_operacao', c.natureza_operacao);
                setVal('finalidade_nfe', c.finalidade_nfe || '1');
                setVal('indicador_presenca', c.indicador_presenca || '1');
                setVal('indicador_intermediador', c.indicador_intermediador || '0');
                
                setChk('movimenta_estoque', c.movimenta_estoque);
                setVal('tipo_movimento_estoque', c.tipo_movimento_estoque);
                setChk('gera_financeiro', c.gera_financeiro);
                setVal('tipo_financeiro', c.tipo_financeiro);
                
                setChk('exige_referencia_nfe', c.exige_referencia_nfe);
                setVal('codigo_beneficio_fiscal', c.codigo_beneficio_fiscal);
                setVal('motivo_desoneracao_icms', c.motivo_desoneracao_icms);
                
                setChk('calcula_icms_st', c.calcula_icms_st);
                setVal('modalidade_bc_st', c.modalidade_bc_st);
                setVal('mva_padrao', c.mva_padrao || 0);
                setChk('calcula_difal', c.calcula_difal);
                setChk('incide_fcp', c.incide_fcp);
                setVal('aliq_fcp', c.aliq_fcp || 0);
                setVal('percentual_reducao_bc_efetivo', c.percentual_reducao_bc_efetivo || 0);
                setVal('aliquota_icms_efetivo', c.aliquota_icms_efetivo || 0);
                
                setVal('info_adicional_fisco', c.info_adicional_fisco);
                setVal('info_adicional_contribuinte', c.info_adicional_contribuinte);
                
                resetarAbas();
                new bootstrap.Modal(document.getElementById('modalCfop')).show();
                // Carregar tributações após abrir o modal
                setTimeout(() => carregarTributacoes(c.id), 100);
            } else { 
                alert('Erro: ' + (data.message || 'Falha ao carregar CFOP')); 
            }
        })
        .catch(e => { 
            console.error('Erro ao carregar CFOP:', e); 
            alert('Erro ao carregar CFOP: ' + e.message); 
        });
}

// Função para novo CFOP
function novoCfop() {
    document.getElementById('modalTitulo').textContent = 'Novo CFOP';
    document.getElementById('formCfop').reset();
    document.getElementById('cfop_id').value = '';
    document.getElementById('incide_icms').checked = true;
    document.getElementById('incide_pis_cofins').checked = true;
    document.getElementById('ativo').checked = true;
    document.getElementById('dentro_estado').value = 'DE';
    
    // Valores padrão para campos MOC
    document.getElementById('finalidade_nfe').value = '1';
    document.getElementById('indicador_presenca').value = '1';
    document.getElementById('indicador_intermediador').value = '0';
    document.getElementById('movimenta_estoque').checked = true;
    document.getElementById('gera_financeiro').checked = true;
    
    resetarAbas();
    carregarTributacoes(null);
    new bootstrap.Modal(document.getElementById('modalCfop')).show();
};
</script>
{% endblock %}