{% extends "base.html" %}

{% block title %}Reforma Tributária de Consumo{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col">
            <h2><i class="bi bi-currency-exchange me-2"></i>Reforma Tributária de Consumo</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">Reforma Tributária (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 %}

    <!-- Informações sobre a Reforma Tributária -->
    <div class="row mb-4">
        <div class="col-lg-12">
            <div class="card bg-light border-primary">
                <div class="card-body">
                    <h5 class="card-title text-primary"><i class="bi bi-info-circle me-2"></i>Sobre a Reforma Tributária de Consumo (NT 2025.002)</h5>
                    <p class="mb-2">
                        A Reforma Tributária de Consumo introduz novos tributos que substituirão gradualmente os atuais:
                    </p>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="card border-info mb-2">
                                <div class="card-body py-2">
                                    <h6 class="card-subtitle text-info"><i class="bi bi-building"></i> IBS</h6>
                                    <small>Imposto sobre Bens e Serviços</small><br>
                                    <span class="badge bg-info">Substitui ICMS + ISS</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card border-success mb-2">
                                <div class="card-body py-2">
                                    <h6 class="card-subtitle text-success"><i class="bi bi-bank"></i> CBS</h6>
                                    <small>Contribuição sobre Bens e Serviços</small><br>
                                    <span class="badge bg-success">Substitui PIS + COFINS</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card border-danger mb-2">
                                <div class="card-body py-2">
                                    <h6 class="card-subtitle text-danger"><i class="bi bi-exclamation-triangle"></i> IS</h6>
                                    <small>Imposto Seletivo</small><br>
                                    <span class="badge bg-danger">Produtos nocivos à saúde/meio ambiente</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Cronograma de Transição -->
    <div class="row mb-4">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header bg-warning text-dark">
                    <i class="bi bi-calendar-range me-2"></i>Cronograma de Transição
                </div>
                <div class="card-body">
                    <div class="progress-stacked" style="height: 45px; font-size: 0.85rem;">
                        <div class="progress" role="progressbar" style="width: 12.5%">
                            <div class="progress-bar bg-secondary d-flex flex-column justify-content-center">
                                <strong>2026</strong>
                                <small>10%*</small>
                            </div>
                        </div>
                        <div class="progress" role="progressbar" style="width: 12.5%">
                            <div class="progress-bar bg-info d-flex flex-column justify-content-center">
                                <strong>2027</strong>
                                <small>10%</small>
                            </div>
                        </div>
                        <div class="progress" role="progressbar" style="width: 12.5%">
                            <div class="progress-bar bg-primary d-flex flex-column justify-content-center">
                                <strong>2028</strong>
                                <small>20%</small>
                            </div>
                        </div>
                        <div class="progress" role="progressbar" style="width: 12.5%">
                            <div class="progress-bar bg-success d-flex flex-column justify-content-center">
                                <strong>2029</strong>
                                <small>40%</small>
                            </div>
                        </div>
                        <div class="progress" role="progressbar" style="width: 12.5%">
                            <div class="progress-bar bg-warning text-dark d-flex flex-column justify-content-center">
                                <strong>2030</strong>
                                <small>60%</small>
                            </div>
                        </div>
                        <div class="progress" role="progressbar" style="width: 12.5%">
                            <div class="progress-bar d-flex flex-column justify-content-center" style="background-color:#fd7e14;">
                                <strong>2031</strong>
                                <small>80%</small>
                            </div>
                        </div>
                        <div class="progress" role="progressbar" style="width: 12.5%">
                            <div class="progress-bar bg-danger d-flex flex-column justify-content-center">
                                <strong>2032</strong>
                                <small>90%</small>
                            </div>
                        </div>
                        <div class="progress" role="progressbar" style="width: 12.5%">
                            <div class="progress-bar bg-dark d-flex flex-column justify-content-center">
                                <strong>2033</strong>
                                <small>100%</small>
                            </div>
                        </div>
                    </div>
                    <small class="text-muted mt-2 d-block">* 2026: Ano de teste - tributos cobrados mas compensados integralmente (sem recolhimento efetivo)</small>
                </div>
            </div>
        </div>
    </div>

    <!-- Configuração por Empresa -->
    <div class="row mb-4">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <i class="bi bi-gear me-2"></i>Configuração por Empresa
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead class="table-dark">
                                <tr>
                                    <th>Empresa</th>
                                    <th class="text-center">Regime RTC</th>
                                    <th class="text-center">Alíq. IBS Padrão</th>
                                    <th class="text-center">Alíq. CBS Padrão</th>
                                    <th class="text-center">Split Payment</th>
                                    <th class="text-center">Status</th>
                                    <th class="text-center" width="100">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for empresa in empresas %}
                                {% set config = configs.get(empresa.id) %}
                                <tr>
                                    <td>
                                        <strong>{{ empresa.nome }}</strong>
                                        {% if empresa.razao_social and empresa.razao_social != empresa.nome %}
                                        <br><small class="text-muted">{{ empresa.razao_social }}</small>
                                        {% endif %}
                                    </td>
                                    <td class="text-center">
                                        {% if config %}
                                            {% if config.regime_rtc == 'geral' %}
                                            <span class="badge bg-primary">Regime Geral</span>
                                            {% elif config.regime_rtc == 'simples' %}
                                            <span class="badge bg-success">Simples Nacional</span>
                                            {% elif config.regime_rtc == 'especial' %}
                                            <span class="badge bg-warning text-dark">Regime Especial</span>
                                            {% else %}
                                            <span class="badge bg-secondary">{{ config.regime_rtc }}</span>
                                            {% endif %}
                                        {% else %}
                                        <span class="badge bg-secondary">Não configurado</span>
                                        {% endif %}
                                    </td>
                                    <td class="text-center">
                                        {% if config %}
                                        <strong class="text-info">{{ "%.2f"|format(config.aliq_ibs_padrao) }}%</strong>
                                        {% else %}-{% endif %}
                                    </td>
                                    <td class="text-center">
                                        {% if config %}
                                        <strong class="text-success">{{ "%.2f"|format(config.aliq_cbs_padrao) }}%</strong>
                                        {% else %}-{% endif %}
                                    </td>
                                    <td class="text-center">
                                        {% if config %}
                                            {% if config.habilitar_split_payment %}
                                            <span class="badge bg-success"><i class="bi bi-check"></i> Habilitado</span>
                                            {% else %}
                                            <span class="badge bg-secondary">Desabilitado</span>
                                            {% endif %}
                                        {% else %}-{% endif %}
                                    </td>
                                    <td class="text-center">
                                        {% if config and config.ativo %}
                                        <span class="badge bg-success">Ativo</span>
                                        {% elif config %}
                                        <span class="badge bg-secondary">Inativo</span>
                                        {% else %}
                                        <span class="badge bg-warning text-dark">Pendente</span>
                                        {% endif %}
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ url_for('fiscal_rtc_configurar', empresa_id=empresa.id) }}" 
                                           class="btn btn-sm btn-primary" title="Configurar">
                                            <i class="bi bi-gear"></i>
                                        </a>
                                    </td>
                                </tr>
                                {% else %}
                                <tr>
                                    <td colspan="7" class="text-center text-muted py-4">
                                        <i class="bi bi-building fs-1 d-block mb-2"></i>
                                        Nenhuma empresa cadastrada
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- CSTs IBS/CBS -->
    <div class="row mb-4">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <i class="bi bi-list-check me-2"></i>Códigos de Situação Tributária - IBS/CBS
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped table-sm mb-0">
                            <thead class="table-secondary">
                                <tr>
                                    <th width="60">Código</th>
                                    <th>Descrição</th>
                                    <th class="text-center" width="100">Tributação</th>
                                    <th class="text-center" width="100">Gera Crédito</th>
                                    <th class="text-center" width="100">Gera Débito</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for cst in cst_list %}
                                <tr>
                                    <td><code class="fs-6">{{ cst.codigo }}</code></td>
                                    <td>{{ cst.descricao }}</td>
                                    <td class="text-center">
                                        {% if cst.tributacao == 'tributada' %}
                                        <span class="badge bg-success">Tributada</span>
                                        {% elif cst.tributacao == 'isenta' %}
                                        <span class="badge bg-info">Isenta</span>
                                        {% elif cst.tributacao == 'diferida' %}
                                        <span class="badge bg-warning text-dark">Diferida</span>
                                        {% elif cst.tributacao == 'suspensa' %}
                                        <span class="badge bg-secondary">Suspensa</span>
                                        {% elif cst.tributacao == 'nao_tributada' %}
                                        <span class="badge bg-dark">Não Tributada</span>
                                        {% else %}
                                        <span class="badge bg-light text-dark">{{ cst.tributacao or '-' }}</span>
                                        {% endif %}
                                    </td>
                                    <td class="text-center">
                                        {% if cst.gera_credito %}
                                        <i class="bi bi-check-circle text-success fs-5"></i>
                                        {% else %}
                                        <i class="bi bi-x-circle text-danger fs-5"></i>
                                        {% endif %}
                                    </td>
                                    <td class="text-center">
                                        {% if cst.gera_debito %}
                                        <i class="bi bi-check-circle text-success fs-5"></i>
                                        {% else %}
                                        <i class="bi bi-x-circle text-danger fs-5"></i>
                                        {% endif %}
                                    </td>
                                </tr>
                                {% else %}
                                <tr>
                                    <td colspan="5" class="text-center text-muted py-3">
                                        Nenhum CST cadastrado. Execute a migração novamente.
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Links Úteis -->
    <div class="row">
        <div class="col-lg-12">
            <div class="card bg-light">
                <div class="card-body">
                    <h6><i class="bi bi-link-45deg me-2"></i>Links Úteis</h6>
                    <ul class="mb-0">
                        <li><a href="{{ url_for('fiscal_cfop') }}" target="_blank">Configurar CFOP com IBS/CBS</a></li>
                        <li><a href="https://www.gov.br/nfe" target="_blank" rel="noopener">Portal da Nota Fiscal Eletrônica</a></li>
                        <li><a href="https://www.planalto.gov.br/ccivil_03/constituicao/emendas/emc/emc132.htm" target="_blank" rel="noopener">EC 132/2023 - Emenda Constitucional da Reforma Tributária</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}