{% extends "base.html" %}

{% block title %}Gerenciar XMLs - Fiscal{% endblock %}

{% block content %}
<div class="container-fluid py-4">
    <div class="row mb-4">
        <div class="col">
            <h2><i class="bi bi-file-earmark-code"></i> Gerenciamento de XMLs</h2>
            <p class="text-muted">Visualize e gerencie os XMLs de notas fiscais</p>
        </div>
        <div class="col-auto">
            <a href="{{ url_for('fiscal_importar_xml_entrada') }}" class="btn btn-success">
                <i class="bi bi-upload"></i> Importar XML de Entrada
            </a>
            <button class="btn btn-outline-secondary" onclick="migrarXmlsAntigos()">
                <i class="bi bi-arrow-repeat"></i> Migrar XMLs Antigos
            </button>
        </div>
    </div>

    <!-- Filtros -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" class="row g-3">
                <div class="col-md-2">
                    <label class="form-label">Tipo</label>
                    <select name="tipo" class="form-select">
                        <option value="NFe" {{ 'selected' if tipo_doc == 'NFe' }}>NF-e</option>
                        <option value="NFCe" {{ 'selected' if tipo_doc == 'NFCe' }}>NFC-e</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Direção</label>
                    <select name="direcao" class="form-select">
                        <option value="saida" {{ 'selected' if direcao == 'saida' }}>Saída</option>
                        <option value="entrada" {{ 'selected' if direcao == 'entrada' }}>Entrada</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-select">
                        <option value="autorizados" {{ 'selected' if status == 'autorizados' }}>Autorizados</option>
                        <option value="gerados" {{ 'selected' if status == 'gerados' }}>Gerados</option>
                        <option value="cancelados" {{ 'selected' if status == 'cancelados' }}>Cancelados</option>
                        <option value="denegados" {{ 'selected' if status == 'denegados' }}>Denegados</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Ano</label>
                    <select name="ano" class="form-select">
                        {% for a in anos %}
                        <option value="{{ a }}" {{ 'selected' if a == ano }}>{{ a }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Mês</label>
                    <select name="mes" class="form-select">
                        {% for m in meses %}
                        <option value="{{ m }}" {{ 'selected' if m == mes }}>{{ '%02d' % m }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="bi bi-search"></i> Filtrar
                    </button>
                </div>
            </form>
        </div>
    </div>

    <!-- Estrutura de Diretórios -->
    <div class="card mb-4">
        <div class="card-header bg-light">
            <h5 class="mb-0">
                <i class="bi bi-folder2-open"></i> 
                Caminho: xml/{{ tipo_doc }}/{{ direcao }}/{{ ano }}/{{ '%02d' % mes }}/{{ status }}
            </h5>
        </div>
        <div class="card-body">
            {% if arquivos %}
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead class="table-light">
                        <tr>
                            <th>Nome do Arquivo</th>
                            <th>Chave de Acesso</th>
                            <th>Tamanho</th>
                            <th>Data Modificação</th>
                            <th width="150">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for arq in arquivos %}
                        <tr>
                            <td>
                                <i class="bi bi-file-earmark-code text-primary"></i>
                                {{ arq.nome }}
                            </td>
                            <td>
                                <code class="small">{{ arq.chave_acesso }}</code>
                            </td>
                            <td>{{ "%.1f"|format(arq.tamanho / 1024) }} KB</td>
                            <td>{{ arq.data_modificacao.strftime('%d/%m/%Y %H:%M') }}</td>
                            <td>
                                <div class="btn-group btn-group-sm">
                                    <a href="{{ url_for('fiscal_download_xml_storage', caminho=tipo_doc + '/' + direcao + '/' + ano|string + '/' + ('%02d' % mes) + '/' + status + '/' + arq.nome) }}" 
                                       class="btn btn-outline-primary" title="Download">
                                        <i class="bi bi-download"></i>
                                    </a>
                                    <button class="btn btn-outline-secondary" onclick="visualizarXml('{{ arq.caminho }}')" title="Visualizar">
                                        <i class="bi bi-eye"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            <div class="text-muted small">
                Total: {{ arquivos|length }} arquivo(s)
            </div>
            {% else %}
            <div class="text-center py-5 text-muted">
                <i class="bi bi-inbox" style="font-size: 3rem;"></i>
                <p class="mt-3">Nenhum XML encontrado neste diretório.</p>
            </div>
            {% endif %}
        </div>
    </div>

    <!-- Estatísticas -->
    <div class="row">
        <div class="col-md-3">
            <div class="card bg-primary text-white">
                <div class="card-body text-center">
                    <h3>{{ arquivos|length }}</h3>
                    <small>XMLs no filtro atual</small>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-success text-white">
                <div class="card-body text-center">
                    <h3><i class="bi bi-arrow-up-circle"></i></h3>
                    <small>Saída: Notas Emitidas</small>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-info text-white">
                <div class="card-body text-center">
                    <h3><i class="bi bi-arrow-down-circle"></i></h3>
                    <small>Entrada: Notas de Fornecedores</small>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-secondary text-white">
                <div class="card-body text-center">
                    <h3><i class="bi bi-calendar3"></i></h3>
                    <small>{{ '%02d/%d' % (mes, ano) }}</small>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal Visualizar XML -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="modalVisualizarXml" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Visualizar XML</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <pre id="conteudoXml" style="max-height: 500px; overflow: auto; background: #f8f9fa; padding: 15px; border-radius: 5px;"></pre>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
function migrarXmlsAntigos() {
    if (!confirm('Deseja migrar os XMLs do formato antigo para a nova estrutura organizada?')) {
        return;
    }
    
    fetch('/fiscal/migrar-xmls-antigos', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        }
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert(data.message);
            location.reload();
        } else {
            alert('Erro: ' + data.message);
        }
    })
    .catch(error => {
        alert('Erro na requisição: ' + error);
    });
}

function visualizarXml(caminho) {
    fetch('/fiscal/ler-xml?caminho=' + encodeURIComponent(caminho))
    .then(response => response.text())
    .then(data => {
        document.getElementById('conteudoXml').textContent = data;
        new bootstrap.Modal(document.getElementById('modalVisualizarXml')).show();
    })
    .catch(error => {
        alert('Erro ao ler XML: ' + error);
    });
}
</script>
{% endblock %}