{% extends 'base.html' %}
{% import 'macros/empresa.html' as empresa_ui %}
{% block title %}Manifestos Enviados{% endblock %}

{% block content %}
<div class="container-fluid">
    <!-- Cabeçalho -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-1"><i class="fas fa-file-signature me-2"></i>Manifestos do Destinatário</h1>
            <p class="text-muted mb-0">Histórico de manifestações enviadas à SEFAZ</p>
        </div>
        <div>
            <a href="{{ url_for('fiscal_dfe_recebidos') }}" class="btn btn-outline-primary">
                <i class="fas fa-inbox me-1"></i> DF-e Recebidos
            </a>
        </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">Empresa</label>
                    <select name="empresa_id" class="form-select form-select-sm">
                        <option value="">Todas</option>
                        {% for empresa in empresas %}
                        <option value="{{ empresa.id }}" {% if filtros.empresa_id == empresa.id %}selected{% endif %}>
                            {{ empresa_ui.nome_truncado(empresa, 30) }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Tipo Evento</label>
                    <select name="tipo_evento" class="form-select form-select-sm">
                        <option value="">Todos</option>
                        <option value="210210" {% if filtros.tipo_evento == '210210' %}selected{% endif %}>Ciência</option>
                        <option value="210200" {% if filtros.tipo_evento == '210200' %}selected{% endif %}>Confirmação</option>
                        <option value="210220" {% if filtros.tipo_evento == '210220' %}selected{% endif %}>Desconhecimento</option>
                        <option value="210240" {% if filtros.tipo_evento == '210240' %}selected{% endif %}>Não Realizada</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-select form-select-sm">
                        <option value="">Todos</option>
                        <option value="AUTORIZADO" {% if filtros.status == 'AUTORIZADO' %}selected{% endif %}>Autorizado</option>
                        <option value="ERRO" {% if filtros.status == 'ERRO' %}selected{% endif %}>Erro</option>
                        <option value="PENDENTE" {% if filtros.status == 'PENDENTE' %}selected{% endif %}>Pendente</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Data Início</label>
                    <input type="date" name="data_inicio" class="form-control form-control-sm" 
                           value="{{ filtros.data_inicio }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Data Fim</label>
                    <input type="date" name="data_fim" class="form-control form-control-sm"
                           value="{{ filtros.data_fim }}">
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary btn-sm me-2">
                        <i class="fas fa-filter"></i> Filtrar
                    </button>
                    <a href="{{ url_for('fiscal_manifestos_lista') }}" class="btn btn-outline-secondary btn-sm">
                        <i class="fas fa-times"></i> Limpar
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Lista de Manifestos -->
    <div class="card">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead class="table-light">
                        <tr>
                            <th width="130">Data Evento</th>
                            <th>Chave NF-e</th>
                            <th width="150">Tipo Evento</th>
                            <th width="100">Status</th>
                            <th width="150">Protocolo</th>
                            <th>Retorno</th>
                            <th width="80">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% if manifestos.items %}
                            {% for m in manifestos.items %}
                            <tr>
                                <td>{{ m.data_evento.strftime('%d/%m/%Y %H:%M') if m.data_evento else '-' }}</td>
                                <td>
                                    <small class="font-monospace">{{ m.chave_nfe[:22] }}<br>{{ m.chave_nfe[22:] }}</small>
                                </td>
                                <td>
                                    {% if m.tipo_evento == '210210' %}
                                        <span class="badge bg-info">Ciência</span>
                                    {% elif m.tipo_evento == '210200' %}
                                        <span class="badge bg-success">Confirmação</span>
                                    {% elif m.tipo_evento == '210220' %}
                                        <span class="badge bg-danger">Desconhecimento</span>
                                    {% elif m.tipo_evento == '210240' %}
                                        <span class="badge bg-secondary">Não Realizada</span>
                                    {% else %}
                                        <span class="badge bg-light text-dark">{{ m.tipo_evento }}</span>
                                    {% endif %}
                                    <br><small>{{ m.descricao_evento or '' }}</small>
                                </td>
                                <td>
                                    {% if m.status == 'AUTORIZADO' %}
                                        <span class="badge bg-success">Autorizado</span>
                                    {% elif m.status == 'ERRO' %}
                                        <span class="badge bg-danger">Erro</span>
                                    {% else %}
                                        <span class="badge bg-warning text-dark">{{ m.status }}</span>
                                    {% endif %}
                                </td>
                                <td>
                                    <small class="font-monospace">{{ m.protocolo or '-' }}</small>
                                </td>
                                <td>
                                    {% if m.motivo_retorno %}
                                    <small>
                                        <span class="badge bg-light text-dark">{{ m.codigo_retorno }}</span>
                                        {{ m.motivo_retorno[:50] }}{{ '...' if m.motivo_retorno|length > 50 else '' }}
                                    </small>
                                    {% else %}
                                    -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if m.dfe_recebido_id %}
                                    <a href="{{ url_for('fiscal_dfe_visualizar', dfe_id=m.dfe_recebido_id) }}" 
                                       class="btn btn-sm btn-outline-primary" title="Ver DF-e">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                    {% endif %}
                                </td>
                            </tr>
                            {% if m.justificativa %}
                            <tr class="table-light">
                                <td></td>
                                <td colspan="6">
                                    <small><strong>Justificativa:</strong> {{ m.justificativa }}</small>
                                </td>
                            </tr>
                            {% endif %}
                            {% endfor %}
                        {% else %}
                            <tr>
                                <td colspan="7" class="text-center py-5">
                                    <i class="fas fa-file-signature fa-3x text-muted mb-3"></i>
                                    <p class="text-muted mb-0">Nenhum manifesto encontrado</p>
                                </td>
                            </tr>
                        {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
        
        <!-- Paginação -->
        {% if manifestos.pages > 1 %}
        <div class="card-footer">
            <nav aria-label="Navegação">
                <ul class="pagination pagination-sm justify-content-center mb-0">
                    {% if manifestos.has_prev %}
                    <li class="page-item">
                        <a class="page-link" href="{{ url_for('fiscal_manifestos_lista', page=manifestos.prev_num, **filtros) }}">
                            <i class="fas fa-chevron-left"></i>
                        </a>
                    </li>
                    {% endif %}
                    
                    {% for p in manifestos.iter_pages() %}
                        {% if p %}
                            <li class="page-item {{ 'active' if p == manifestos.page else '' }}">
                                <a class="page-link" href="{{ url_for('fiscal_manifestos_lista', page=p, **filtros) }}">{{ p }}</a>
                            </li>
                        {% else %}
                            <li class="page-item disabled"><span class="page-link">...</span></li>
                        {% endif %}
                    {% endfor %}
                    
                    {% if manifestos.has_next %}
                    <li class="page-item">
                        <a class="page-link" href="{{ url_for('fiscal_manifestos_lista', page=manifestos.next_num, **filtros) }}">
                            <i class="fas fa-chevron-right"></i>
                        </a>
                    </li>
                    {% endif %}
                </ul>
            </nav>
        </div>
        {% endif %}
    </div>

    <!-- Legenda -->
    <div class="card mt-4">
        <div class="card-body">
            <h6 class="card-title"><i class="fas fa-info-circle me-1"></i>Tipos de Manifestação</h6>
            <div class="row">
                <div class="col-md-3">
                    <span class="badge bg-info">210210 - Ciência</span>
                    <p class="small text-muted mb-0">Confirma que tomou conhecimento da operação. Não confirma a realização.</p>
                </div>
                <div class="col-md-3">
                    <span class="badge bg-success">210200 - Confirmação</span>
                    <p class="small text-muted mb-0">Confirma que a operação foi realizada e as mercadorias/serviços foram recebidos.</p>
                </div>
                <div class="col-md-3">
                    <span class="badge bg-danger">210220 - Desconhecimento</span>
                    <p class="small text-muted mb-0">Informa que desconhece a operação. O emitente pode cancelar a NF-e.</p>
                </div>
                <div class="col-md-3">
                    <span class="badge bg-secondary">210240 - Não Realizada</span>
                    <p class="small text-muted mb-0">Informa que a operação não foi realizada (mercadoria não recebida, serviço não prestado).</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}