{% extends "base.html" %}

{% block title %}Devolução de Nota ao Fornecedor{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col">
            <h2><i class="fas fa-undo-alt me-2"></i>Devolução de Nota ao Fornecedor</h2>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url_for('index') }}">Início</a></li>
                    <li class="breadcrumb-item"><a href="{{ url_for('fiscal_notas') }}">Fiscal</a></li>
                    <li class="breadcrumb-item active">Devolução</li>
                </ol>
            </nav>
        </div>
    </div>

    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            {% endfor %}
        {% endif %}
    {% endwith %}

    <!-- Seleção de Nota de Entrada -->
    <div class="card mb-4">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0"><i class="fas fa-file-invoice me-2"></i>Selecionar Nota de Entrada para Devolução</h5>
        </div>
        <div class="card-body">
            <form method="GET" class="row g-3 align-items-end">
                <div class="col-md-3">
                    <label class="form-label">Fornecedor</label>
                    <select name="fornecedor_id" class="form-select" id="selectFornecedor">
                        <option value="">Todos os fornecedores</option>
                        {% for forn in fornecedores %}
                        <option value="{{ forn.id }}" {{ 'selected' if request.args.get('fornecedor_id')|int == forn.id }}>
                            {{ forn.razao_social[:40] }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Nº Nota</label>
                    <input type="text" name="numero_nota" class="form-control" 
                           value="{{ request.args.get('numero_nota', '') }}" placeholder="Número...">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Data Início</label>
                    <input type="date" name="data_inicio" class="form-control" 
                           value="{{ request.args.get('data_inicio', '') }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Data Fim</label>
                    <input type="date" name="data_fim" class="form-control" 
                           value="{{ request.args.get('data_fim', '') }}">
                </div>
                <div class="col-md-3">
                    <button type="submit" class="btn btn-primary me-2">
                        <i class="fas fa-search"></i> Buscar Notas
                    </button>
                    <a href="{{ url_for('fiscal_devolucao') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-eraser"></i> Limpar
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Lista de Notas de Entrada Disponíveis -->
    <div class="card mb-4">
        <div class="card-header">
            <h5 class="mb-0"><i class="fas fa-list me-2"></i>Notas de Entrada Disponíveis para Devolução</h5>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-striped table-hover mb-0">
                    <thead class="table-dark">
                        <tr>
                            <th width="50"></th>
                            <th width="100">Número</th>
                            <th width="80">Série</th>
                            <th>Fornecedor</th>
                            <th width="100">Data</th>
                            <th width="100" class="text-end">Valor</th>
                            <th width="120">Chave de Acesso</th>
                            <th width="100" class="text-center">Status Dev.</th>
                            <th width="100" class="text-center">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for nota in notas_entrada %}
                        <tr>
                            <td>
                                <input type="radio" name="nota_entrada_id" value="{{ nota.id }}" 
                                       class="form-check-input" id="nota_{{ nota.id }}"
                                       onchange="selecionarNota({{ nota.id }})">
                            </td>
                            <td>
                                <label for="nota_{{ nota.id }}" style="cursor: pointer;">
                                    <strong>{{ nota.numero_nota }}</strong>
                                </label>
                            </td>
                            <td>{{ nota.serie or '1' }}</td>
                            <td>
                                <label for="nota_{{ nota.id }}" style="cursor: pointer;">
                                    {{ nota.fornecedor.razao_social[:40] if nota.fornecedor else '-' }}
                                </label>
                            </td>
                            <td>{{ nota.data_emissao.strftime('%d/%m/%Y') if nota.data_emissao else '-' }}</td>
                            <td class="text-end">R$ {{ "%.2f"|format(nota.valor_total or 0) }}</td>
                            <td>
                                <small class="text-muted" title="{{ nota.chave_acesso }}">
                                    {{ (nota.chave_acesso[:20] + '...') if nota.chave_acesso else '-' }}
                                </small>
                            </td>
                            <td class="text-center">
                                {% if nota.devolucoes|length > 0 %}
                                    {% set total_dev = nota.devolucoes|sum(attribute='valor_total') %}
                                    {% if total_dev >= nota.valor_total %}
                                        <span class="badge bg-success">Total</span>
                                    {% else %}
                                        <span class="badge bg-warning text-dark">Parcial</span>
                                    {% endif %}
                                {% else %}
                                    <span class="badge bg-secondary">Não devolvida</span>
                                {% endif %}
                            </td>
                            <td class="text-center">
                                <button type="button" class="btn btn-sm btn-primary" 
                                        onclick="iniciarDevolucao({{ nota.id }})"
                                        title="Iniciar Devolução">
                                    <i class="fas fa-undo-alt"></i>
                                </button>
                                <button type="button" class="btn btn-sm btn-outline-info" 
                                        onclick="visualizarNota({{ nota.id }})"
                                        title="Visualizar Detalhes">
                                    <i class="fas fa-eye"></i>
                                </button>
                            </td>
                        </tr>
                        {% else %}
                        <tr>
                            <td colspan="9" class="text-center py-4 text-muted">
                                <i class="fas fa-inbox fa-3x mb-3 d-block"></i>
                                Nenhuma nota de entrada encontrada. 
                                <a href="{{ url_for('estoque_entradas_lista') }}">Cadastre notas de entrada</a> para fazer devoluções.
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Lista de Devoluções Já Realizadas -->
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0"><i class="fas fa-history me-2"></i>Devoluções Realizadas</h5>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-striped table-hover mb-0">
                    <thead class="table-secondary">
                        <tr>
                            <th width="60">Nº Dev.</th>
                            <th width="100">Nota Orig.</th>
                            <th>Fornecedor</th>
                            <th width="100">Data Dev.</th>
                            <th width="80">Tipo</th>
                            <th width="100" class="text-end">Valor</th>
                            <th width="100">Status</th>
                            <th width="120" class="text-center">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for dev in devolucoes %}
                        <tr>
                            <td><strong>{{ dev.numero or dev.id }}</strong></td>
                            <td>{{ dev.nota_entrada.numero_nota if dev.nota_entrada else '-' }}</td>
                            <td>{{ dev.fornecedor.razao_social[:40] if dev.fornecedor else '-' }}</td>
                            <td>{{ dev.data_devolucao.strftime('%d/%m/%Y') if dev.data_devolucao else '-' }}</td>
                            <td>
                                {% if dev.tipo_devolucao == 'total' %}
                                    <span class="badge bg-primary">Total</span>
                                {% else %}
                                    <span class="badge bg-info">Parcial</span>
                                {% endif %}
                            </td>
                            <td class="text-end">R$ {{ "%.2f"|format(dev.valor_total or 0) }}</td>
                            <td>
                                {% if dev.status == 'autorizada' %}
                                    <span class="badge bg-success">Autorizada</span>
                                {% elif dev.status == 'transmitida' %}
                                    <span class="badge bg-info">Transmitida</span>
                                {% elif dev.status == 'pronta_para_envio' %}
                                    <span class="badge bg-warning text-dark">Pronta</span>
                                {% elif dev.status == 'rejeitada' %}
                                    <span class="badge bg-danger">Rejeitada</span>
                                {% else %}
                                    <span class="badge bg-secondary">{{ dev.status|title }}</span>
                                {% endif %}
                            </td>
                            <td class="text-center">
                                <a href="{{ url_for('fiscal_devolucao_editar', devolucao_id=dev.id) }}" 
                                   class="btn btn-sm btn-outline-primary" title="Editar">
                                    <i class="fas fa-edit"></i>
                                </a>
                                {% if dev.status in ['rascunho', 'pronta_para_envio'] %}
                                <button type="button" class="btn btn-sm btn-outline-success" 
                                        onclick="transmitirDevolucao({{ dev.id }})" title="Transmitir NF-e">
                                    <i class="fas fa-paper-plane"></i>
                                </button>
                                {% endif %}
                                {% if dev.status == 'autorizada' %}
                                <a href="{{ url_for('fiscal_download_xml', nota_id=dev.nota_fiscal_id) }}" 
                                   class="btn btn-sm btn-outline-info" title="Download XML">
                                    <i class="fas fa-file-code"></i>
                                </a>
                                {% endif %}
                                {% if dev.status == 'rascunho' %}
                                <button type="button" class="btn btn-sm btn-outline-danger" 
                                        onclick="excluirDevolucao({{ dev.id }})" title="Excluir">
                                    <i class="fas fa-trash"></i>
                                </button>
                                {% endif %}
                            </td>
                        </tr>
                        {% else %}
                        <tr>
                            <td colspan="8" class="text-center py-3 text-muted">
                                Nenhuma devolução realizada ainda.
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Modal Iniciar Devolução -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="modalDevolucao" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <form id="formDevolucao" method="POST" action="{{ url_for('fiscal_devolucao_criar') }}">
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title">
                        <i class="fas fa-undo-alt me-2"></i>Nova Devolução de Nota
                    </h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="nota_entrada_id" id="nota_entrada_id">
                    
                    <!-- Dados da Nota de Origem -->
                    <div class="card mb-4">
                        <div class="card-header bg-light">
                            <strong><i class="fas fa-file-invoice me-2"></i>Dados da Nota de Entrada (Origem)</strong>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-2">
                                    <label class="form-label text-muted">Número</label>
                                    <p class="fw-bold mb-0" id="infoNumero">-</p>
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label text-muted">Série</label>
                                    <p class="fw-bold mb-0" id="infoSerie">-</p>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label text-muted">Fornecedor</label>
                                    <p class="fw-bold mb-0" id="infoFornecedor">-</p>
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label text-muted">Data Emissão</label>
                                    <p class="fw-bold mb-0" id="infoData">-</p>
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label text-muted">Valor Total</label>
                                    <p class="fw-bold mb-0 text-primary" id="infoValor">-</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Configurações da Devolução -->
                    <div class="row g-3 mb-4">
                        <div class="col-md-3">
                            <label class="form-label">Tipo de Devolução *</label>
                            <select name="tipo_devolucao" id="tipo_devolucao" class="form-select" required>
                                <option value="total">Devolução Total</option>
                                <option value="parcial">Devolução Parcial</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">CFOP de Devolução *</label>
                            <select name="cfop" id="cfop_devolucao" class="form-select" required>
                                <option value="">Selecione...</option>
                                {% for cfop in cfops_devolucao %}
                                <option value="{{ cfop.codigo }}">{{ cfop.codigo }} - {{ cfop.descricao_resumida or cfop.descricao[:40] }}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Natureza da Operação *</label>
                            <input type="text" name="natureza_operacao" id="natureza_operacao" 
                                   class="form-control" required maxlength="60"
                                   value="Devolução de mercadoria">
                        </div>
                        <div class="col-12">
                            <label class="form-label">Motivo da Devolução</label>
                            <textarea name="motivo_devolucao" id="motivo_devolucao" class="form-control" 
                                      rows="2" placeholder="Descreva o motivo da devolução..."></textarea>
                        </div>
                    </div>

                    <!-- Itens para Devolução -->
                    <div class="card">
                        <div class="card-header bg-light d-flex justify-content-between align-items-center">
                            <strong><i class="fas fa-boxes me-2"></i>Itens para Devolução</strong>
                            <div>
                                <button type="button" class="btn btn-sm btn-outline-primary" onclick="selecionarTodos()">
                                    <i class="fas fa-check-square"></i> Selecionar Todos
                                </button>
                                <button type="button" class="btn btn-sm btn-outline-secondary" onclick="limparSelecao()">
                                    <i class="fas fa-square"></i> Limpar
                                </button>
                            </div>
                        </div>
                        <div class="card-body p-0">
                            <div class="table-responsive">
                                <table class="table table-sm table-hover mb-0" id="tabelaItens">
                                    <thead class="table-secondary">
                                        <tr>
                                            <th width="40"><input type="checkbox" id="checkTodos" onchange="toggleTodos(this)"></th>
                                            <th width="60">Item</th>
                                            <th>Produto</th>
                                            <th width="80">NCM</th>
                                            <th width="80">CFOP</th>
                                            <th width="80" class="text-center">Qtd. Orig.</th>
                                            <th width="100" class="text-center">Qtd. Devolver</th>
                                            <th width="100" class="text-end">Vlr. Unit.</th>
                                            <th width="100" class="text-end">Vlr. Total</th>
                                            <th width="80" class="text-end">ICMS</th>
                                        </tr>
                                    </thead>
                                    <tbody id="corpoItens">
                                        <!-- Preenchido via JavaScript -->
                                    </tbody>
                                    <tfoot class="table-dark">
                                        <tr>
                                            <td colspan="8" class="text-end"><strong>Total da Devolução:</strong></td>
                                            <td class="text-end"><strong id="totalDevolucao">R$ 0,00</strong></td>
                                            <td class="text-end"><strong id="totalIcms">R$ 0,00</strong></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>

                    <!-- Resumo de Impostos -->
                    <div class="card mt-4">
                        <div class="card-header bg-light">
                            <strong><i class="fas fa-calculator me-2"></i>Resumo de Impostos (Espelho da Nota de Entrada)</strong>
                        </div>
                        <div class="card-body">
                            <div class="row text-center">
                                <div class="col-md-2">
                                    <label class="form-label text-muted">Base ICMS</label>
                                    <p class="fw-bold mb-0" id="resumoBaseIcms">R$ 0,00</p>
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label text-muted">Valor ICMS</label>
                                    <p class="fw-bold mb-0 text-primary" id="resumoIcms">R$ 0,00</p>
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label text-muted">Valor IPI</label>
                                    <p class="fw-bold mb-0" id="resumoIpi">R$ 0,00</p>
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label text-muted">Valor PIS</label>
                                    <p class="fw-bold mb-0" id="resumoPis">R$ 0,00</p>
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label text-muted">Valor COFINS</label>
                                    <p class="fw-bold mb-0" id="resumoCofins">R$ 0,00</p>
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label text-muted">Total NF-e</label>
                                    <p class="fw-bold mb-0 text-success fs-5" id="resumoTotal">R$ 0,00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times"></i> Cancelar
                    </button>
                    <button type="submit" name="acao" value="rascunho" class="btn btn-outline-primary">
                        <i class="fas fa-save"></i> Salvar Rascunho
                    </button>
                    <button type="submit" name="acao" value="gerar_nfe" class="btn btn-success">
                        <i class="fas fa-file-invoice"></i> Gerar NF-e de Devolução
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
let itensNota = [];

