{% extends 'app_base.html' %}{% block content %}
<div class="page-head"><div class="eyebrow">Recebimento seguro</div><h1>PIX — R$ {{ pix.amount }}</h1><p>{{ pix.patient_name }} · {{ charge.service_name or 'Cobrança' }}</p></div>
<div class="pix-grid"><section class="card pix-card"><div class="pix-status {{ 'paid' if pix.status=='CONFIRMADO' }}"><span class="material-symbols-outlined">{{ 'check_circle' if pix.status=='CONFIRMADO' else 'schedule' }}</span><div><b id="pixStatus">{{ 'PIX CONFIRMADO' if pix.status=='CONFIRMADO' else 'AGUARDANDO PAGAMENTO' }}</b><small>TXID {{ pix.txid }}</small></div></div>{% if qr_data_uri %}<img class="pix-qr" src="{{ qr_data_uri }}" alt="QR Code PIX">{% else %}<div class="notice">Instale as dependências da V6 para renderizar o QR Code no servidor. O código Copia e Cola abaixo já foi gerado.</div>{% endif %}<div class="copy-box"><textarea id="pixPayload" readonly>{{ pix.payload }}</textarea><button class="btn btn-primary" type="button" onclick="copyPix()">Copiar PIX</button></div></section>
<section class="card form-section"><h2>Detalhes e segurança</h2><div class="info-list"><div><span>Paciente</span><b>{{ pix.patient_name }}</b></div><div><span>Valor</span><b>R$ {{ pix.amount }}</b></div><div><span>Status</span><b id="pixStatus2">{{ pix.status }}</b></div><div><span>Origem da confirmação</span><b>{{ pix.confirmation_source or '—' }}</b></div><div><span>Referência bancária</span><b>{{ pix.provider_ref or '—' }}</b></div></div><div class="notice" style="margin-top:16px">O QR Code não marca a cobrança como paga. A baixa ocorre somente por confirmação bancária/API ou confirmação manual autorizada e auditada.</div>{% if pix.status=='AGUARDANDO' %}<div class="danger-zone" style="margin-top:18px"><h3>Exceção controlada</h3><p class="muted">Use confirmação manual apenas após conferir o crédito no banco.</p><form method="post" action="{{ url_for('clinic.pix_confirm_manual',pix_id=pix.id) }}"><label class="label">Referência bancária / E2E</label><input class="input" name="reference" required><button class="btn btn-warn" style="margin-top:10px" type="button" onclick="confirmSubmit(this.form,'Você conferiu o crédito diretamente na conta bancária? Esta ação ficará na auditoria.')">Confirmar manualmente</button></form></div>{% endif %}<a class="btn btn-soft" style="margin-top:16px" href="{{ url_for('clinic.finance') }}">Voltar ao Financeiro</a></section></div>
<script>
function copyPix(){navigator.clipboard.writeText(document.getElementById('pixPayload').value).then(()=>alert('Código PIX copiado.'))}
{% if pix.status=='AGUARDANDO' %}setInterval(async()=>{try{const r=await fetch('{{ url_for('clinic.pix_status',pix_id=pix.id) }}');const d=await r.json();if(d.status==='CONFIRMADO'){document.getElementById('pixStatus').textContent='PIX CONFIRMADO';document.getElementById('pixStatus2').textContent='CONFIRMADO';setTimeout(()=>location.reload(),900)}}catch(e){}},5000);{% endif %}
</script>{% endblock %}