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

{% block title %}Relatório CFOP - CapeSystem{% endblock %}

{% block content %}
<div class="mb-4">
    <h1><i class="bi bi-diagram-3"></i> Relatório de CFOP</h1>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST">
            <div class="row">
                <div class="col-md-3 mb-3">
                    <label class="form-label">Empresa *</label>
                    <select class="form-select" name="empresa_id" required>
                        <option value="">Selecione...</option>
                        {% for empresa in empresas %}
                            <option value="{{ empresa.id }}" {% if empresa_id_selecionada == empresa.id %}selected{% endif %}>{{ empresa_ui.nome(empresa) }}</option>
                        {% endfor %}
                    </select>
                </div>
                
                <div class="col-md-2 mb-3">
                    <label class="form-label">Data Início *</label>
                    <input type="date" class="form-control" name="data_inicio" required>
                </div>
                
                <div class="col-md-2 mb-3">
                    <label class="form-label">Data Fim *</label>
                    <input type="date" class="form-control" name="data_fim" required>
                </div>
                
                <div class="col-md-2 mb-3">
                    <label class="form-label">Tipo Documento</label>
                    <select class="form-select" name="tipo_doc">
                        <option value="">Todos</option>
                        <option value="55">NF-e (Modelo 55)</option>
                        <option value="65">NFC-e (Modelo 65)</option>
                    </select>
                </div>
                
                <div class="col-md-2 mb-3">
                    <label class="form-label">Status</label>
                    <select class="form-select" name="status">
                        <option value="">Todos</option>
                        <option value="autorizada" selected>Autorizada</option>
                        <option value="contingencia">Contingência</option>
                        <option value="cancelada">Cancelada</option>
                        <option value="denegada">Denegada</option>
                        <option value="pronta_para_envio">Pronta para Envio</option>
                        <option value="em_digitacao">Em Digitação</option>
                    </select>
                </div>
                
                <div class="col-md-1 mb-3">
                    <label class="form-label d-block">&nbsp;</label>
                    <div class="form-check mt-2">
                        <input type="checkbox" class="form-check-input" name="detalhado" id="detalhado">
                        <label class="form-check-label" for="detalhado">
                            Detalhado
                        </label>
                    </div>
                </div>
            </div>
            
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-file-earmark-arrow-up"></i> Gerar Relatório
            </button>
            <a href="{{ url_for('fiscal_relatorios') }}" class="btn btn-secondary">
                <i class="bi bi-arrow-left"></i> Voltar
            </a>
        </form>
    </div>
</div>
{% endblock %}