function selecionarNota(notaId) {
    document.getElementById('nota_entrada_id').value = notaId;
}

function iniciarDevolucao(notaId) {
    // Buscar dados da nota via AJAX
    fetch(`/fiscal/devolucao/nota-entrada/${notaId}/json`)
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                const nota = data.nota;
                
                // Preencher dados da nota
                document.getElementById('nota_entrada_id').value = nota.id;
                document.getElementById('infoNumero').textContent = nota.numero_nota;
                document.getElementById('infoSerie').textContent = nota.serie || '1';
                document.getElementById('infoFornecedor').textContent = nota.fornecedor_nome;
                document.getElementById('infoData').textContent = nota.data_emissao;
                document.getElementById('infoValor').textContent = 'R$ ' + nota.valor_total.toLocaleString('pt-BR', {minimumFractionDigits: 2});
                
                // Determinar CFOP de devolução baseado no CFOP da entrada
                if (nota.cfop_sugerido) {
                    document.getElementById('cfop_devolucao').value = nota.cfop_sugerido;
                }
                
                // Preencher itens
                itensNota = nota.itens;
                renderizarItens();
                
                // Abrir modal
                new bootstrap.Modal(document.getElementById('modalDevolucao')).show();
            } else {
                alert('Erro ao carregar nota: ' + data.message);
            }
        })
        .catch(error => {
            console.error('Erro:', error);
            alert('Erro ao carregar dados da nota');
        });
}

