{% extends "base.html" %}
{% import 'macros/empresa.html' as empresa_ui %}

{% block title %}Configurar RTC - {{ empresa_ui.nome(empresa) }}{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col">
            <h2><i class="bi bi-gear me-2"></i>Configurar Reforma Tributária</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"><a href="{{ url_for('fiscal_reforma_tributaria') }}">Reforma Tributária</a></li>
                    <li class="breadcrumb-item active">{{ empresa_ui.nome(empresa) }}</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 %}

    <form method="POST" action="{{ url_for('fiscal_rtc_configurar', empresa_id=empresa.id) }}">
        <div class="row">
            <!-- Informações da Empresa -->
            <div class="col-lg-12 mb-4">
                <div class="card bg-light">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-auto">
                                <i class="bi bi-building fs-1 text-primary"></i>
                            </div>
                            <div class="col">
                                <h4 class="mb-1">{{ empresa_ui.nome(empresa) }}</h4>
                                {% if empresa.razao_social and empresa.razao_social != empresa_ui.nome(empresa) %}
                                <p class="mb-0 text-muted">{{ empresa.razao_social }}</p>
                                {% endif %}
                                {% if empresa.cnpj %}
                                <small class="text-muted">CNPJ: {{ empresa.cnpj }}</small>
                                {% endif %}
                            </div>
                            <div class="col-auto">
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" name="ativo" id="ativo" 
                                           {% if not config or config.ativo %}checked{% endif %} style="transform: scale(1.5);">
                                    <label class="form-check-label ms-2" for="ativo"><strong>RTC Ativo</strong></label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <!-- Regime e Enquadramento -->
            <div class="col-lg-6 mb-4">
                <div class="card h-100">
                    <div class="card-header">
                        <i class="bi bi-clipboard-check me-2"></i>Regime Tributário
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label">Regime RTC</label>
                            <select name="regime_rtc" class="form-select" id="regime_rtc">
                                <option value="geral" {% if config and config.regime_rtc == 'geral' %}selected{% endif %}>
                                    Regime Geral (Lucro Real/Presumido)
                                </option>
                                <option value="simples" {% if config and config.regime_rtc == 'simples' %}selected{% endif %}>
                                    Simples Nacional
                                </option>
                                <option value="especial" {% if config and config.regime_rtc == 'especial' %}selected{% endif %}>
                                    Regime Especial
                                </option>
                                <option value="mei" {% if config and config.regime_rtc == 'mei' %}selected{% endif %}>
                                    MEI - Microempreendedor Individual
                                </option>
                            </select>
                            <small class="text-muted">O regime determina as alíquotas e regras de apuração</small>
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label">Enquadramento Especial</label>
                            <input type="text" name="enquadramento_especial" class="form-control"
                                   value="{{ config.enquadramento_especial if config else '' }}"
                                   placeholder="Ex: Zona Franca de Manaus, CIDE, etc.">
                            <small class="text-muted">Caso a empresa tenha benefício fiscal específico</small>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Alíquotas Padrão -->
            <div class="col-lg-6 mb-4">
                <div class="card h-100">
                    <div class="card-header">
                        <i class="bi bi-percent me-2"></i>Alíquotas Padrão
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">
                                    <span class="badge bg-info me-1">IBS</span> Alíquota Padrão
                                </label>
                                <div class="input-group">
                                    <input type="number" step="0.01" name="aliq_ibs_padrao" class="form-control"
                                           value="{{ config.aliq_ibs_padrao if config else 17.7 }}" min="0" max="100">
                                    <span class="input-group-text">%</span>
                                </div>
                                <small class="text-muted">Padrão: 17,7%</small>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">
                                    <span class="badge bg-success me-1">CBS</span> Alíquota Padrão
                                </label>
                                <div class="input-group">
                                    <input type="number" step="0.01" name="aliq_cbs_padrao" class="form-control"
                                           value="{{ config.aliq_cbs_padrao if config else 8.8 }}" min="0" max="100">
                                    <span class="input-group-text">%</span>
                                </div>
                                <small class="text-muted">Padrão: 8,8%</small>
                            </div>
                        </div>
                        
                        <hr>
                        
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">IBS - UF Origem</label>
                                <div class="input-group">
                                    <input type="number" step="0.01" name="aliq_ibs_uf_origem" class="form-control"
                                           value="{{ config.aliq_ibs_uf_origem if config else 0 }}" min="0" max="100">
                                    <span class="input-group-text">%</span>
                                </div>
                                <small class="text-muted">Parcela para o estado de origem</small>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">IBS - UF Destino</label>
                                <div class="input-group">
                                    <input type="number" step="0.01" name="aliq_ibs_uf_destino" class="form-control"
                                           value="{{ config.aliq_ibs_uf_destino if config else 0 }}" min="0" max="100">
                                    <span class="input-group-text">%</span>
                                </div>
                                <small class="text-muted">Parcela para o estado de destino</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <!-- Opções de Crédito -->
            <div class="col-lg-6 mb-4">
                <div class="card h-100">
                    <div class="card-header">
                        <i class="bi bi-arrow-left-right me-2"></i>Aproveitamento de Créditos
                    </div>
                    <div class="card-body">
                        <div class="form-check mb-3">
                            <input class="form-check-input" type="checkbox" name="aproveita_credito_ibs" 
                                   id="aproveita_credito_ibs" {% if not config or config.aproveita_credito_ibs %}checked{% endif %}>
                            <label class="form-check-label" for="aproveita_credito_ibs">
                                <strong>Aproveitar créditos de IBS</strong>
                            </label>
                            <br><small class="text-muted">Habilita o aproveitamento de créditos nas entradas</small>
                        </div>
                        
                        <div class="form-check mb-3">
                            <input class="form-check-input" type="checkbox" name="aproveita_credito_cbs" 
                                   id="aproveita_credito_cbs" {% if not config or config.aproveita_credito_cbs %}checked{% endif %}>
                            <label class="form-check-label" for="aproveita_credito_cbs">
                                <strong>Aproveitar créditos de CBS</strong>
                            </label>
                            <br><small class="text-muted">Habilita o aproveitamento de créditos nas entradas</small>
                        </div>
                        
                        <hr>
                        
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="habilitar_split_payment" 
                                   id="habilitar_split_payment" {% if config and config.habilitar_split_payment %}checked{% endif %}>
                            <label class="form-check-label" for="habilitar_split_payment">
                                <strong>Habilitar Split Payment</strong>
                            </label>
                            <br><small class="text-muted">Recolhimento automático do imposto na liquidação financeira</small>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Configuração de Transição -->
            <div class="col-lg-6 mb-4">
                <div class="card h-100">
                    <div class="card-header">
                        <i class="bi bi-calendar-range me-2"></i>Período de Transição
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label">Ano de Referência</label>
                            <select name="ano_transicao" class="form-select" id="ano_transicao">
                                <option value="2026" {% if config and config.ano_transicao == 2026 %}selected{% endif %}>
                                    2026 - Teste (10% - sem recolhimento)
                                </option>
                                <option value="2027" {% if config and config.ano_transicao == 2027 %}selected{% endif %}>
                                    2027 - 10% IBS/CBS
                                </option>
                                <option value="2028" {% if config and config.ano_transicao == 2028 %}selected{% endif %}>
                                    2028 - 20% IBS/CBS
                                </option>
                                <option value="2029" {% if config and config.ano_transicao == 2029 %}selected{% endif %}>
                                    2029 - 40% IBS/CBS
                                </option>
                                <option value="2030" {% if config and config.ano_transicao == 2030 %}selected{% endif %}>
                                    2030 - 60% IBS/CBS
                                </option>
                                <option value="2031" {% if config and config.ano_transicao == 2031 %}selected{% endif %}>
                                    2031 - 80% IBS/CBS
                                </option>
                                <option value="2032" {% if config and config.ano_transicao == 2032 %}selected{% endif %}>
                                    2032 - 90% IBS/CBS
                                </option>
                                <option value="2033" {% if config and config.ano_transicao == 2033 %}selected{% endif %}>
                                    2033 - 100% IBS/CBS (Transição completa)
                                </option>
                            </select>
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label">Percentual de Transição Atual</label>
                            <div class="input-group">
                                <input type="number" step="0.01" name="percentual_transicao" class="form-control"
                                       value="{{ config.percentual_transicao if config else 0.1 }}" min="0" max="1" id="percentual_transicao">
                                <span class="input-group-text">x 100%</span>
                            </div>
                            <small class="text-muted">0.1 = 10%, 0.2 = 20%, etc.</small>
                        </div>
                        
                        <div class="alert alert-info mb-0">
                            <i class="bi bi-info-circle me-2"></i>
                            <strong>Cálculo na Transição:</strong><br>
                            <small>
                                Tributo Final = (ICMS/ISS/PIS/COFINS × (1 - Transição)) + (IBS/CBS × Transição)
                            </small>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Botões de Ação -->
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body d-flex justify-content-between">
                        <a href="{{ url_for('fiscal_reforma_tributaria') }}" class="btn btn-secondary">
                            <i class="bi bi-arrow-left me-2"></i>Voltar
                        </a>
                        <button type="submit" class="btn btn-success btn-lg">
                            <i class="bi bi-check-lg me-2"></i>Salvar Configuração
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<script>
// Atualizar percentual automaticamente ao mudar o ano
document.getElementById('ano_transicao').addEventListener('change', function() {
    const percentuais = {
        2026: 0.1,
        2027: 0.1,
        2028: 0.2,
        2029: 0.4,
        2030: 0.6,
        2031: 0.8,
        2032: 0.9,
        2033: 1.0
    };
    const ano = parseInt(this.value);
    document.getElementById('percentual_transicao').value = percentuais[ano] || 0.1;
});
</script>
{% endblock %}