{% extends 'app_base.html' %}{% block content %}
<div class="toolbar"><div class="page-head" style="margin:0"><div class="eyebrow">Portal do Paciente</div><h1>Convite de {{ patient.name }}</h1><p>Este é o único momento em que o link completo é exibido pela área administrativa.</p></div><a class="btn btn-soft" href="{{ url_for('clinic.patient_detail',pid=patient.id) }}"><span class="material-symbols-outlined">arrow_back</span>Voltar ao paciente</a></div>
{% with msgs=get_flashed_messages(with_categories=true) %}{% for cat,msg in msgs %}<div class="flash {{ cat }}">{{ msg }}</div>{% endfor %}{% endwith %}
<section class="card form-section"><div class="portal-invite-result" style="margin-top:0"><div><span class="badge">CONVITE TEMPORÁRIO · USO ÚNICO</span><h2>Envie ao paciente</h2><p class="muted">Expira em {{ invite.expires_at|replace('T',' ') }}. Ao gerar outro convite, este será revogado se ainda não tiver sido usado.</p><label class="label">Link de ativação</label><input class="input" id="portalInviteUrl" readonly value="{{ invite.url }}"><div class="actions" style="margin-top:12px"><button type="button" class="btn btn-primary" id="copyInvite"><span class="material-symbols-outlined">content_copy</span>Copiar link</button><a class="btn btn-soft" href="mailto:{{ patient.email }}?subject=Acesso ao Portal do Paciente&body={{ invite.url|urlencode }}"><span class="material-symbols-outlined">mail</span>Abrir e-mail</a></div><div class="notice" style="margin-top:14px"><b>Não envie senha.</b> O paciente abre este convite e cria a própria senha.</div></div><img src="{{ invite.qr }}" alt="QR Code do convite do paciente"></div></section>
<script>document.getElementById('copyInvite')?.addEventListener('click',async function(){try{await navigator.clipboard.writeText(document.getElementById('portalInviteUrl').value);this.innerHTML='<span class="material-symbols-outlined">check</span>Link copiado'}catch(e){document.getElementById('portalInviteUrl').select();document.execCommand('copy')}});</script>
{% endblock %}