function renderizarItens() {
    const tbody = document.getElementById('corpoItens');
    tbody.innerHTML = '';
    
    itensNota.forEach((item, idx) => {
        const tr = document.createElement('tr');
        tr.innerHTML = `
            <td>
                <input type="checkbox" name="itens_selecionados[]" value="${item.id}" 
                       class="form-check-input item-check" checked onchange="calcularTotais()">
            </td>
            <td>${item.numero_item}</td>
            <td>
                <strong>${item.codigo_produto || ''}</strong> - ${item.descricao}
                <input type="hidden" name="item_id[]" value="${item.id}">
            </td>
            <td><small>${item.ncm || '-'}</small></td>
            <td><span class="badge bg-secondary">${item.cfop || '-'}</span></td>
            <td class="text-center">${parseFloat(item.quantidade).toFixed(4)}</td>
            <td class="text-center">
                <input type="number" name="quantidade_devolucao[]" 
                       class="form-control form-control-sm text-center qtd-dev"
                       value="${item.quantidade}" min="0" max="${item.quantidade}" 
                       step="0.0001" onchange="calcularTotais()" data-idx="${idx}">
            </td>
            <td class="text-end">R$ ${parseFloat(item.valor_unitario).toFixed(4)}</td>
            <td class="text-end valor-item">R$ ${parseFloat(item.valor_total).toFixed(2)}</td>
            <td class="text-end"><small>${parseFloat(item.valor_icms || 0).toFixed(2)}</small></td>
        `;
        tbody.appendChild(tr);
    });
    
    calcularTotais();
}

