{% extends 'app_base.html' %}{% block content %}
<div class="toolbar"><div class="page-head" style="margin:0"><div class="eyebrow">OMNICHANNEL</div><h1>Central de Comunicação</h1><p>WhatsApp, e-mail, SMS e Portal do Paciente em um único histórico.</p></div><button class="btn btn-primary" onclick="openDialog('compose')"><span class="material-symbols-outlined">send</span>Nova mensagem</button></div>
<div class="comm-kpis"><div class="card comm-kpi"><span class="material-symbols-outlined">chat</span><div><b>WhatsApp</b><small>{{ 'Ativo' if cfg.whatsapp.enabled else 'Não configurado' }}</small></div></div><div class="card comm-kpi"><span class="material-symbols-outlined">mail</span><div><b>E-mail</b><small>{{ 'Ativo' if cfg.email.enabled else 'Não configurado' }}</small></div></div><div class="card comm-kpi"><span class="material-symbols-outlined">sms</span><div><b>SMS</b><small>{{ 'Ativo' if cfg.sms.enabled else 'Não configurado' }}</small></div></div><div class="card comm-kpi"><span class="material-symbols-outlined">notifications_active</span><div><b>Portal</b><small>{{ 'Ativo' if cfg.portal_enabled else 'Desativado' }}</small></div></div></div>
<div class="grid-2" style="margin-top:18px"><section class="card form-section"><h2 class="section-title">Automações rápidas</h2><p class="muted">Gere avisos a partir dos dados atuais. Com envio automático ativo, os canais externos são enviados pela API configurada.</p><div class="quick-actions"><form method="post" action="{{ url_for('clinic.communication_reminders') }}"><button class="btn btn-soft"><span class="material-symbols-outlined">event_upcoming</span>Lembretes de amanhã</button></form><form method="post" action="{{ url_for('clinic.communication_financial_pending') }}"><button class="btn btn-soft"><span class="material-symbols-outlined">account_balance_wallet</span>Pendências financeiras</button></form><a class="btn btn-soft" href="{{ url_for('clinic.settings') }}"><span class="material-symbols-outlined">settings</span>Configurar APIs</a></div></section><section class="card form-section"><h2 class="section-title">Regras de segurança</h2><div class="notice"><b>Envio ≠ entrega.</b><br>O histórico diferencia FILA, ENVIADA, ENTREGUE, LIDA e FALHOU. Tokens e senhas ficam em variáveis de ambiente do servidor.</div></section></div>
<section class="card table-wrap" style="margin-top:18px"><div class="form-section"><h2 class="section-title">Histórico de mensagens</h2><p class="muted">Rastreabilidade por paciente, canal, evento e status.</p></div><table class="table"><thead><tr><th>Data</th><th>Paciente</th><th>Canal</th><th>Evento</th><th>Mensagem</th><th>Status</th><th>Ação</th></tr></thead><tbody>{% for m in messages %}<tr><td>{{ m.created_at }}</td><td><b>{{ m.patient_name }}</b></td><td><span class="badge">{{ m.channel|upper }}</span></td><td>{{ m.event }}</td><td><b>{{ m.title }}</b><div class="muted comm-preview">{{ m.body }}</div>{% if m.error %}<div class="text-danger">{{ m.error }}</div>{% endif %}</td><td><span class="badge {{ 'badge-success' if m.status in ['ENTREGUE','LIDA'] else 'status-info' if m.status=='ENVIADA' else 'status-cancel' if m.status=='FALHOU' else 'status-pending' }}">{{ m.status }}</span></td><td>{% if m.channel!='portal' and m.status in ['FILA','FALHOU'] %}<form method="post" action="{{ url_for('clinic.communication_send',mid=m.id) }}"><button class="btn btn-soft btn-sm">Enviar</button></form>{% else %}—{% endif %}</td></tr>{% else %}<tr><td colspan="7" class="empty">Nenhuma comunicação registrada.</td></tr>{% endfor %}</tbody></table></section>
<dialog id="compose" class="dialog"><form method="post"><div class="dialog-head"><h2>Nova mensagem</h2><button type="button" class="icon-btn" onclick="closeDialog('compose')">×</button></div><div class="dialog-body"><label class="label">Paciente</label><select class="input" name="patient_id" required><option value="">Selecione</option>{% for p in patients %}<option value="{{ p.id }}">{{ p.name }} · {{ p.phone or 'sem telefone' }} · {{ p.email or 'sem e-mail' }}</option>{% endfor %}</select><label class="label" style="margin-top:14px">Canais</label><div class="channel-picks"><label><input type="checkbox" name="channels" value="portal" checked> Portal</label><label><input type="checkbox" name="channels" value="whatsapp"> WhatsApp</label><label><input type="checkbox" name="channels" value="email"> E-mail</label><label><input type="checkbox" name="channels" value="sms"> SMS</label></div><label class="label" style="margin-top:14px">Mensagem</label><textarea class="input" rows="5" name="message" required placeholder="Digite a mensagem ao paciente..."></textarea></div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('compose')">Cancelar</button><button class="btn btn-primary">Registrar / enviar</button></div></form></dialog>
{% endblock %}