{% extends "base.html" %}

{% block title %}Nota de Entrada #{{ nota.numero_nota }}{% endblock %}

{% block content %}
<div class="container-fluid mt-4">
    <div class="row">
        <div class="col-md-12">
            <h2><i class="bi bi-file-earmark-text"></i> Nota de Entrada #{{ nota.numero_nota }}/{{ nota.serie }}</h2>
            <p class="text-muted">Detalhes da nota fiscal de entrada e itens</p>
            <hr>
        </div>
    </div>

    <!-- Status e Ações -->
    <div class="row mb-3">
        <div class="col-md-8">
            {% if nota.finalizada %}
                <span class="badge bg-success fs-5"><i class="bi bi-lock-fill"></i> Fechada</span>
                {% if pendencias_recomendadas %}
                <span class="badge bg-warning text-dark fs-6 ms-2"><i class="bi bi-tools"></i> Ajustes cadastrais pendentes</span>
                {% endif %}
                {% if nota.data_reabertura %}
                <span class="badge bg-secondary fs-6 ms-2"><i class="bi bi-arrow-counterclockwise"></i> Reaberta anteriormente</span>
                {% endif %}
            {% else %}
                <span class="badge bg-warning text-dark fs-5"><i class="bi bi-pencil-fill"></i> Digitação</span>
                {% if nota.data_reabertura %}
                <span class="badge bg-info text-dark fs-6 ms-2" title="Esta nota foi reaberta para reprocessamento"><i class="bi bi-arrow-counterclockwise"></i> Reprocessamento</span>
                {% endif %}
            {% endif %}
            {% if status_geral and status_geral.titulo %}
            <span class="badge bg-{{ status_geral.badge or 'secondary' }} fs-6 ms-2">
                <i class="bi {{ status_geral.icone or 'bi-info-circle' }}"></i> {{ status_geral.titulo }}
            </span>
            {% endif %}
            {% if permite_ignorar_pendencias and not nota.finalizada %}
            <span class="badge bg-dark fs-6 ms-2"><i class="bi bi-unlock"></i> Pode finalizar com override</span>
            {% endif %}
            {% if override_pendencias_registrado %}
            <span class="badge bg-secondary fs-6 ms-2"><i class="bi bi-shield-check"></i> Override registrado</span>
            {% endif %}
        </div>
        <div class="col-md-4 text-end">
            {% if pendencias_bloqueantes or pendencias_ignoraveis or pendencias_recomendadas %}
            <a href="{{ url_for('estoque_entrada_revisar', nota_id=nota.id) }}" class="btn btn-warning fw-semibold">
                <i class="bi bi-pencil-square"></i>
                {% if pendencias_bloqueantes %}
                Editar Itens / Resolver Pendências
                {% elif pendencias_ignoraveis %}
                Revisar Itens / Conferir Override
                {% elif nota.finalizada %}
                Abrir Revisão da Entrada
                {% else %}
                Editar Itens / Revisar Ajustes
                {% endif %}
            </a>
            {% endif %}
            {% if not nota.finalizada %}
                <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#finalizarModal">
                    <i class="bi bi-lock-fill"></i> Fechar Nota
                </button>
            {% else %}
                <button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#reabrirModal">
                    <i class="bi bi-arrow-counterclockwise"></i> Reabrir Nota Fechada
                </button>
            {% endif %}
            <a href="{{ url_for('estoque_entradas_lista') }}" class="btn btn-secondary">
                <i class="bi bi-arrow-left"></i> Voltar
            </a>
        </div>
    </div>

    {% if pendencias_bloqueantes %}
    <div class="alert alert-warning">
        <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2 mb-2">
            <div>
                <h5 class="mb-1"><i class="bi bi-exclamation-triangle"></i> Pendências bloqueantes da entrada</h5>
                <p class="mb-0">Esses pontos precisam ser ajustados antes da finalização, pois afetam vínculo ERP, fiscal ou conversão de estoque.</p>
            </div>
            <div>
                <a href="{{ url_for('estoque_entrada_revisar', nota_id=nota.id) }}" class="btn btn-warning btn-sm fw-semibold">
                    <i class="bi bi-pencil-square"></i> Editar itens/cadastros
                </a>
            </div>
        </div>
        <ul class="mb-0">
            {% for pendencia in pendencias_bloqueantes %}
            <li>{{ pendencia.mensagem }}</li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}

    {% if permite_ignorar_pendencias and pendencias_ignoraveis %}
    <div class="alert alert-secondary border-warning">
        <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2 mb-2">
            <div>
                <h5 class="mb-1"><i class="bi bi-unlock"></i> Pendências que podem ser ignoradas</h5>
                <p class="mb-0">Para esta empresa/operação, você pode optar por concluir a entrada mesmo com estes alertas fiscais/cadastrais.</p>
            </div>
            <div>
                <button type="button" class="btn btn-outline-dark btn-sm fw-semibold" data-bs-toggle="modal" data-bs-target="#finalizarModal">
                    <i class="bi bi-check-circle"></i> Finalizar com override
                </button>
            </div>
        </div>
        <ul class="mb-0">
            {% for pendencia in pendencias_ignoraveis %}
            <li>{{ pendencia.mensagem }}</li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}

    {% if override_pendencias_registrado %}
    <div class="alert alert-dark">
        <h6 class="mb-2"><i class="bi bi-journal-check"></i> Autorização registrada para ignorar pendências</h6>
        <div class="small">
            {% if override_pendencias_usuario %}
            <div><strong>Autorizado por:</strong> {{ override_pendencias_usuario.nome or override_pendencias_usuario.username or ('Usuário #' ~ override_pendencias_usuario.id) }}</div>
            {% endif %}
            {% if override_pendencias_em %}
            <div><strong>Data/Hora:</strong> {{ override_pendencias_em.strftime('%d/%m/%Y %H:%M') }}</div>
            {% endif %}
            {% if override_pendencias_motivo %}
            <div><strong>Motivo:</strong> {{ override_pendencias_motivo }}</div>
            {% endif %}
        </div>
    </div>
    {% endif %}

    {% if pendencias_recomendadas %}
    <div class="alert alert-info">
        <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2 mb-2">
            <div>
                <h5 class="mb-1"><i class="bi bi-info-circle"></i> Ajustes recomendados de cadastro</h5>
                <p class="mb-0">
                    {% if nota.finalizada %}
                    A nota já foi concluída, mas estes ajustes ainda podem ser feitos para manter o cadastro e a parte fiscal mais consistentes.
                    {% else %}
                    Estes ajustes não impedem a navegação da tela, mas vale revisar para manter o cadastro redondo.
                    {% endif %}
                </p>
            </div>
            <div>
                <a href="{{ url_for('estoque_entrada_revisar', nota_id=nota.id) }}" class="btn btn-outline-info btn-sm fw-semibold">
                    <i class="bi bi-pencil-square"></i> Abrir revisão
                </a>
            </div>
        </div>
        <ul class="mb-0">
            {% for pendencia in pendencias_recomendadas %}
            <li>{{ pendencia.mensagem }}</li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}

    {% if resumo_custos and resumo_custos.itens %}
    <div class="card mb-3 border-primary">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0"><i class="bi bi-calculator"></i> Prévia de Custo da Entrada</h5>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-sm table-striped mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Item</th>
                            <th class="text-end">Base</th>
                            <th class="text-end">Rateios</th>
                            <th class="text-end">Desc.</th>
                            <th class="text-end">Custo Total</th>
                            <th class="text-center">Qtd Estoque</th>
                            <th class="text-end">Custo Unit. Estoque</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for custo in resumo_custos.itens %}
                        <tr>
                            <td>
                                {{ custo.descricao }}
                                {% if custo.fator_conversao and custo.fator_conversao > 1 %}
                                <br><small class="text-muted">Conversão: {{ custo.quantidade_documento|formatar_decimal_br(4) }} {{ custo.unidade_documento or '-' }} → {{ custo.quantidade_estoque|formatar_decimal_br(4) }} {{ custo.unidade_estoque or '-' }}</small>
                                {% endif %}
                            </td>
                            <td class="text-end">R$ {{ "%.2f"|format(custo.base_item) }}</td>
                            <td class="text-end">R$ {{ "%.2f"|format(custo.frete_rateado + custo.seguro_rateado + custo.outras_rateadas + custo.ipi_rateado) }}</td>
                            <td class="text-end text-danger">R$ {{ "%.2f"|format(custo.desconto_rateado) }}</td>
                            <td class="text-end"><strong>R$ {{ "%.2f"|format(custo.custo_total_item) }}</strong></td>
                            <td class="text-center">{{ custo.quantidade_estoque|formatar_decimal_br(4) }}</td>
                            <td class="text-end text-primary"><strong>R$ {{ custo.custo_unitario_estoque|formatar_decimal_br(4) }}</strong></td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-footer bg-light">
            <div class="row small">
                <div class="col-md-2"><strong>Base:</strong> R$ {{ "%.2f"|format(resumo_custos.totais.base_produtos) }}</div>
                <div class="col-md-2"><strong>Frete:</strong> R$ {{ "%.2f"|format(resumo_custos.totais.frete) }}</div>
                <div class="col-md-2"><strong>Seguro:</strong> R$ {{ "%.2f"|format(resumo_custos.totais.seguro) }}</div>
                <div class="col-md-2"><strong>Outras:</strong> R$ {{ "%.2f"|format(resumo_custos.totais.outras_despesas) }}</div>
                <div class="col-md-2"><strong>IPI:</strong> R$ {{ "%.2f"|format(resumo_custos.totais.ipi) }}</div>
                <div class="col-md-2"><strong>Desc.:</strong> R$ {{ "%.2f"|format(resumo_custos.totais.desconto) }}</div>
            </div>
            <div class="mt-2 text-end">
                <strong>Custo total estimado da entrada: R$ {{ "%.2f"|format(resumo_custos.totais.custo_total_nota) }}</strong>
            </div>
        </div>
    </div>
    {% endif %}

    <!-- Dados da Nota -->
    <div class="row">
        <div class="col-md-6">
            <div class="card mb-3">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0"><i class="bi bi-file-text"></i> Dados da Nota</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <tr>
                            <th width="40%">Número/Série:</th>
                            <td><strong>{{ nota.numero_nota }}/{{ nota.serie }}</strong></td>
                        </tr>
                        <tr>
                            <th>Chave de Acesso:</th>
                            <td><small>{{ nota.chave_acesso or 'N/A' }}</small></td>
                        </tr>
                        <tr>
                            <th>Data Emissão:</th>
                            <td>{{ nota.data_emissao.strftime('%d/%m/%Y %H:%M') }}</td>
                        </tr>
                        <tr>
                            <th>Data Entrada:</th>
                            <td>{{ nota.data_entrada.strftime('%d/%m/%Y %H:%M') if nota.data_entrada else 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Forma Pagamento:</th>
                            <td>{{ nota.forma_pagamento|default('N/A')|replace('_', ' ')|title }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card mb-3">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="bi bi-building"></i> Fornecedor</h5>
                </div>
                <div class="card-body">
                    {% set fornecedor = nota.get_fornecedor() %}
                    <h5>{{ nota.get_fornecedor_nome() }}</h5>
                    <p class="mb-1">
                        <strong>Documento:</strong> {{ (fornecedor.cnpj if fornecedor and fornecedor.cnpj is defined and fornecedor.cnpj else (fornecedor.cpf if fornecedor and fornecedor.cpf is defined and fornecedor.cpf else (fornecedor.cnpj_cpf if fornecedor and fornecedor.cnpj_cpf is defined else 'N/A'))) }}<br>
                        {% if fornecedor and fornecedor.telefone %}
                        <strong>Telefone:</strong> {{ fornecedor.telefone }}<br>
                        {% endif %}
                        {% if fornecedor and fornecedor.email %}
                        <strong>Email:</strong> {{ fornecedor.email }}<br>
                        {% endif %}
                        {% if fornecedor and fornecedor.cidade %}
                        <strong>Cidade:</strong> {{ fornecedor.cidade }}/{{ fornecedor.estado if fornecedor.estado is defined else fornecedor.uf }}
                        {% endif %}
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- Itens da Nota -->
    <div class="card mb-3">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0"><i class="bi bi-box-seam"></i> Itens da Nota ({{ nota.itens|length }})</h5>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Código</th>
                            <th>Descrição</th>
                            <th>NCM</th>
                            <th class="text-center">Qtd</th>
                            <th class="text-center">Un</th>
                            <th class="text-end">Valor Unit.</th>
                            <th class="text-end">Total</th>
                            <th class="text-center">Estoque</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for item in nota.itens %}
                        <tr>
                            <td><code>{{ item.codigo_produto }}</code></td>
                            <td>
                                {{ item.descricao }}
                                {% if item.produto %}
                                <br><small class="text-muted">
                                    <i class="bi bi-check-circle text-success"></i> Vinculado ao produto ID {{ item.produto.id }}
                                </small>
                                {% else %}
                                <br><small class="text-danger">
                                    <i class="bi bi-x-circle"></i> Produto não encontrado
                                </small>
                                {% endif %}
                            </td>
                            <td><small>{{ item.ncm }}</small></td>
                            <td class="text-center"><strong>{{ "%.2f"|format(item.quantidade) }}</strong></td>
                            <td class="text-center">{{ item.unidade }}</td>
                            <td class="text-end">R$ {{ "%.2f"|format(item.valor_unitario) }}</td>
                            <td class="text-end"><strong>R$ {{ "%.2f"|format(item.valor_total) }}</strong></td>
                            <td class="text-center">
                                {% if item.estoque_atualizado %}
                                <span class="badge bg-success"><i class="bi bi-check"></i> Atualizado</span>
                                {% else %}
                                <span class="badge bg-warning"><i class="bi bi-clock"></i> Pendente</span>
                                {% endif %}
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Totais -->
    <div class="row">
        <div class="col-md-8"></div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-header bg-dark text-white">
                    <h6 class="mb-0">Totais da Nota</h6>
                </div>
                <div class="card-body">
                    <table class="table table-sm mb-0">
                        <tr>
                            <th>Produtos:</th>
                            <td class="text-end">R$ {{ "%.2f"|format(nota.valor_produtos) }}</td>
                        </tr>
                        {% if nota.valor_frete > 0 %}
                        <tr>
                            <th>Frete:</th>
                            <td class="text-end">R$ {{ "%.2f"|format(nota.valor_frete) }}</td>
                        </tr>
                        {% endif %}
                        {% if nota.valor_desconto > 0 %}
                        <tr>
                            <th>Desconto:</th>
                            <td class="text-end text-danger">- R$ {{ "%.2f"|format(nota.valor_desconto) }}</td>
                        </tr>
                        {% endif %}
                        <tr class="table-success">
                            <th><strong>TOTAL:</strong></th>
                            <td class="text-end"><strong>R$ {{ "%.2f"|format(nota.valor_total) }}</strong></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Observações -->
    {% if nota.observacoes %}
    <div class="card mt-3">
        <div class="card-header">
            <h6 class="mb-0"><i class="bi bi-chat-text"></i> Observações</h6>
        </div>
        <div class="card-body">
            {{ nota.observacoes }}
        </div>
    </div>
    {% endif %}
</div>

<!-- Modal Finalizar -->
<div class="modal fade cape-modal-standard" id="finalizarModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title"><i class="bi bi-check-circle"></i> Finalizar Entrada</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form method="POST" action="{{ url_for('estoque_nota_entrada_finalizar', nota_id=nota.id) }}">
                <div class="modal-body">
                    <div class="alert alert-warning">
                        <h6><i class="bi bi-exclamation-triangle"></i> Atenção!</h6>
                        <p class="mb-0">Ao finalizar esta entrada:</p>
                        <ul class="mb-0">
                            <li>O estoque de todos os produtos será <strong>atualizado</strong></li>
                            <li>Contas a pagar serão <strong>geradas automaticamente</strong></li>
                            <li>Esta ação <strong>não poderá ser desfeita</strong></li>
                        </ul>
                    </div>

                    {% if possui_pendencias_bloqueantes %}
                    <div class="alert alert-danger">
                        <strong>Finalização bloqueada.</strong> Resolva as pendências na tela de revisão antes de continuar.
                    </div>
                    {% endif %}

                    {% if permite_ignorar_pendencias %}
                    <div class="alert alert-warning">
                        <strong>Atenção:</strong> existem pendências fiscais/cadastrais ignoráveis para esta operação. Se realmente deseja seguir, confirme abaixo e o ERP permitirá o fechamento desta nota.
                    </div>
                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" value="1" id="ignorarPendencias" name="ignorar_pendencias" {% if not override_pendencias_registrado %}required{% else %}checked{% endif %}>
                        <label class="form-check-label" for="ignorarPendencias">
                            Estou ciente e desejo <strong>ignorar estas pendências</strong> para finalizar a nota mesmo assim.
                        </label>
                        <div class="form-text">Use esta opção apenas quando os alertas forem irrelevantes para a operação desta empresa.</div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Motivo da autorização *</label>
                        <textarea class="form-control" name="ignorar_pendencias_motivo" rows="3" {% if not override_pendencias_registrado %}required{% endif %} placeholder="Explique por que estas pendências podem ser ignoradas nesta empresa/operação.">{{ override_pendencias_motivo or '' }}</textarea>
                        <div class="form-text">Esse motivo fica salvo na nota para auditoria futura.</div>
                    </div>
                    {% endif %}

                    {% if nota.forma_pagamento == 'a_prazo' %}
                    <div class="mb-3">
                        <label class="form-label">Número de Parcelas</label>
                        <select class="form-select" name="parcelas">
                            <option value="1">1x de R$ {{ "%.2f"|format(nota.valor_total) }}</option>
                            <option value="2">2x de R$ {{ "%.2f"|format(nota.valor_total / 2) }}</option>
                            <option value="3" selected>3x de R$ {{ "%.2f"|format(nota.valor_total / 3) }}</option>
                            <option value="4">4x de R$ {{ "%.2f"|format(nota.valor_total / 4) }}</option>
                            <option value="6">6x de R$ {{ "%.2f"|format(nota.valor_total / 6) }}</option>
                        </select>
                        <small class="text-muted">Vencimentos: 30, 60, 90 dias...</small>
                    </div>
                    {% endif %}

                    {% if nota.forma_pagamento == 'a_prazo' or nota.condicao_pagamento %}
                    <div class="row g-3 mb-3">
                        <div class="col-md-4">
                            <label class="form-label">Categoria financeira</label>
                            <select class="form-select" name="categoria_id">
                                <option value="">Sem categoria</option>
                                {% for categoria in categorias %}
                                <option value="{{ categoria.id }}">{{ categoria.nome }}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Plano de Contas *</label>
                            <select class="form-select" name="plano_contas_id" required>
                                <option value="">Selecione...</option>
                                {% for plano in planos_contas %}
                                <option value="{{ plano.id }}">{{ plano.codigo }} - {{ plano.nome }}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Centro de Custo *</label>
                            <select class="form-select" name="centro_custo_id" required>
                                <option value="">Selecione...</option>
                                {% for centro in centros_custo %}
                                <option value="{{ centro.id }}">{% if centro.codigo %}{{ centro.codigo }} - {% endif %}{{ centro.nome }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>
                    {% endif %}

                    <p class="mb-0"><strong>Deseja continuar?</strong></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-success" {% if possui_pendencias_bloqueantes %}disabled{% endif %}>
                        <i class="bi bi-check-circle"></i> Sim, Finalizar
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Reabrir Nota Fechada -->
<div class="modal fade cape-modal-standard" id="reabrirModal" tabindex="-1" aria-labelledby="reabrirModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title" id="reabrirModalLabel"><i class="bi bi-arrow-counterclockwise"></i> Reabrir Nota Fechada</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Fechar"></button>
            </div>
            <form method="POST" action="{{ url_for('estoque_nota_entrada_reabrir', nota_id=nota.id) }}">
                <div class="modal-body">
                    <div class="alert alert-danger">
                        <strong><i class="bi bi-exclamation-triangle-fill"></i> Atenção — operação irreversível automática:</strong>
                        <ul class="mt-2 mb-0">
                            <li>O <strong>estoque de todos os itens lançados será extornado</strong>, mesmo que o saldo fique negativo.</li>
                            <li>Todas as <strong>contas a pagar sem pagamento confirmado</strong> serão excluídas.</li>
                            <li>A nota voltará para o status <strong>"Digitação"</strong> e poderá ser editada e re-fechada.</li>
                            <li>Contas a pagar com pagamento já confirmado <strong>serão mantidas</strong> e precisarão de tratamento manual.</li>
                        </ul>
                    </div>
                    <div class="mb-3">
                        <label for="motivo_reabertura" class="form-label fw-semibold">
                            <i class="bi bi-chat-text"></i> Motivo da reabertura <span class="text-danger">*</span>
                        </label>
                        <textarea class="form-control" id="motivo_reabertura" name="motivo_reabertura" rows="3"
                            placeholder="Descreva o motivo pelo qual esta nota precisa ser reprocessada..."
                            required minlength="10"></textarea>
                        <div class="form-text">Mínimo 10 caracteres. Este registro ficará no histórico de auditoria.</div>
                    </div>
                    <p class="mb-0 fw-semibold">Tem certeza que deseja reabrir a nota <strong>#{{ nota.numero_nota }}/{{ nota.serie }}</strong>?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-danger">
                        <i class="bi bi-arrow-counterclockwise"></i> Confirmar Reabertura
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}