function calcularTotais() {
    let total = 0;
    let totalIcms = 0;
    let baseIcms = 0;
    let totalIpi = 0;
    let totalPis = 0;
    let totalCofins = 0;
    
    document.querySelectorAll('.item-check').forEach((check, idx) => {
        if (check.checked) {
            const qtdInput = document.querySelectorAll('.qtd-dev')[idx];
            const qtdDev = parseFloat(qtdInput.value) || 0;
            const item = itensNota[idx];
            
            const proporcao = item.quantidade > 0 ? qtdDev / parseFloat(item.quantidade) : 0;
            
            // Calcular valores proporcionais
            const valorItem = parseFloat(item.valor_unitario) * qtdDev;
            total += valorItem;
            
            // Impostos proporcionais
            baseIcms += (parseFloat(item.base_icms) || 0) * proporcao;
            totalIcms += (parseFloat(item.valor_icms) || 0) * proporcao;
            totalIpi += (parseFloat(item.valor_ipi) || 0) * proporcao;
            totalPis += (parseFloat(item.valor_pis) || 0) * proporcao;
            totalCofins += (parseFloat(item.valor_cofins) || 0) * proporcao;
            
            // Atualizar valor na linha
            const valorCell = qtdInput.closest('tr').querySelector('.valor-item');
            valorCell.textContent = 'R$ ' + valorItem.toFixed(2);
        }
    });
    
    // Atualizar resumos
    document.getElementById('totalDevolucao').textContent = 'R$ ' + total.toLocaleString('pt-BR', {minimumFractionDigits: 2});
    document.getElementById('totalIcms').textContent = 'R$ ' + totalIcms.toLocaleString('pt-BR', {minimumFractionDigits: 2});
    
    document.getElementById('resumoBaseIcms').textContent = 'R$ ' + baseIcms.toLocaleString('pt-BR', {minimumFractionDigits: 2});
    document.getElementById('resumoIcms').textContent = 'R$ ' + totalIcms.toLocaleString('pt-BR', {minimumFractionDigits: 2});
    document.getElementById('resumoIpi').textContent = 'R$ ' + totalIpi.toLocaleString('pt-BR', {minimumFractionDigits: 2});
    document.getElementById('resumoPis').textContent = 'R$ ' + totalPis.toLocaleString('pt-BR', {minimumFractionDigits: 2});
    document.getElementById('resumoCofins').textContent = 'R$ ' + totalCofins.toLocaleString('pt-BR', {minimumFractionDigits: 2});
    
    const totalNfe = total + totalIpi; // Total NF-e = produtos + IPI
    document.getElementById('resumoTotal').textContent = 'R$ ' + totalNfe.toLocaleString('pt-BR', {minimumFractionDigits: 2});
}

