{% extends "base.html" %}

{% block title %}Melhor Envio{% endblock %}

{% block content %}
{% set cotacao_aplicada = melhor_envio_cotacao_aplicada or {} %}
{% set cotacao_aplicada_opcao = cotacao_aplicada.get('selected_option') if cotacao_aplicada else None %}
{% set cotacao_aplicada_id = cotacao_aplicada_opcao.get('id') if cotacao_aplicada_opcao else None %}
{% set checkout_atual = melhor_envio_checkout_atual or {} %}
{% set tracking_atual = melhor_envio_tracking_atual or {} %}
<div class="container-fluid py-3">
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
        <div>
            <h2 class="mb-1"><i class="bi bi-truck text-primary"></i> Melhor Envio</h2>
            <p class="text-muted mb-0">
                Fase inicial da implantação do frete para vendas online.
                Nesta tela o CapeServer já separa o que está apto para cotação,
                o que deve seguir por entrega local e o que ainda precisa de cliente/endereço.
            </p>
        </div>
        <div class="d-flex gap-2 flex-wrap">
            <a class="btn btn-outline-secondary" href="{{ safe_url_for('operacoes_checkout', fallback='#') }}">
                <i class="bi bi-upc-scan"></i> Voltar ao Checkout
            </a>
            <a class="btn btn-outline-primary" href="{{ safe_url_for('expedicao', fallback='#') }}">
                <i class="bi bi-box-seam"></i> Expedição
            </a>
        </div>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-md-6 col-xl-3">
            <div class="card h-100 border-primary-subtle shadow-sm">
                <div class="card-body">
                    <div class="text-primary small text-uppercase fw-semibold">Aptas para cotação</div>
                    <div class="fs-3 fw-bold text-primary">{{ resumo_melhor_envio.aptos_cotacao or 0 }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card h-100 border-info-subtle shadow-sm">
                <div class="card-body">
                    <div class="text-info small text-uppercase fw-semibold">Sugestão local</div>
                    <div class="fs-3 fw-bold text-info">{{ resumo_melhor_envio.sugestao_local or 0 }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card h-100 border-warning-subtle shadow-sm">
                <div class="card-body">
                    <div class="text-warning small text-uppercase fw-semibold">Faltando endereço</div>
                    <div class="fs-3 fw-bold text-warning">{{ resumo_melhor_envio.faltando_endereco or 0 }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card h-100 border-danger-subtle shadow-sm">
                <div class="card-body">
                    <div class="text-danger small text-uppercase fw-semibold">Faltando cliente</div>
                    <div class="fs-3 fw-bold text-danger">{{ resumo_melhor_envio.faltando_cliente or 0 }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card shadow-sm mb-4">
        <div class="card-body">
            <form method="get" class="row g-3 align-items-end">
                <div class="col-lg-8">
                    <label for="busca" class="form-label">Buscar por pedido, cliente ou endereço</label>
                    <input type="text" class="form-control" id="busca" name="busca" value="{{ busca }}" placeholder="Ex.: 2048, João, Centro, Salvador">
                </div>
                <div class="col-lg-4 d-flex gap-2">
                    <button type="submit" class="btn btn-primary flex-fill">
                        <i class="bi bi-search"></i> Filtrar
                    </button>
                    <a href="{{ safe_url_for('operacoes_melhor_envio', fallback='#') }}" class="btn btn-outline-secondary">
                        <i class="bi bi-arrow-clockwise"></i>
                    </a>
                </div>
            </form>
        </div>
    </div>

    <div class="row g-4">
        <div class="col-xl-8">
            <div class="card shadow-sm mb-4">
                <div class="card-header bg-white d-flex justify-content-between align-items-center gap-2">
                    <div>
                        <strong>Prontas para cotação</strong>
                        <div class="small text-muted">Vendas online com cliente e endereço suficientes para iniciar o frete.</div>
                    </div>
                    <span class="badge text-bg-light">{{ registros_melhor_envio|length }}</span>
                </div>
                <div class="card-body p-0">
                    {% if registros_melhor_envio %}
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Pedido</th>
                                    <th>Cliente</th>
                                    <th>Pagamento</th>
                                    <th>Rota sugerida</th>
                                    <th>Endereço</th>
                                    <th class="text-end">Valor</th>
                                    <th class="text-end">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for registro in registros_melhor_envio %}
                                <tr {% if venda_destacada_id and venda_destacada_id == registro.venda_id %}class="table-primary"{% endif %}>
                                    <td>
                                        <div class="fw-semibold">#{{ registro.numero_pedido }}</div>
                                        <div class="small text-muted">{{ registro.data_venda_fmt }}</div>
                                    </td>
                                    <td>
                                        <div>{{ registro.cliente_nome }}</div>
                                        <div class="small text-muted">{{ registro.cidade }}{% if registro.bairro %} • {{ registro.bairro }}{% endif %}</div>
                                    </td>
                                    <td>
                                        <div class="fw-semibold">{{ registro.pagamento_descricao }}</div>
                                        <div class="small text-muted">{{ registro.checkout_status_label }}</div>
                                        <div class="small text-muted">{{ registro.financeiro_status_label }}</div>
                                    </td>
                                    <td>
                                        {% if registro.entrega_local_sugerida %}
                                        <span class="badge text-bg-info">Entrega local pode ser mais adequada</span>
                                        {% else %}
                                        <span class="badge text-bg-primary">Cotar no Melhor Envio</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <div>{{ registro.endereco_resumo }}</div>
                                    </td>
                                    <td class="text-end fw-semibold">R$ {{ '%.2f'|format(registro.valor_total or 0) }}</td>
                                    <td class="text-end">
                                        <div class="btn-group btn-group-sm">
                                            <a class="btn btn-outline-secondary" href="{{ safe_url_for('operacoes_melhor_envio', fallback='#', venda_id=registro.venda_id, busca=busca) }}">
                                                <i class="bi bi-eye"></i>
                                            </a>
                                            <a class="btn btn-outline-primary" href="{{ safe_url_for('operacoes_melhor_envio', fallback='#', venda_id=registro.venda_id, cotar=1, busca=busca) }}">
                                                <i class="bi bi-calculator"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% else %}
                    <div class="p-4 text-center text-muted">
                        <i class="bi bi-inbox fs-1 d-block mb-2"></i>
                        Nenhuma venda apta para cotação foi encontrada agora.
                    </div>
                    {% endif %}
                </div>
            </div>

            <div class="card shadow-sm">
                <div class="card-header bg-white">
                    <strong>Bloqueios antes da cotação</strong>
                    <div class="small text-muted">Itens que ainda não devem seguir para o Melhor Envio.</div>
                </div>
                <div class="card-body p-0">
                    {% if registros_bloqueados_melhor_envio %}
                    <div class="list-group list-group-flush">
                        {% for registro in registros_bloqueados_melhor_envio %}
                        <div class="list-group-item">
                            <div class="d-flex flex-wrap justify-content-between gap-2">
                                <div>
                                    <div class="fw-semibold">Pedido #{{ registro.numero_pedido }} — {{ registro.cliente_nome }}</div>
                                    <div class="small text-muted">{{ registro.endereco_resumo }}</div>
                                </div>
                                <div class="text-end">
                                    {% if not registro.cliente_ok %}
                                    <span class="badge text-bg-danger">Cliente obrigatório</span>
                                    {% elif not registro.logradouro_ok %}
                                    <span class="badge text-bg-warning">Completar endereço</span>
                                    {% else %}
                                    <span class="badge text-bg-secondary">Definir regra</span>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                    {% else %}
                    <div class="p-4 text-center text-muted">
                        Tudo limpo por aqui — sem bloqueios visíveis nesta filtragem.
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="col-xl-4">
            <div class="card shadow-sm mb-4">
                <div class="card-header bg-white">
                    <strong>Pré-cotação da venda selecionada</strong>
                </div>
                <div class="card-body small">
                    {% if registro_destacado_melhor_envio %}
                        <div class="mb-3">
                            <div class="fw-semibold">Pedido #{{ registro_destacado_melhor_envio.numero_pedido }}</div>
                            <div class="text-muted">{{ registro_destacado_melhor_envio.cliente_nome }}</div>
                            <div class="text-muted">{{ registro_destacado_melhor_envio.endereco_resumo }}</div>
                            <div class="mt-2">
                                <span class="badge text-bg-light">{{ registro_destacado_melhor_envio.pagamento_descricao }}</span>
                                <span class="badge text-bg-secondary">{{ registro_destacado_melhor_envio.pagamento_status }}</span>
                                <span class="badge text-bg-{{ registro_destacado_melhor_envio.financeiro_badge_class or 'secondary' }}">{{ registro_destacado_melhor_envio.financeiro_status_label }}</span>
                                {% if cotacao_aplicada_opcao %}
                                <span class="badge text-bg-success">Frete aplicado: R$ {{ '%.2f'|format(cotacao_aplicada_opcao.price or 0) }}</span>
                                {% endif %}
                            </div>
                            {% if registro_destacado_melhor_envio.financeiro_tem_titulo %}
                            <div class="small text-muted mt-2">
                                Título #{{ registro_destacado_melhor_envio.conta_receber_id }}
                                • Venc.: {{ registro_destacado_melhor_envio.financeiro_data_vencimento_fmt }}
                                • Pago: {{ registro_destacado_melhor_envio.financeiro_data_pagamento_fmt }}
                            </div>
                            {% endif %}
                        </div>

                        {% if cotacao_aplicada_opcao %}
                        <div class="alert alert-success py-2">
                            <div class="fw-semibold">Cotação aplicada</div>
                            <div>{{ cotacao_aplicada_opcao.company_name }} / {{ cotacao_aplicada_opcao.name }}</div>
                            <div class="small mb-0">
                                Valor: R$ {{ '%.2f'|format(cotacao_aplicada_opcao.price or 0) }}
                                {% if cotacao_aplicada_opcao.delivery_time %}
                                • Prazo: {{ cotacao_aplicada_opcao.delivery_time }}
                                {% endif %}
                                {% if cotacao_aplicada.aplicado_em %}
                                • Aplicado em {{ cotacao_aplicada.aplicado_em }}
                                {% endif %}
                            </div>
                        </div>
                        {% endif %}

                        {% if checkout_atual %}
                        <div class="alert alert-primary py-2">
                            <div class="fw-semibold d-flex justify-content-between gap-2 flex-wrap">
                                <span>Checkout logístico registrado</span>
                                <span class="badge text-bg-{{ checkout_atual.badge_class or 'secondary' }}">{{ checkout_atual.status_label or 'Registrado' }}</span>
                            </div>
                            <div class="small mt-1">
                                {% if checkout_atual.order_id %}<div>Order ID: <strong>{{ checkout_atual.order_id }}</strong></div>{% endif %}
                                {% if checkout_atual.shipment_id %}<div>Shipment ID: <strong>{{ checkout_atual.shipment_id }}</strong></div>{% endif %}
                                {% if checkout_atual.protocol %}<div>Protocolo: <strong>{{ checkout_atual.protocol }}</strong></div>{% endif %}
                                {% if checkout_atual.tracking_code %}<div>Rastreio: <strong>{{ checkout_atual.tracking_code }}</strong></div>{% endif %}
                                {% if checkout_atual.registrado_em %}<div>Registrado em {{ checkout_atual.registrado_em }}</div>{% endif %}
                                {% if checkout_atual.ultima_ocorrencia %}<div>{{ checkout_atual.ultima_ocorrencia }}</div>{% endif %}
                                <div class="mt-2 d-flex gap-2 flex-wrap">
                                    {% if checkout_atual.order_id %}
                                    <a class="btn btn-sm btn-outline-dark" href="{{ safe_url_for('operacoes_melhor_envio_label_arquivo', fallback='#', arquivo='pdf', order_id=checkout_atual.order_id) }}" target="_blank" rel="noopener noreferrer">
                                        <i class="bi bi-file-earmark-pdf"></i> PDF via CapeServer
                                    </a>
                                    {% endif %}
                                    {% if checkout_atual.label_url %}
                                    <a class="btn btn-sm btn-outline-primary" href="{{ checkout_atual.label_url }}" target="_blank" rel="noopener noreferrer">
                                        <i class="bi bi-box-arrow-up-right"></i> Abrir etiqueta
                                    </a>
                                    {% endif %}
                                    {% if checkout_atual.label_pdf_url %}
                                    <a class="btn btn-sm btn-outline-secondary" href="{{ checkout_atual.label_pdf_url }}" target="_blank" rel="noopener noreferrer">
                                        <i class="bi bi-file-earmark-pdf"></i> PDF da etiqueta
                                    </a>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                        {% endif %}

                        {% if melhor_envio_erro %}
                        <div class="alert alert-danger py-2">
                            {{ melhor_envio_erro }}
                        </div>
                        {% endif %}

                        {% if melhor_envio_diagnostico %}
                        <div class="mb-3">
                            {% if melhor_envio_diagnostico.ready %}
                            <div class="alert alert-success py-2 mb-2">Configuração e dados mínimos prontos para pré-cotação.</div>
                            {% else %}
                            <div class="alert alert-warning py-2 mb-2">Ainda há pendências antes de consultar o Melhor Envio.</div>
                            {% endif %}

                            {% if melhor_envio_diagnostico.errors %}
                            <div class="mb-2">
                                <div class="fw-semibold text-danger mb-1">Pendências</div>
                                <ul class="mb-0 ps-3 text-danger">
                                    {% for erro in melhor_envio_diagnostico.errors %}
                                    <li>{{ erro }}</li>
                                    {% endfor %}
                                </ul>
                            </div>
                            {% endif %}

                            {% if melhor_envio_diagnostico.warnings %}
                            <div class="mb-2">
                                <div class="fw-semibold text-warning-emphasis mb-1">Estimativas aplicadas</div>
                                <ul class="mb-0 ps-3">
                                    {% for aviso in melhor_envio_diagnostico.warnings %}
                                    <li>{{ aviso }}</li>
                                    {% endfor %}
                                </ul>
                            </div>
                            {% endif %}

                            {% if melhor_envio_diagnostico.payload_preview %}
                            <details class="mt-3">
                                <summary class="fw-semibold">Prévia do payload</summary>
                                <pre class="bg-light rounded p-2 small mt-2 mb-0" style="white-space: pre-wrap;">{{ melhor_envio_diagnostico.payload_preview|tojson(indent=2) }}</pre>
                            </details>
                            {% endif %}
                        </div>
                        {% endif %}

                        {% if melhor_envio_checkout_diagnostico %}
                        <div class="mb-3 border rounded p-3 bg-light-subtle">
                            <div class="fw-semibold mb-2">Checkout da etiqueta</div>
                            {% if melhor_envio_checkout_diagnostico.ready %}
                            <div class="alert alert-info py-2 mb-2">A venda já tem dados suficientes para registrar a compra da etiqueta e iniciar o rastreio.</div>
                            {% else %}
                            <div class="alert alert-warning py-2 mb-2">Ainda faltam dados antes de considerar a etiqueta pronta para compra/registro.</div>
                            {% endif %}

                            {% if melhor_envio_checkout_diagnostico.errors %}
                            <ul class="mb-2 ps-3 text-danger small">
                                {% for erro in melhor_envio_checkout_diagnostico.errors %}
                                <li>{{ erro }}</li>
                                {% endfor %}
                            </ul>
                            {% endif %}

                            {% if melhor_envio_checkout_diagnostico.warnings %}
                            <ul class="mb-0 ps-3 small text-muted">
                                {% for aviso in melhor_envio_checkout_diagnostico.warnings %}
                                <li>{{ aviso }}</li>
                                {% endfor %}
                            </ul>
                            {% endif %}

                            {% if melhor_envio_checkout_diagnostico.payload_preview %}
                            <details class="mt-2">
                                <summary class="fw-semibold">Prévia do payload de checkout</summary>
                                <pre class="bg-white rounded border p-2 small mt-2 mb-0" style="white-space: pre-wrap;">{{ melhor_envio_checkout_diagnostico.payload_preview|tojson(indent=2) }}</pre>
                            </details>
                            {% endif %}
                        </div>
                        {% endif %}

                        <div class="d-grid">
                            <a class="btn btn-primary" href="{{ safe_url_for('operacoes_melhor_envio', fallback='#', venda_id=registro_destacado_melhor_envio.venda_id, cotar=1, busca=busca) }}">
                                <i class="bi bi-calculator"></i> Buscar pré-cotação real
                            </a>
                            {% if cotacao_aplicada_opcao %}
                            <a class="btn btn-outline-success mt-2" href="{{ safe_url_for('etiquetas_imprimir', fallback='#', tipo='expedicao', venda_id=registro_destacado_melhor_envio.venda_id) }}">
                                <i class="bi bi-printer"></i> Gerar etiqueta de expedição
                            </a>
                            {% endif %}
                        </div>

                        {% if cotacao_aplicada_opcao %}
                        <hr>
                        <div class="fw-semibold mb-2">Compra real da etiqueta</div>
                        <form method="post" action="{{ safe_url_for('operacoes_melhor_envio_comprar_etiqueta_api', fallback='#') }}" class="border rounded p-3 bg-white mb-3">
                            <input type="hidden" name="venda_id" value="{{ registro_destacado_melhor_envio.venda_id }}">
                            <input type="hidden" name="busca" value="{{ busca }}">
                            <div class="small text-muted mb-2">
                                Usa a sequência oficial do Melhor Envio: carrinho, checkout, geração da etiqueta e leitura do tracking inicial.
                            </div>
                            <div class="d-grid">
                                <button type="submit" class="btn btn-success" {% if not melhor_envio_checkout_diagnostico.ready %}disabled{% endif %}>
                                    <i class="bi bi-bag-check-fill"></i> Comprar etiqueta via API
                                </button>
                            </div>
                            {% if not melhor_envio_checkout_diagnostico.ready %}
                            <div class="small text-danger mt-2">Corrija as pendências acima antes de disparar a compra real.</div>
                            {% endif %}
                        </form>

                        <div class="fw-semibold mb-2">Registrar compra da etiqueta</div>
                        <form method="post" action="{{ safe_url_for('operacoes_melhor_envio_registrar_checkout', fallback='#') }}" class="border rounded p-3 bg-light-subtle mb-3">
                            <input type="hidden" name="venda_id" value="{{ registro_destacado_melhor_envio.venda_id }}">
                            <input type="hidden" name="busca" value="{{ busca }}">
                            <div class="row g-2">
                                <div class="col-md-6">
                                    <label class="form-label">Shipment ID</label>
                                    <input type="text" name="shipment_id" class="form-control" value="{{ checkout_atual.shipment_id or tracking_atual.shipment_id or '' }}" placeholder="Ex.: 987654">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Código de rastreio</label>
                                    <input type="text" name="tracking_code" class="form-control" value="{{ checkout_atual.tracking_code or tracking_atual.codigo or '' }}" placeholder="Ex.: BR1234567890">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">URL da etiqueta</label>
                                    <input type="url" name="label_url" class="form-control" value="{{ checkout_atual.label_url or tracking_atual.label_url or '' }}" placeholder="https://...">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">URL PDF da etiqueta</label>
                                    <input type="url" name="label_pdf_url" class="form-control" value="{{ checkout_atual.label_pdf_url or tracking_atual.label_pdf_url or '' }}" placeholder="https://...pdf">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Status</label>
                                    <select name="status" class="form-select">
                                        {% set status_checkout = checkout_atual.status or tracking_atual.status or 'etiqueta_registrada' %}
                                        <option value="etiqueta_registrada" {% if status_checkout == 'etiqueta_registrada' %}selected{% endif %}>Etiqueta registrada</option>
                                        <option value="postado" {% if status_checkout == 'postado' %}selected{% endif %}>Postado</option>
                                        <option value="em_transito" {% if status_checkout == 'em_transito' %}selected{% endif %}>Em trânsito</option>
                                        <option value="saiu_para_entrega" {% if status_checkout == 'saiu_para_entrega' %}selected{% endif %}>Saiu para entrega</option>
                                        <option value="entregue" {% if status_checkout == 'entregue' %}selected{% endif %}>Entregue</option>
                                        <option value="ocorrencia" {% if status_checkout == 'ocorrencia' %}selected{% endif %}>Ocorrência</option>
                                        <option value="cancelado" {% if status_checkout == 'cancelado' %}selected{% endif %}>Cancelado</option>
                                    </select>
                                </div>
                                <div class="col-md-8">
                                    <label class="form-label">Ocorrência / observação</label>
                                    <input type="text" name="ultima_ocorrencia" class="form-control" value="{{ checkout_atual.ultima_ocorrencia or tracking_atual.ultima_ocorrencia or '' }}" placeholder="Ex.: Etiqueta comprada no portal / objeto entregue na agência">
                                </div>
                            </div>
                            <div class="d-grid mt-3">
                                <button type="submit" class="btn btn-outline-primary">
                                    <i class="bi bi-bag-check"></i> Registrar compra da etiqueta
                                </button>
                            </div>
                        </form>

                        <div class="fw-semibold mb-2">Atualizar rastreio</div>
                        {% if checkout_atual.order_id %}
                        <form method="post" action="{{ safe_url_for('operacoes_melhor_envio_sincronizar_tracking_api', fallback='#') }}" class="border rounded p-3 bg-white mb-3">
                            <input type="hidden" name="venda_id" value="{{ registro_destacado_melhor_envio.venda_id }}">
                            <input type="hidden" name="busca" value="{{ busca }}">
                            <div class="small text-muted mb-2">
                                Consulta novamente a API do Melhor Envio usando o order salvo para atualizar o status e o histórico de eventos.
                            </div>
                            <div class="d-grid">
                                <button type="submit" class="btn btn-outline-dark">
                                    <i class="bi bi-arrow-repeat"></i> Sincronizar tracking via API
                                </button>
                            </div>
                        </form>
                        {% endif %}

                        <form method="post" action="{{ safe_url_for('operacoes_melhor_envio_atualizar_tracking', fallback='#') }}" class="border rounded p-3 bg-light-subtle">
                            <input type="hidden" name="venda_id" value="{{ registro_destacado_melhor_envio.venda_id }}">
                            <input type="hidden" name="busca" value="{{ busca }}">
                            <div class="row g-2">
                                <div class="col-md-4">
                                    <label class="form-label">Código</label>
                                    <input type="text" name="tracking_code" class="form-control" value="{{ tracking_atual.codigo or checkout_atual.tracking_code or '' }}" placeholder="BR123...">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Status</label>
                                    {% set status_tracking = tracking_atual.status or checkout_atual.status or 'em_transito' %}
                                    <select name="status" class="form-select">
                                        <option value="etiqueta_registrada" {% if status_tracking == 'etiqueta_registrada' %}selected{% endif %}>Etiqueta registrada</option>
                                        <option value="postado" {% if status_tracking == 'postado' %}selected{% endif %}>Postado</option>
                                        <option value="em_transito" {% if status_tracking == 'em_transito' %}selected{% endif %}>Em trânsito</option>
                                        <option value="saiu_para_entrega" {% if status_tracking == 'saiu_para_entrega' %}selected{% endif %}>Saiu para entrega</option>
                                        <option value="entregue" {% if status_tracking == 'entregue' %}selected{% endif %}>Entregue</option>
                                        <option value="ocorrencia" {% if status_tracking == 'ocorrencia' %}selected{% endif %}>Ocorrência</option>
                                        <option value="cancelado" {% if status_tracking == 'cancelado' %}selected{% endif %}>Cancelado</option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Link da etiqueta</label>
                                    <input type="url" name="label_url" class="form-control" value="{{ tracking_atual.label_url or checkout_atual.label_url or '' }}" placeholder="https://...">
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Última ocorrência</label>
                                    <input type="text" name="ultima_ocorrencia" class="form-control" value="" placeholder="Ex.: Objeto saiu para entrega / cliente recusou / entregue ao destinatário">
                                </div>
                            </div>
                            <div class="d-grid mt-3">
                                <button type="submit" class="btn btn-outline-secondary">
                                    <i class="bi bi-arrow-repeat"></i> Atualizar rastreio
                                </button>
                            </div>
                        </form>

                        {% if tracking_atual %}
                        <div class="mt-3 border rounded p-3 bg-white">
                            <div class="d-flex justify-content-between gap-2 flex-wrap align-items-center mb-2">
                                <div class="fw-semibold">Acompanhamento atual</div>
                                <span class="badge text-bg-{{ tracking_atual.badge_class or 'secondary' }}">{{ tracking_atual.status_label or 'Manual' }}</span>
                            </div>
                            <div class="small text-muted mb-2">
                                {% if tracking_atual.codigo %}Código: <strong>{{ tracking_atual.codigo }}</strong>{% endif %}
                                {% if tracking_atual.atualizado_em %} • Atualizado em {{ tracking_atual.atualizado_em }}{% endif %}
                            </div>
                            {% if tracking_atual.ultima_ocorrencia %}
                            <div class="small mb-2">{{ tracking_atual.ultima_ocorrencia }}</div>
                            {% endif %}
                            {% if tracking_atual.events %}
                            <div class="small fw-semibold mb-1">Últimos eventos</div>
                            <ul class="small ps-3 mb-0">
                                {% for evento in tracking_atual.events[:5] %}
                                <li>
                                    <strong>{{ evento.status_label or evento.status or 'Evento' }}</strong>
                                    {% if evento.data %} — {{ evento.data }}{% endif %}
                                    {% if evento.descricao %}<div class="text-muted">{{ evento.descricao }}</div>{% endif %}
                                </li>
                                {% endfor %}
                            </ul>
                            {% endif %}
                        </div>
                        {% endif %}
                        {% endif %}

                        {% if melhor_envio_pre_cotacao and melhor_envio_pre_cotacao.options %}
                        <hr>
                        <div class="fw-semibold mb-2">Resultados da pré-cotação</div>
                        <div class="table-responsive">
                            <table class="table table-sm align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th>Serviço</th>
                                        <th>Transportadora</th>
                                        <th class="text-end">Preço</th>
                                        <th class="text-end">Aplicar</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for opcao in melhor_envio_pre_cotacao.options %}
                                    <tr {% if cotacao_aplicada_id and cotacao_aplicada_id == opcao.id %}class="table-success"{% endif %}>
                                        <td>
                                            <div class="fw-semibold">{{ opcao.name }}</div>
                                            {% if opcao.delivery_time %}
                                            <div class="text-muted small">Prazo: {{ opcao.delivery_time }}</div>
                                            {% endif %}
                                            {% if opcao.error %}
                                            <div class="text-danger small">{{ opcao.error }}</div>
                                            {% endif %}
                                        </td>
                                        <td>{{ opcao.company_name }}</td>
                                        <td class="text-end fw-semibold">R$ {{ '%.2f'|format(opcao.price or 0) }}</td>
                                        <td class="text-end">
                                            {% if opcao.error %}
                                            <span class="text-muted small">Indisponível</span>
                                            {% else %}
                                            <form method="post" action="{{ safe_url_for('operacoes_melhor_envio_aplicar_cotacao', fallback='#') }}" class="d-inline">
                                                <input type="hidden" name="venda_id" value="{{ registro_destacado_melhor_envio.venda_id }}">
                                                <input type="hidden" name="service_id" value="{{ opcao.id }}">
                                                <input type="hidden" name="busca" value="{{ busca }}">
                                                <button type="submit" class="btn btn-sm {% if cotacao_aplicada_id and cotacao_aplicada_id == opcao.id %}btn-success{% else %}btn-outline-primary{% endif %}">
                                                    {% if cotacao_aplicada_id and cotacao_aplicada_id == opcao.id %}
                                                    Aplicada
                                                    {% else %}
                                                    Aplicar
                                                    {% endif %}
                                                </button>
                                            </form>
                                            {% endif %}
                                        </td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        {% elif cotacao_executada and melhor_envio_pre_cotacao %}
                        <hr>
                        <div class="alert alert-warning py-2 mb-0">
                            A consulta foi executada, mas a API não retornou opções de frete utilizáveis com os dados atuais.
                        </div>
                        {% endif %}
                    {% else %}
                        <div class="text-muted">
                            Selecione uma venda apta na lista ao lado para revisar o payload e disparar a pré-cotação.
                        </div>
                    {% endif %}
                </div>
            </div>

            <div class="card shadow-sm mb-4">
                <div class="card-header bg-white">
                    <strong>Próximos passos da integração</strong>
                </div>
                <div class="card-body">
                    <ol class="small mb-0 ps-3">
                        <li class="mb-2">Selecionar a venda online apta.</li>
                        <li class="mb-2">Montar payload de remetente/destinatário e volumes.</li>
                        <li class="mb-2">Buscar cotação antes da compra da etiqueta.</li>
                        <li class="mb-2">Executar o checkout físico por bipagem.</li>
                        <li class="mb-2">Após conferência, efetivar etiqueta e transmissão fiscal.</li>
                    </ol>
                </div>
            </div>

            <div class="card shadow-sm">
                <div class="card-header bg-white">
                    <strong>Regras já aplicadas nesta fase</strong>
                </div>
                <div class="card-body small">
                    <ul class="mb-0 ps-3">
                        <li class="mb-2">A tela só trabalha com vendas marcadas como online.</li>
                        <li class="mb-2">Venda online sem cliente fica bloqueada para as próximas etapas.</li>
                        <li class="mb-2">Quando o endereço está completo, a venda já aparece como apta para cotação.</li>
                        <li class="mb-2">Se a cidade do cliente bate com a da empresa, o sistema sinaliza que a entrega local pode ser uma alternativa.</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}