{% extends "base.html" %}

{% block title %}Classificações RTC{% endblock %}

{% block content %}
<style>
.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-diagram-3 me-2"></i>Classificações RTC</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">Classificações RTC</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-warning">
        <i class="bi bi-shield-lock"></i>
        <strong>Manutenção controlada:</strong>
        ajuste estas tabelas somente quando houver nova orientação fiscal, NT, LC ou validação operacional.
        Para não quebrar o que já está funcionando, a tela usa <strong>ativar/desativar</strong> no lugar de exclusão física.
    </div>

    <div class="row g-4">
        <div class="col-12 col-xl-8">
            <div class="card h-100">
                <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
                    <span><i class="bi bi-tags me-2"></i>cClassTrib - IBS/CBS</span>
                    <button type="button" class="btn btn-light btn-sm" onclick="novoCclassTrib()">
                        <i class="bi bi-plus-lg"></i> Novo cClassTrib
                    </button>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Código</th>
                                    <th>Descrição</th>
                                    <th>CST</th>
                                    <th>Categoria</th>
                                    <th>Tipo</th>
                                    <th>Status</th>
                                    <th class="text-center">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for item in classificacoes_ibs_cbs %}
                                <tr>
                                    <td><strong class="text-primary">{{ item.codigo }}</strong></td>
                                    <td>
                                        <div>{{ item.descricao_resumida or item.descricao }}</div>
                                        {% if item.artigo_lc %}
                                        <small class="text-muted">{{ item.artigo_lc }}</small>
                                        {% endif %}
                                    </td>
                                    <td>{{ item.cst_vinculado or '-' }}</td>
                                    <td>{{ item.categoria or '-' }}</td>
                                    <td>{{ item.tipo_operacao or '-' }}</td>
                                    <td>
                                        {% if item.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="editarCclassTrib({{ item.id }}); return false;"><i class="bi bi-pencil text-primary"></i> Editar</a></li>
                                                <li><a class="dropdown-item" href="#" onclick="toggleCclassTrib({{ item.id }}); return false;"><i class="bi bi-arrow-repeat text-warning"></i> {% if item.ativo %}Desativar{% else %}Ativar{% endif %}</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                {% else %}
                                <tr>
                                    <td colspan="7" class="text-center py-4 text-muted">Nenhum cClassTrib cadastrado.</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-xl-4">
            <div class="card h-100">
                <div class="card-header bg-danger text-white d-flex justify-content-between align-items-center">
                    <span><i class="bi bi-exclamation-triangle me-2"></i>cClassTribIS</span>
                    <button type="button" class="btn btn-light btn-sm" onclick="novoCclassTribIs()">
                        <i class="bi bi-plus-lg"></i> Novo cClassTribIS
                    </button>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Código</th>
                                    <th>Descrição</th>
                                    <th>Categoria</th>
                                    <th>Status</th>
                                    <th class="text-center">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for item in classificacoes_is %}
                                <tr>
                                    <td><strong class="text-danger">{{ item.codigo }}</strong></td>
                                    <td>
                                        <div>{{ item.descricao_resumida or item.descricao }}</div>
                                        {% if item.artigo_lc %}
                                        <small class="text-muted">{{ item.artigo_lc }}</small>
                                        {% endif %}
                                    </td>
                                    <td>{{ item.categoria_produto or '-' }}</td>
                                    <td>
                                        {% if item.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="editarCclassTribIs({{ item.id }}); return false;"><i class="bi bi-pencil text-primary"></i> Editar</a></li>
                                                <li><a class="dropdown-item" href="#" onclick="toggleCclassTribIs({{ item.id }}); return false;"><i class="bi bi-arrow-repeat text-warning"></i> {% if item.ativo %}Desativar{% else %}Ativar{% endif %}</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                {% else %}
                                <tr>
                                    <td colspan="5" class="text-center py-4 text-muted">Nenhum cClassTribIS cadastrado.</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade cape-modal-standard cape-modal-detail" id="modalCclassTrib" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form id="formCclassTrib" action="{{ url_for('fiscal_classificacao_ibs_cbs_salvar') }}" method="POST">
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title"><i class="bi bi-tags me-2"></i><span id="modalTituloCclassTrib">Novo cClassTrib</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="registro_id" id="cclass_trib_id">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label"><strong>Código *</strong></label>
                            <input type="text" name="codigo" id="cclass_codigo" class="form-control" maxlength="10" required placeholder="000000">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">CST vinculado</label>
                            <input type="text" name="cst_vinculado" id="cclass_cst_vinculado" class="form-control" maxlength="3" placeholder="000">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Tipo operação</label>
                            <select name="tipo_operacao" id="cclass_tipo_operacao" class="form-select">
                                <option value="">-</option>
                                <option value="saida">Saída</option>
                                <option value="entrada">Entrada</option>
                                <option value="ambos">Ambos</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Status</label>
                            <div class="form-check form-switch mt-2">
                                <input class="form-check-input" type="checkbox" name="ativo" id="cclass_ativo" checked>
                                <label class="form-check-label" for="cclass_ativo">Ativo</label>
                            </div>
                        </div>
                        <div class="col-12">
                            <label class="form-label"><strong>Descrição *</strong></label>
                            <input type="text" name="descricao" id="cclass_descricao" class="form-control" maxlength="300" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Descrição resumida</label>
                            <input type="text" name="descricao_resumida" id="cclass_descricao_resumida" class="form-control" maxlength="100">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Categoria</label>
                            <input type="text" name="categoria" id="cclass_categoria" class="form-control" maxlength="50" placeholder="tributacao_normal">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Artigo LC</label>
                            <input type="text" name="artigo_lc" id="cclass_artigo_lc" class="form-control" maxlength="50" placeholder="Art. 15 LC 214/2025">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary"><i class="bi bi-check-lg"></i> Salvar</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade cape-modal-standard cape-modal-detail" id="modalCclassTribIs" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form id="formCclassTribIs" action="{{ url_for('fiscal_classificacao_is_salvar') }}" method="POST">
                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title"><i class="bi bi-exclamation-triangle me-2"></i><span id="modalTituloCclassTribIs">Novo cClassTribIS</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="registro_id" id="cclass_is_id">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label"><strong>Código *</strong></label>
                            <input type="text" name="codigo" id="cclass_is_codigo" class="form-control" maxlength="10" required placeholder="001001">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">CST IS vinculado</label>
                            <input type="text" name="cst_is_vinculado" id="cclass_is_cst" class="form-control" maxlength="3" placeholder="000">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Categoria</label>
                            <input type="text" name="categoria_produto" id="cclass_is_categoria" class="form-control" maxlength="50" placeholder="bebidas">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Status</label>
                            <div class="form-check form-switch mt-2">
                                <input class="form-check-input" type="checkbox" name="ativo" id="cclass_is_ativo" checked>
                                <label class="form-check-label" for="cclass_is_ativo">Ativo</label>
                            </div>
                        </div>
                        <div class="col-12">
                            <label class="form-label"><strong>Descrição *</strong></label>
                            <input type="text" name="descricao" id="cclass_is_descricao" class="form-control" maxlength="300" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Descrição resumida</label>
                            <input type="text" name="descricao_resumida" id="cclass_is_descricao_resumida" class="form-control" maxlength="100">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Artigo LC</label>
                            <input type="text" name="artigo_lc" id="cclass_is_artigo_lc" class="form-control" maxlength="50">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">NCMs relacionados</label>
                            <input type="text" name="ncm_relacionados" id="cclass_is_ncms" class="form-control" maxlength="500" placeholder="2203,2204">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-danger"><i class="bi bi-check-lg"></i> Salvar</button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
function novoCclassTrib() {
    document.getElementById('modalTituloCclassTrib').textContent = 'Novo cClassTrib';
    document.getElementById('formCclassTrib').reset();
    document.getElementById('cclass_trib_id').value = '';
    document.getElementById('cclass_ativo').checked = true;
    new bootstrap.Modal(document.getElementById('modalCclassTrib')).show();
}

function editarCclassTrib(id) {
    fetch(`/fiscal/classificacoes-rtc/ibs-cbs/${id}/json`)
        .then(r => r.json())
        .then(data => {
            if (!data.success) {
                alert('Erro ao carregar cClassTrib.');
                return;
            }
            const item = data.item;
            document.getElementById('modalTituloCclassTrib').textContent = 'Editar cClassTrib ' + item.codigo;
            document.getElementById('cclass_trib_id').value = item.id;
            document.getElementById('cclass_codigo').value = item.codigo || '';
            document.getElementById('cclass_cst_vinculado').value = item.cst_vinculado || '';
            document.getElementById('cclass_tipo_operacao').value = item.tipo_operacao || '';
            document.getElementById('cclass_ativo').checked = item.ativo;
            document.getElementById('cclass_descricao').value = item.descricao || '';
            document.getElementById('cclass_descricao_resumida').value = item.descricao_resumida || '';
            document.getElementById('cclass_categoria').value = item.categoria || '';
            document.getElementById('cclass_artigo_lc').value = item.artigo_lc || '';
            new bootstrap.Modal(document.getElementById('modalCclassTrib')).show();
        })
        .catch(() => alert('Erro ao carregar cClassTrib.'));
}

function toggleCclassTrib(id) {
    fetch(`/fiscal/classificacoes-rtc/ibs-cbs/${id}/toggle-ativo`, { method: 'POST' })
        .then(r => r.json())
        .then(data => {
            if (!data.success) {
                alert('Erro: ' + (data.message || 'Falha ao atualizar status'));
                return;
            }
            location.reload();
        })
        .catch(() => alert('Erro ao atualizar status do cClassTrib.'));
}

function novoCclassTribIs() {
    document.getElementById('modalTituloCclassTribIs').textContent = 'Novo cClassTribIS';
    document.getElementById('formCclassTribIs').reset();
    document.getElementById('cclass_is_id').value = '';
    document.getElementById('cclass_is_ativo').checked = true;
    new bootstrap.Modal(document.getElementById('modalCclassTribIs')).show();
}

function editarCclassTribIs(id) {
    fetch(`/fiscal/classificacoes-rtc/is/${id}/json`)
        .then(r => r.json())
        .then(data => {
            if (!data.success) {
                alert('Erro ao carregar cClassTribIS.');
                return;
            }
            const item = data.item;
            document.getElementById('modalTituloCclassTribIs').textContent = 'Editar cClassTribIS ' + item.codigo;
            document.getElementById('cclass_is_id').value = item.id;
            document.getElementById('cclass_is_codigo').value = item.codigo || '';
            document.getElementById('cclass_is_cst').value = item.cst_is_vinculado || '';
            document.getElementById('cclass_is_categoria').value = item.categoria_produto || '';
            document.getElementById('cclass_is_ativo').checked = item.ativo;
            document.getElementById('cclass_is_descricao').value = item.descricao || '';
            document.getElementById('cclass_is_descricao_resumida').value = item.descricao_resumida || '';
            document.getElementById('cclass_is_artigo_lc').value = item.artigo_lc || '';
            document.getElementById('cclass_is_ncms').value = item.ncm_relacionados || '';
            new bootstrap.Modal(document.getElementById('modalCclassTribIs')).show();
        })
        .catch(() => alert('Erro ao carregar cClassTribIS.'));
}

function toggleCclassTribIs(id) {
    fetch(`/fiscal/classificacoes-rtc/is/${id}/toggle-ativo`, { method: 'POST' })
        .then(r => r.json())
        .then(data => {
            if (!data.success) {
                alert('Erro: ' + (data.message || 'Falha ao atualizar status'));
                return;
            }
            location.reload();
        })
        .catch(() => alert('Erro ao atualizar status do cClassTribIS.'));
}
</script>
{% endblock %}