function toggleTodos(checkbox) {
    document.querySelectorAll('.item-check').forEach(check => {
        check.checked = checkbox.checked;
    });
    calcularTotais();
}

function selecionarTodos() {
    document.getElementById('checkTodos').checked = true;
    toggleTodos(document.getElementById('checkTodos'));
}

function limparSelecao() {
    document.getElementById('checkTodos').checked = false;
    toggleTodos(document.getElementById('checkTodos'));
}

function visualizarNota(notaId) {
    window.open(`/estoque/entrada/${notaId}`, '_blank');
}

function transmitirDevolucao(devolucaoId) {
    if (confirm('Deseja transmitir a NF-e de devolução para a SEFAZ?')) {
        window.location.href = `/fiscal/devolucao/${devolucaoId}/transmitir`;
    }
}

function excluirDevolucao(devolucaoId) {
    if (confirm('Deseja realmente excluir esta devolução?')) {
        fetch(`/fiscal/devolucao/${devolucaoId}/excluir`, {
            method: 'POST'
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                location.reload();
            } else {
                alert('Erro: ' + data.message);
            }
        });
    }
}

// Alternar campos conforme tipo de devolução
document.getElementById('tipo_devolucao').addEventListener('change', function() {
    const isParcial = this.value === 'parcial';
    document.querySelectorAll('.qtd-dev').forEach(input => {
        input.disabled = !isParcial && this.value === 'total';
        if (this.value === 'total') {
            // Restaurar quantidade original
            const idx = parseInt(input.dataset.idx);
            input.value = itensNota[idx].quantidade;
        }
    });
    calcularTotais();
});
</script>
{% endblock %}