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

{% block title %}Configuração Fiscal{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row mb-3">
        <div class="col">
            <h2><i class="bi bi-gear-fill"></i> Configuração Fiscal por Empresa</h2>
            <p class="text-muted mb-0">Configure certificado digital, séries e CSC para emissão de notas fiscais</p>
        </div>
        <div class="col-auto">
            <a href="{{ url_for('configuracoes_email_saida', empresa_id=empresa.id if empresa else None) }}" class="btn btn-outline-success">
                <i class="bi bi-envelope-gear"></i> Caixas de e-mail
            </a>
        </div>
    </div>

    {% if empresas %}
    {% for emp in empresas %}
    {% set config_emp = emp.configuracao_fiscal.first() if emp.configuracao_fiscal else None %}
    
    <!-- Card da Empresa -->
    <div class="card mb-4 border-primary shadow-sm">
        <!-- Cabeçalho com info da empresa -->
        <div class="card-header bg-primary text-white py-2">
            <div class="row align-items-center">
                <div class="col">
                    <h5 class="mb-0">
                        <i class="bi bi-building-fill"></i> 
                        {{ empresa_ui.nome(emp) }}
                    </h5>
                    <small>
                        <i class="bi bi-geo-alt-fill"></i> {{ emp.municipio or 'N/A' }}/{{ emp.uf or 'N/A' }}
                        {% if emp.cnpj %}
                        | <i class="bi bi-card-text"></i> {{ emp.cnpj }}
                        {% endif %}
                    </small>
                </div>
                <div class="col-auto">
                    <button class="btn btn-light btn-sm" type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#empresa{{ emp.id }}"
                            aria-expanded="{% if emp.id == empresa.id %}true{% else %}false{% endif %}">
                        <i class="bi bi-chevron-down"></i> Expandir/Recolher
                    </button>
                </div>
            </div>
        </div>

        <!-- Conteúdo colapsável -->
        <div class="collapse {% if emp.id == empresa.id %}show{% endif %}" id="empresa{{ emp.id }}">
            <div class="card-body p-0">
                <form method="POST" action="{{ url_for('fiscal_configuracao', empresa_id=emp.id) }}" enctype="multipart/form-data">
                    
                    <!-- Informações Básicas da Empresa (sempre visível) -->
                    <div class="row g-3 p-3 bg-light border-bottom">
                        <div class="col-md-3">
                            <small class="text-muted d-block"><i class="bi bi-123"></i> Inscrição Estadual</small>
                            <strong>{{ emp.inscricao_estadual or 'Não informada' }}</strong>
                        </div>
                        <div class="col-md-3">
                            <small class="text-muted d-block"><i class="bi bi-building-check"></i> Inscrição Municipal</small>
                            <strong>{{ emp.inscricao_municipal or 'Não informada' }}</strong>
                        </div>
                        <div class="col-md-3">
                            <small class="text-muted d-block"><i class="bi bi-briefcase"></i> Regime Tributário</small>
                            <strong>{{ emp.regime_tributario or 'Simples Nacional' }}</strong>
                        </div>
                        <div class="col-md-3">
                            <small class="text-muted d-block"><i class="bi bi-diagram-3"></i> CNAE</small>
                            <strong>{{ emp.cnae or 'Não informado' }}</strong>
                        </div>
                    </div>

                    <!-- Navegação por Abas -->
                    <ul class="nav nav-tabs px-3 pt-3" id="tabsEmpresa{{ emp.id }}" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="certif-tab-{{ emp.id }}" data-bs-toggle="tab" 
                                    data-bs-target="#certif-{{ emp.id }}" type="button" role="tab">
                                <i class="bi bi-shield-check"></i> Certificado
                                {% if config_emp and config_emp.certificado_path %}
                                <span class="badge bg-success ms-1">OK</span>
                                {% else %}
                                <span class="badge bg-warning ms-1">!</span>
                                {% endif %}
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="nfe-tab-{{ emp.id }}" data-bs-toggle="tab" 
                                    data-bs-target="#nfe-{{ emp.id }}" type="button" role="tab">
                                <i class="bi bi-file-earmark-text"></i> NF-e (55)
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="nfce-tab-{{ emp.id }}" data-bs-toggle="tab" 
                                    data-bs-target="#nfce-{{ emp.id }}" type="button" role="tab">
                                <i class="bi bi-receipt"></i> NFC-e (65)
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="danfe-tab-{{ emp.id }}" data-bs-toggle="tab" 
                                    data-bs-target="#danfe-{{ emp.id }}" type="button" role="tab">
                                <i class="bi bi-printer"></i> Impressão
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="mdfe-tab-{{ emp.id }}" data-bs-toggle="tab" 
                                    data-bs-target="#mdfe-{{ emp.id }}" type="button" role="tab">
                                <i class="bi bi-truck"></i> MDF-e (58)
                            </button>
                        </li>
                    </ul>

                    <!-- Conteúdo das Abas -->
                    <div class="tab-content p-3" id="tabContentEmpresa{{ emp.id }}">
                        
                        <!-- ========== ABA CERTIFICADO ========== -->
                        <div class="tab-pane fade show active" id="certif-{{ emp.id }}" role="tabpanel">
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <h5 class="text-success mb-0">
                                    <i class="bi bi-shield-check-fill"></i> Certificado Digital A1
                                </h5>
                                <div class="text-end">
                                    <span class="badge bg-success">ICP-Brasil</span>
                                    <span class="badge bg-secondary">PKCS#12 (.pfx/.p12)</span>
                                </div>
                            </div>
                            
                            {% if config_emp and config_emp.certificado_path %}
                            <div class="alert alert-success">
                                <div class="d-flex justify-content-between align-items-start">
                                    <div class="flex-grow-1">
                                        <i class="bi bi-check-circle-fill"></i> <strong>Certificado vinculado:</strong>
                                        <br><code>{{ config_emp.certificado_path }}</code>
                                        {% if emp.certificado_cnpj %}
                                        <br><small><i class="bi bi-building"></i> CNPJ: <strong>{{ emp.certificado_cnpj }}</strong></small>
                                        {% endif %}
                                        {% if emp.certificado_data_validade %}
                                        <br><small><i class="bi bi-calendar-check"></i> Válido até: <strong>{{ emp.certificado_data_validade.strftime('%d/%m/%Y') }}</strong></small>
                                        {% endif %}
                                    </div>
                                    <div class="btn-group ms-3">
                                        <a href="{{ url_for('fiscal_download_certificado', empresa_id=emp.id) }}" 
                                           class="btn btn-sm btn-outline-primary" title="Baixar">
                                            <i class="bi bi-download"></i> Baixar
                                        </a>
                                        <button type="button" class="btn btn-sm btn-outline-danger" 
                                                onclick="excluirCertificado({{ emp.id }}, '{{ empresa_ui.titulo(emp) }}')"
                                                title="Excluir">
                                            <i class="bi bi-trash"></i> Excluir
                                        </button>
                                    </div>
                                </div>
                            </div>
                            {% endif %}
                            
                            <div class="alert alert-info py-2">
                                <strong><i class="bi bi-info-circle"></i> Regras:</strong>
                                Formato .pfx ou .p12 | CNPJ deve corresponder ({{ emp.cnpj or 'não informado' }}) | Não pode estar vencido
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">
                                        <i class="bi bi-file-earmark-lock"></i> Arquivo do Certificado
                                    </label>
                                    <input type="file" class="form-control" name="certificado" accept=".pfx,.p12">
                                    <small class="text-muted">Certificado digital A1</small>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">
                                        <i class="bi bi-key"></i> Senha do Certificado
                                    </label>
                                    <input type="password" class="form-control" name="certificado_senha" 
                                           value="{{ config_emp.certificado_senha if config_emp else '' }}"
                                           placeholder="Digite a senha">
                                    <small class="text-muted">Armazenada de forma segura</small>
                                </div>
                            </div>
                        </div>

                        <!-- ========== ABA NF-e ========== -->
                        <div class="tab-pane fade" id="nfe-{{ emp.id }}" role="tabpanel">
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <h5 class="text-info mb-0">
                                    <i class="bi bi-file-earmark-text-fill"></i> NF-e (Modelo 55) - Vendas B2B
                                </h5>
                                <div class="text-end">
                                    <span class="badge bg-secondary">Layout 4.00</span>
                                    <span class="badge bg-info">NT 2025.002</span>
                                </div>
                            </div>
                            
                            <!-- Informações do Layout -->
                            <div class="alert alert-light border py-2 mb-3">
                                <div class="row small">
                                    <div class="col-md-6">
                                        <strong><i class="bi bi-arrow-right-circle"></i> Operações:</strong>
                                        <span class="text-muted">Entrada (0) | Saída (1)</span>
                                    </div>
                                    <div class="col-md-6">
                                        <strong><i class="bi bi-flag"></i> Finalidades:</strong>
                                        <span class="text-muted">Normal (1) | Complementar (2) | Ajuste (3) | Devolução (4)</span>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row g-3 mb-3">
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Ambiente</label>
                                    <select class="form-select" name="ambiente_nfe">
                                        <option value="homologacao" {% if config_emp and config_emp.ambiente_nfe == 'homologacao' %}selected{% endif %}>
                                            🧪 Homologação (Testes)
                                        </option>
                                        <option value="producao" {% if config_emp and config_emp.ambiente_nfe == 'producao' %}selected{% endif %}>
                                            ✅ Produção
                                        </option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Série</label>
                                    <input type="number" class="form-control" name="serie_nfe" 
                                           value="{{ config_emp.serie_nfe if config_emp else 1 }}" min="1" max="999">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Próximo Número</label>
                                    <input type="number" class="form-control" name="numero_nfe_atual" 
                                           value="{{ config_emp.numero_nfe_atual if config_emp else 1 }}" min="1">
                                </div>
                            </div>
                            
                            <div class="alert alert-secondary py-2">
                                <i class="bi bi-lightbulb"></i> <strong>Tributação:</strong> 
                                Configure a tributação diretamente no <a href="{{ url_for('fiscal_cfop') }}">Cadastro de CFOPs</a>.
                            </div>
                        </div>

                        <!-- ========== ABA NFC-e ========== -->
                        <div class="tab-pane fade" id="nfce-{{ emp.id }}" role="tabpanel">
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <h5 class="text-warning mb-0">
                                    <i class="bi bi-receipt-cutoff"></i> NFC-e (Modelo 65) - PDV/Varejo
                                </h5>
                                <div class="text-end">
                                    <span class="badge bg-secondary">Layout 4.00</span>
                                    <span class="badge bg-warning text-dark">NT 2025.002</span>
                                </div>
                            </div>
                            
                            <!-- Informações do Layout -->
                            <div class="alert alert-light border py-2 mb-3">
                                <div class="row small">
                                    <div class="col-md-6">
                                        <strong><i class="bi bi-arrow-right-circle"></i> Operação:</strong>
                                        <span class="text-muted">Saída (1) - Venda ao consumidor</span>
                                    </div>
                                    <div class="col-md-6">
                                        <strong><i class="bi bi-flag"></i> Finalidade:</strong>
                                        <span class="text-muted">Normal (1) - Venda presencial</span>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row g-3 mb-3">
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Ambiente</label>
                                    <select class="form-select" name="ambiente_nfce">
                                        <option value="homologacao" {% if config_emp and config_emp.ambiente_nfce == 'homologacao' %}selected{% endif %}>
                                            🧪 Homologação (Testes)
                                        </option>
                                        <option value="producao" {% if config_emp and config_emp.ambiente_nfce == 'producao' %}selected{% endif %}>
                                            ✅ Produção
                                        </option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Série</label>
                                    <input type="number" class="form-control" name="serie_nfce" 
                                           value="{{ config_emp.serie_nfce if config_emp else 1 }}" min="1" max="999">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Próximo Número</label>
                                    <input type="number" class="form-control" name="numero_nfce_atual" 
                                           value="{{ config_emp.numero_nfce_atual if config_emp else 1 }}" min="1">
                                </div>
                            </div>

                            <hr>

                            <h6 class="text-muted">
                                <i class="bi bi-key-fill"></i> CSC (Código de Segurança do Contribuinte)
                            </h6>
                            <p class="small text-muted mb-2">Necessário para QRCode da NFC-e. Obtido no portal da SEFAZ.</p>
                            
                            <div class="row g-3">
                                <div class="col-md-3">
                                    <label class="form-label">ID do CSC</label>
                                    <input type="number" class="form-control" name="csc_id" 
                                           value="{{ config_emp.csc_id if config_emp else '' }}" min="1">
                                </div>
                                <div class="col-md-9">
                                    <label class="form-label">Código CSC</label>
                                    <input type="text" class="form-control" name="csc_codigo" 
                                           value="{{ config_emp.csc_codigo if config_emp else '' }}" 
                                           placeholder="Token alfanumérico fornecido pela SEFAZ">
                                </div>
                            </div>
                        </div>

                        <!-- ========== ABA MDF-e ========== -->
                        <div class="tab-pane fade" id="mdfe-{{ emp.id }}" role="tabpanel">
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <h5 class="text-info mb-0">
                                    <i class="bi bi-truck"></i> MDF-e - Manifesto Eletrônico de Documentos Fiscais
                                </h5>
                                <div class="text-end">
                                    <span class="badge bg-secondary">Layout 3.00</span>
                                    <span class="badge bg-info">MOC 3.00b</span>
                                </div>
                            </div>
                            
                            <!-- Informações do Layout -->
                            <div class="alert alert-light border py-2 mb-3">
                                <div class="row small">
                                    <div class="col-md-4">
                                        <strong><i class="bi bi-car-front"></i> Modal:</strong>
                                        <span class="text-muted">Rodoviário (1)</span>
                                    </div>
                                    <div class="col-md-4">
                                        <strong><i class="bi bi-person-badge"></i> Emitente:</strong>
                                        <span class="text-muted">Próprio (1) | Terceiros (2)</span>
                                    </div>
                                    <div class="col-md-4">
                                        <strong><i class="bi bi-boxes"></i> Tipo Carga:</strong>
                                        <span class="text-muted">Granel | Frac. | Indivisível</span>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="alert alert-info mb-3">
                                <i class="bi bi-info-circle"></i>
                                O MDF-e é obrigatório para transporte de mercadorias entre UFs. 
                                Vincula NF-e/CT-e ao veículo e motorista.
                            </div>

                            <!-- Ambiente e Série -->
                            <div class="row g-3 mb-3">
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Ambiente MDF-e</label>
                                    <select class="form-select" name="ambiente_mdfe">
                                        <option value="homologacao" {% if not config_emp or config_emp.ambiente_mdfe != 'producao' %}selected{% endif %}>
                                            🧪 Homologação (Testes)
                                        </option>
                                        <option value="producao" {% if config_emp and config_emp.ambiente_mdfe == 'producao' %}selected{% endif %}>
                                            🏭 Produção
                                        </option>
                                    </select>
                                    <small class="text-muted">Use homologação para testes</small>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Série MDF-e</label>
                                    <input type="number" class="form-control" name="serie_mdfe" 
                                           value="{{ config_emp.serie_mdfe if config_emp and config_emp.serie_mdfe else 1 }}" min="1" max="999">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Próximo Número</label>
                                    <input type="number" class="form-control" name="numero_mdfe_atual" 
                                           value="{{ config_emp.numero_mdfe_atual if config_emp and config_emp.numero_mdfe_atual else 1 }}" min="1">
                                </div>
                            </div>

                            <hr>

                            <h6 class="text-muted mb-3">
                                <i class="bi bi-geo-alt"></i> Informações Padrão do Carregamento
                            </h6>
                            
                            <div class="row g-3">
                                <div class="col-md-4">
                                    <label class="form-label">CEP do Carregamento</label>
                                    <input type="text" class="form-control" name="mdfe_cep_carrega" 
                                           value="{{ config_emp.mdfe_cep_carrega if config_emp else '' }}" 
                                           maxlength="8" placeholder="00000000">
                                    <small class="text-muted">Padrão para novos MDF-e</small>
                                </div>
                            </div>
                        </div>

                        <!-- ========== ABA IMPRESSÃO/DANFE ========== -->
                        <div class="tab-pane fade" id="danfe-{{ emp.id }}" role="tabpanel">
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <h5 class="text-secondary mb-0">
                                    <i class="bi bi-printer-fill"></i> Configurações de Impressão do DANFE
                                </h5>
                                <div class="text-end">
                                    <span class="badge bg-secondary">ReportLab PDF</span>
                                    <span class="badge bg-info">A4 / Térmica 80mm</span>
                                </div>
                            </div>
                            
                            <!-- Logo -->
                            <div class="row mb-4">
                                <div class="col-md-6">
                                    <h6 class="text-primary"><i class="bi bi-image"></i> Logo da Empresa no DANFE</h6>
                                    
                                    {% if config_emp and config_emp.logo_danfe_path %}
                                    <div class="alert alert-success py-2 mb-2">
                                        <div class="d-flex align-items-center">
                                            <img src="{{ url_for('fiscal_logo_danfe', empresa_id=emp.id) }}" 
                                                 alt="Logo DANFE" style="max-height: 50px; max-width: 120px;" class="me-3 border">
                                            <div>
                                                <i class="bi bi-check-circle"></i> Logo configurada
                                                <button type="button" class="btn btn-sm btn-outline-danger ms-2"
                                                        onclick="excluirLogo({{ emp.id }})">
                                                    <i class="bi bi-trash"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    {% endif %}
                                    
                                    <input type="file" class="form-control form-control-sm" name="logo_danfe" 
                                           accept=".png,.jpg,.jpeg,.gif,.bmp">
                                    <small class="text-muted">Formatos: PNG, JPG, GIF, BMP (max 2MB)</small>
                                </div>
                                <div class="col-md-6">
                                    <h6 class="text-primary"><i class="bi bi-info-circle"></i> Informações Adicionais</h6>
                                    <textarea class="form-control form-control-sm" name="info_adicional_padrao" rows="3"
                                              placeholder="Texto padrão para o campo Informações Adicionais do DANFE">{{ config_emp.info_adicional_padrao if config_emp else '' }}</textarea>
                                    <small class="text-muted">Aparecerá em todas as notas desta empresa</small>
                                </div>
                            </div>

                            <!-- Opções de Impressão -->
                            <div class="row g-3">
                                <div class="col-md-4">
                                    <label class="form-label">Formato do DANFE NF-e</label>
                                    <select class="form-select form-select-sm" name="danfe_formato">
                                        <option value="retrato" {% if config_emp and config_emp.danfe_formato == 'retrato' %}selected{% endif %}>
                                            📄 Retrato (A4)
                                        </option>
                                        <option value="paisagem" {% if config_emp and config_emp.danfe_formato == 'paisagem' %}selected{% endif %}>
                                            📄 Paisagem (A4)
                                        </option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Imprimir logo no DANFE</label>
                                    <select class="form-select form-select-sm" name="danfe_imprimir_logo">
                                        <option value="1" {% if not config_emp or config_emp.danfe_imprimir_logo != False %}selected{% endif %}>
                                            ✅ Sim
                                        </option>
                                        <option value="0" {% if config_emp and config_emp.danfe_imprimir_logo == False %}selected{% endif %}>
                                            ❌ Não
                                        </option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Cópias do DANFE</label>
                                    <input type="number" class="form-control form-control-sm" name="danfe_copias" 
                                           value="{{ config_emp.danfe_copias if config_emp else 1 }}" min="1" max="5">
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Botão Salvar -->
                    <div class="card-footer bg-light text-end">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-lg"></i> Salvar Configurações
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {% endfor %}
    {% else %}
    <div class="alert alert-warning">
        <i class="bi bi-exclamation-triangle"></i> Nenhuma empresa cadastrada. 
        <a href="{{ url_for('empresas') }}">Cadastre uma empresa primeiro</a>.
    </div>
    {% endif %}
</div>
{% endblock %}

{% block scripts %}
<script>
function excluirCertificado(empresaId, nomeEmpresa) {
    if (confirm(`Deseja realmente excluir o certificado da empresa "${nomeEmpresa}"?\n\nIsso impedirá a emissão de notas fiscais até que um novo certificado seja configurado.`)) {
        window.location.href = `/fiscal/excluir-certificado/${empresaId}`;
    }
}

function excluirLogo(empresaId) {
    if (confirm('Deseja realmente excluir a logo do DANFE?')) {
        window.location.href = `/fiscal/excluir-logo/${empresaId}`;
    }
}
</script>
{% endblock %}