{% extends "base.html" %}

{% block title %}Nota Complementar - Selecione a Nota{% endblock %}

{% block content %}
{% set nota_complementar_disponivel = has_endpoint('fiscal_nota_complementar') %}
<div class="container-fluid mt-4">
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <div>
                    <h3><i class="bi bi-plus-square text-success"></i> Nota Fiscal Complementar</h3>
                    <p class="text-muted mb-0">Selecione uma NF-e autorizada para emitir Nota Complementar</p>
                </div>
                <a href="{{ url_for('fiscal_notas', tipo='NFE') }}" class="btn btn-secondary">
                    <i class="bi bi-arrow-left"></i> Voltar
                </a>
            </div>

            <div class="card">
                <div class="card-header bg-primary text-white">
                    <i class="bi bi-list"></i> Notas Fiscais Autorizadas (Últimas 100)
                </div>
                <div class="card-body">
                    {% if notas %}
                    <div class="table-responsive">
                        <table class="table table-hover table-striped">
                            <thead class="table-light">
                                <tr>
                                    <th>Número/Série</th>
                                    <th>Emissão</th>
                                    <th>Cliente</th>
                                    <th>Valor Total</th>
                                    <th>Chave (últimos 8)</th>
                                    <th>Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for nota in notas %}
                                <tr>
                                    <td><strong>{{ nota.numero }}/{{ nota.serie }}</strong></td>
                                    <td>{{ nota.data_emissao.strftime('%d/%m/%Y') if nota.data_emissao else '-' }}</td>
                                    <td>{{ nota.pessoa.nome[:30] if nota.pessoa else 'N/A' }}</td>
                                    <td>R$ {{ "%.2f"|format(nota.valor_total or 0) }}</td>
                                    <td><code>{{ nota.chave_acesso[-8:] if nota.chave_acesso else '-' }}</code></td>
                                    <td>
                                        {% if nota_complementar_disponivel %}
                                        <a href="{{ safe_url_for('fiscal_nota_complementar', fallback='#', nota_id=nota.id) }}" 
                                           class="btn btn-sm btn-success">
                                            <i class="bi bi-plus-square"></i> Complementar
                                        </a>
                                        {% else %}
                                        <button type="button"
                                                class="btn btn-sm btn-outline-secondary"
                                                title="Emissão de nota complementar indisponível neste runtime"
                                                disabled>
                                            <i class="bi bi-plus-square"></i> Indisponível
                                        </button>
                                        {% endif %}
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% if not nota_complementar_disponivel %}
                    <div class="alert alert-warning mt-3 mb-0">
                        <i class="bi bi-exclamation-triangle"></i>
                        A emissão de nota complementar está indisponível neste runtime.
                    </div>
                    {% endif %}
                    {% else %}
                    <div class="alert alert-info">
                        <i class="bi bi-info-circle"></i> Nenhuma nota fiscal autorizada encontrada.
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}