{% extends "base.html" %}

{% block title %}Cadastro de CST PIS/COFINS{% 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-percent me-2"></i>Cadastro de CST PIS/COFINS</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">CST PIS/COFINS</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 %}

    <div class="alert alert-info">
        <i class="bi bi-info-circle"></i> <strong>Alíquotas por Regime Tributário:</strong>
        <ul class="mb-0 mt-2">
            <li><strong>Simples Nacional:</strong> Alíquota 0% (PIS/COFINS já incluído no DAS)</li>
            <li><strong>Lucro Presumido:</strong> PIS 0,65% / COFINS 3,00% (cumulativo)</li>
            <li><strong>Lucro Real:</strong> PIS 1,65% / COFINS 7,60% (não cumulativo)</li>
        </ul>
    </div>

    <!-- Filtros -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" class="row g-3 align-items-end">
                <div class="col-md-2">
                    <label class="form-label">Código</label>
                    <input type="text" name="codigo" class="form-control" value="{{ request.args.get('codigo', '') }}" placeholder="01">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Tipo</label>
                    <select name="tipo" class="form-select">
                        <option value="">Todos</option>
                        <option value="saida" {{ 'selected' if request.args.get('tipo') == 'saida' }}>Saída</option>
                        <option value="entrada" {{ 'selected' if request.args.get('tipo') == 'entrada' }}>Entrada</option>
                        <option value="ambos" {{ 'selected' if request.args.get('tipo') == 'ambos' }}>Ambos</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <button type="submit" class="btn btn-primary me-2"><i class="bi bi-search"></i> Filtrar</button>
                    <a href="{{ url_for('fiscal_cst_pis_cofins') }}" 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="novoCst()"><i class="bi bi-plus-lg"></i> Novo CST</button>
        <span class="badge bg-primary fs-6">{{ csts|length }} registros</span>
    </div>

    <div class="card">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-striped table-hover mb-0">
                    <thead class="table-dark">
                        <tr>
                            <th width="60">CST</th>
                            <th>Descrição</th>
                            <th width="80" class="text-center">Tipo</th>
                            <th width="100" class="text-center">Simples</th>
                            <th width="100" class="text-center">Presumido</th>
                            <th width="100" class="text-center">Lucro Real</th>
                            <th width="80" class="text-center">Flags</th>
                            <th width="60" class="text-center">Status</th>
                            <th width="50" class="text-center">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for cst in csts %}
                        <tr>
                            <td><strong class="text-primary fs-5">{{ cst.codigo }}</strong></td>
                            <td>
                                <span title="{{ cst.descricao }}">{{ cst.descricao_resumida or cst.descricao[:50] }}</span>
                            </td>
                            <td class="text-center">
                                {% if cst.tipo == 'entrada' %}
                                    <span class="badge bg-info">Entrada</span>
                                {% elif cst.tipo == 'saida' %}
                                    <span class="badge bg-warning text-dark">Saída</span>
                                {% else %}
                                    <span class="badge bg-secondary">Ambos</span>
                                {% endif %}
                            </td>
                            <td class="text-center">
                                <small>
                                    P: {{ "%.2f"|format(cst.aliq_pis_simples or 0) }}%<br>
                                    C: {{ "%.2f"|format(cst.aliq_cofins_simples or 0) }}%
                                </small>
                            </td>
                            <td class="text-center">
                                <small>
                                    P: {{ "%.2f"|format(cst.aliq_pis_lucro_presumido or 0) }}%<br>
                                    C: {{ "%.2f"|format(cst.aliq_cofins_lucro_presumido or 0) }}%
                                </small>
                            </td>
                            <td class="text-center">
                                <small>
                                    P: {{ "%.2f"|format(cst.aliq_pis_lucro_real or 0) }}%<br>
                                    C: {{ "%.2f"|format(cst.aliq_cofins_lucro_real or 0) }}%
                                </small>
                            </td>
                            <td class="text-center">
                                {% if cst.tributado %}<span class="badge bg-success" title="Tributável">T</span>{% endif %}
                                {% if cst.monofasico %}<span class="badge bg-info" title="Monofásico">M</span>{% endif %}
                                {% if cst.substituicao %}<span class="badge bg-warning text-dark" title="Substituição">ST</span>{% endif %}
                            </td>
                            <td class="text-center">
                                {% if cst.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="editarCst({{ cst.id }}); return false;"><i class="bi bi-pencil text-primary"></i> Editar</a></li>
                                        <li><hr class="dropdown-divider"></li>
                                        <li><a class="dropdown-item text-danger" href="#" onclick="confirmarExclusao({{ cst.id }}, '{{ cst.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 CST cadastrado. <a href="#" onclick="novoCst(); return false;">Cadastre o primeiro</a>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Modal CST -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="modalCst" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form id="formCst" action="{{ url_for('fiscal_cst_pis_cofins_salvar') }}" method="POST">
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title"><i class="bi bi-percent me-2"></i><span id="modalTitulo">Novo CST PIS/COFINS</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="cst_id" id="cst_id">
                    
                    <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="2" placeholder="01" style="font-weight:bold;font-size:1.5rem;">
                        </div>
                        <div class="col-md-5">
                            <label class="form-label"><strong>Tipo *</strong></label>
                            <select name="tipo" id="tipo" class="form-select" required>
                                <option value="saida">Saída</option>
                                <option value="entrada">Entrada</option>
                                <option value="ambos">Ambos</option>
                            </select>
                        </div>
                        <div class="col-md-5">
                            <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">CST Ativo</label>
                            </div>
                        </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-6">
                            <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-6">
                            <label class="form-label"><strong>Características</strong></label>
                            <div class="d-flex gap-3 mt-2">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="tributado" id="tributado">
                                    <label class="form-check-label" for="tributado">Tributável</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="monofasico" id="monofasico">
                                    <label class="form-check-label" for="monofasico">Monofásico</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="substituicao" id="substituicao">
                                    <label class="form-check-label" for="substituicao">Substituição</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <hr class="my-4">
                    <h6><i class="bi bi-calculator me-2"></i>Alíquotas por Regime Tributário</h6>
                    
                    <div class="row g-3 mt-2">
                        <!-- Simples Nacional -->
                        <div class="col-md-4">
                            <div class="card bg-success bg-opacity-10 h-100">
                                <div class="card-header bg-success text-white py-2">
                                    <strong><i class="bi bi-shop"></i> Simples Nacional</strong>
                                </div>
                                <div class="card-body">
                                    <div class="mb-2">
                                        <label class="form-label small">PIS (%)</label>
                                        <input type="number" name="aliq_pis_simples" id="aliq_pis_simples" 
                                               class="form-control" step="0.01" value="0">
                                    </div>
                                    <div>
                                        <label class="form-label small">COFINS (%)</label>
                                        <input type="number" name="aliq_cofins_simples" id="aliq_cofins_simples" 
                                               class="form-control" step="0.01" value="0">
                                    </div>
                                    <small class="text-muted mt-2 d-block">* Geralmente 0% (já incluso no DAS)</small>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Lucro Presumido -->
                        <div class="col-md-4">
                            <div class="card bg-warning bg-opacity-10 h-100">
                                <div class="card-header bg-warning text-dark py-2">
                                    <strong><i class="bi bi-building"></i> Lucro Presumido</strong>
                                </div>
                                <div class="card-body">
                                    <div class="mb-2">
                                        <label class="form-label small">PIS (%)</label>
                                        <input type="number" name="aliq_pis_lucro_presumido" id="aliq_pis_lucro_presumido" 
                                               class="form-control" step="0.01" value="0.65">
                                    </div>
                                    <div>
                                        <label class="form-label small">COFINS (%)</label>
                                        <input type="number" name="aliq_cofins_lucro_presumido" id="aliq_cofins_lucro_presumido" 
                                               class="form-control" step="0.01" value="3.00">
                                    </div>
                                    <small class="text-muted mt-2 d-block">* Regime cumulativo padrão</small>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Lucro Real -->
                        <div class="col-md-4">
                            <div class="card bg-primary bg-opacity-10 h-100">
                                <div class="card-header bg-primary text-white py-2">
                                    <strong><i class="bi bi-graph-up"></i> Lucro Real</strong>
                                </div>
                                <div class="card-body">
                                    <div class="mb-2">
                                        <label class="form-label small">PIS (%)</label>
                                        <input type="number" name="aliq_pis_lucro_real" id="aliq_pis_lucro_real" 
                                               class="form-control" step="0.01" value="1.65">
                                    </div>
                                    <div>
                                        <label class="form-label small">COFINS (%)</label>
                                        <input type="number" name="aliq_cofins_lucro_real" id="aliq_cofins_lucro_real" 
                                               class="form-control" step="0.01" value="7.60">
                                    </div>
                                    <small class="text-muted mt-2 d-block">* Regime não-cumulativo padrão</small>
                                </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 Excluir -->
<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>Deseja realmente excluir o CST <strong id="cstExcluir"></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>
function novoCst() {
    document.getElementById('modalTitulo').textContent = 'Novo CST PIS/COFINS';
    document.getElementById('formCst').reset();
    document.getElementById('cst_id').value = '';
    document.getElementById('ativo').checked = true;
    document.getElementById('tipo').value = 'saida';
    // Valores padrão para alíquotas
    document.getElementById('aliq_pis_simples').value = 0;
    document.getElementById('aliq_cofins_simples').value = 0;
    document.getElementById('aliq_pis_lucro_presumido').value = 0.65;
    document.getElementById('aliq_cofins_lucro_presumido').value = 3.00;
    document.getElementById('aliq_pis_lucro_real').value = 1.65;
    document.getElementById('aliq_cofins_lucro_real').value = 7.60;
    new bootstrap.Modal(document.getElementById('modalCst')).show();
}

function editarCst(id) {
    console.log('Editando CST ID:', id);
    fetch(`/fiscal/cst-pis-cofins/${id}/json`)
        .then(r => {
            if (!r.ok) throw new Error(`HTTP ${r.status}`);
            return r.json();
        })
        .then(data => {
            console.log('Dados recebidos:', data);
            if (data.success) {
                const c = data.cst;
                document.getElementById('modalTitulo').textContent = 'Editar CST ' + c.codigo;
                document.getElementById('cst_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').value = c.tipo || 'saida';
                document.getElementById('tributado').checked = c.tributado;
                document.getElementById('monofasico').checked = c.monofasico;
                document.getElementById('substituicao').checked = c.substituicao;
                document.getElementById('ativo').checked = c.ativo;
                // Alíquotas
                document.getElementById('aliq_pis_simples').value = c.aliq_pis_simples || 0;
                document.getElementById('aliq_cofins_simples').value = c.aliq_cofins_simples || 0;
                document.getElementById('aliq_pis_lucro_presumido').value = c.aliq_pis_lucro_presumido || 0;
                document.getElementById('aliq_cofins_lucro_presumido').value = c.aliq_cofins_lucro_presumido || 0;
                document.getElementById('aliq_pis_lucro_real').value = c.aliq_pis_lucro_real || 0;
                document.getElementById('aliq_cofins_lucro_real').value = c.aliq_cofins_lucro_real || 0;
                new bootstrap.Modal(document.getElementById('modalCst')).show();
            } else {
                alert('Erro: ' + (data.message || 'Falha ao carregar CST'));
            }
        })
        .catch(e => {
            console.error('Erro ao carregar CST:', e);
            alert('Erro ao carregar CST: ' + e.message);
        });
}

function confirmarExclusao(id, codigo) {
    document.getElementById('cstExcluir').textContent = codigo;
    document.getElementById('formExcluir').action = `/fiscal/cst-pis-cofins/${id}/excluir`;
    new bootstrap.Modal(document.getElementById('modalExcluir')).show();
}
</script>
{% endblock %}