{% extends 'app_base.html' %}{% block content %}
<div class="toolbar"><div class="page-head" style="margin:0"><h1>Agenda</h1><p>Controle completo do atendimento: confirmação, chegada, atendimento, reagendamento, falta, cancelamento e histórico.</p></div><button class="btn btn-primary" onclick="openDialog('newAppointment')"><span class="material-symbols-outlined">add</span>Novo agendamento</button></div>
<div class="filters"><input id="agendaSearch" class="input" placeholder="Buscar paciente, profissional ou serviço..." oninput="filterAgenda()"><select id="agendaStatus" class="input" onchange="filterAgenda()"><option value="">Todos os status</option>{% for st in ['Agendado','Confirmado','Chegou','Em atendimento','Concluído','Faltou','Cancelado'] %}<option>{{ st }}</option>{% endfor %}</select></div>
<section class="card table-wrap"><table class="table" id="agendaTable"><thead><tr><th>Data</th><th>Paciente</th><th>Serviço</th><th>Profissional</th><th>Status</th><th>Valor</th><th>Financeiro</th><th>Ações</th></tr></thead><tbody>
{% for a in appointments %}{% set charge = charges.values()|selectattr('appointment_id','equalto',a.id)|rejectattr('status','equalto','CANCELADO')|first %}
<tr class="agenda-row" data-search="{{ (a.patient_name ~ ' ' ~ a.professional_name ~ ' ' ~ a.service_name)|lower }}" data-status="{{ a.status }}" onclick="openDialog('view-{{ a.id }}')" style="cursor:pointer">
<td>{{ a.date }}<div class="muted">{{ a.time or '—' }}</div></td><td><b>{{ a.patient_name }}</b>{% if a.reschedule_count %}<div class="muted">Reagendado {{ a.reschedule_count }}x</div>{% endif %}</td><td>{{ a.service_name or '—' }}</td><td>{{ a.professional_name or '—' }}</td><td><span class="badge {{ 'status-cancel' if a.status in ['Cancelado','Faltou'] else 'badge-success' if a.status in ['Confirmado','Concluído'] else 'status-info' if a.status in ['Chegou','Em atendimento'] else 'status-pending' }}">{{ a.status }}</span></td><td>R$ {{ a.value or '0.00' }}</td><td onclick="event.stopPropagation()">{% if charge %}<span class="badge {{ 'badge-success' if charge.status=='PAGO' else 'status-info' if charge.status=='PARCIAL' else 'status-pending' }}">{{ charge.status }} · R$ {{ charge.balance_amount }}</span>{% elif 'finance' in session_user.permissions and a.status not in ['Cancelado','Faltou'] %}<form method="post" action="{{ url_for('clinic.appointment_charge',aid=a.id) }}"><button class="btn btn-soft btn-sm">Gerar cobrança</button></form>{% else %}—{% endif %}</td>
<td onclick="event.stopPropagation()"><div class="actions"><button type="button" class="btn btn-soft btn-sm" onclick="openDialog('view-{{ a.id }}')">Abrir</button>{% if a.status=='Agendado' %}<form method="post" action="{{ url_for('clinic.appointment_confirm',aid=a.id) }}"><button class="btn btn-success btn-sm">Confirmar</button></form>{% endif %}{% if a.status not in ['Concluído','Cancelado','Faltou'] %}<button type="button" class="btn btn-soft btn-sm" onclick="openDialog('reschedule-{{ a.id }}')">Reagendar</button>{% endif %}</div></td></tr>
{% else %}<tr><td colspan="8" class="empty">Nenhum agendamento.</td></tr>{% endfor %}</tbody></table></section>

{% macro form_fields(a=None,new=false) -%}<div class="grid-2"><div><label class="label">Paciente *</label><select class="input" name="patient_id" required><option value="">Selecione</option>{% for p in patients %}<option value="{{ p.id }}" {{ 'selected' if a and a.patient_id==p.id }}>{{ p.name }}</option>{% endfor %}</select></div><div><label class="label">Profissional *</label><select class="input" name="professional_id" required><option value="">Selecione</option>{% for pro in professionals %}{% if pro %}<option value="{{ pro.id }}" {{ 'selected' if a and (a.professional_id==pro.id or a.professional_name==pro.name) }}>{{ pro.name }}</option>{% endif %}{% endfor %}</select></div><div><label class="label">Serviço / procedimento</label><select class="input service-select" name="service_id"><option value="">Sem serviço definido</option>{% for s in services %}<option value="{{ s.id }}" data-price="{{ s.price }}" {{ 'selected' if a and a.service_id==s.id }}>{{ s.name }} — R$ {{ s.price }}</option>{% endfor %}</select></div><div><label class="label">Valor negociado</label><input class="input appointment-value" type="number" step="0.01" min="0" name="value" value="{{ a.value if a else '' }}" placeholder="Usa o preço do serviço se vazio"></div><div><label class="label">Data *</label><input class="input" type="date" name="date" value="{{ a.date if a else '' }}" required></div><div><label class="label">Horário *</label><input class="input" type="time" name="time" value="{{ a.time if a else '' }}" required></div><div><label class="label">Unidade / local</label><select class="input" name="unit"><option value="">Selecione</option>{% for x in units %}<option {{ 'selected' if a and a.unit==x.name }}>{{ x.name }}</option>{% endfor %}</select></div><div><label class="label">Status</label><select class="input" name="status">{% set editable_statuses=['Agendado','Confirmado','Chegou','Em atendimento','Concluído'] %}{% if a and a.status not in editable_statuses %}<option selected>{{ a.status }}</option>{% endif %}{% for st in editable_statuses %}<option {{ 'selected' if a and a.status==st }}>{{ st }}</option>{% endfor %}</select><small class="muted">Falta e cancelamento usam ações próprias para preservar motivo e histórico.</small></div></div>{% if new and 'finance' in session_user.permissions %}<label class="checkrow" style="margin-top:14px"><input type="checkbox" name="generate_charge" value="1"><span><b>Gerar cobrança automaticamente</b><small>Cria uma conta a receber com o valor negociado do agendamento.</small></span></label>{% endif %}<div style="margin-top:14px"><label class="label">Observações</label><textarea class="input" name="notes">{{ a.notes if a else '' }}</textarea></div>{%- endmacro %}

<dialog id="newAppointment" class="dialog"><form method="post"><div class="dialog-head"><h2>Novo agendamento</h2><button type="button" class="icon-btn" onclick="closeDialog('newAppointment')">×</button></div><div class="dialog-body">{{ form_fields(None,true) }}<p class="muted" style="margin-top:12px">O ClinicOS verifica conflito de horário do profissional antes de gravar.</p></div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('newAppointment')">Cancelar</button><button class="btn btn-primary">Agendar</button></div></form></dialog>

{% for a in appointments %}
<dialog id="view-{{ a.id }}" class="dialog agenda-detail-dialog"><div class="dialog-head"><div><h2>{{ a.patient_name }}</h2><div class="muted">{{ a.date }} às {{ a.time or '—' }} · {{ a.professional_name or 'Sem profissional' }}</div></div><button type="button" class="icon-btn" onclick="closeDialog('view-{{ a.id }}')">×</button></div><div class="dialog-body">
<div class="grid-2"><div><span class="label">Serviço</span><b>{{ a.service_name or '—' }}</b></div><div><span class="label">Status</span><span class="badge {{ 'status-cancel' if a.status in ['Cancelado','Faltou'] else 'badge-success' if a.status in ['Confirmado','Concluído'] else 'status-info' }}">{{ a.status }}</span></div><div><span class="label">Unidade</span>{{ a.unit or '—' }}</div><div><span class="label">Valor</span>R$ {{ a.value or '0.00' }}</div></div>
{% if a.notes %}<div style="margin-top:16px"><span class="label">Observações</span><p>{{ a.notes }}</p></div>{% endif %}
<div class="agenda-workflow" style="margin-top:18px"><h3>Fluxo do atendimento</h3><div class="actions" style="flex-wrap:wrap">
{% if a.status not in ['Confirmado','Chegou','Em atendimento','Concluído','Cancelado','Faltou'] %}<form method="post" action="{{ url_for('clinic.appointment_status',aid=a.id) }}"><input type="hidden" name="status" value="Confirmado"><button class="btn btn-success">Confirmar</button></form>{% endif %}
{% if a.status in ['Agendado','Confirmado'] %}<form method="post" action="{{ url_for('clinic.appointment_status',aid=a.id) }}"><input type="hidden" name="status" value="Chegou"><button class="btn btn-soft">Paciente chegou</button></form>{% endif %}
{% if a.status in ['Agendado','Confirmado','Chegou'] %}<form method="post" action="{{ url_for('clinic.appointment_status',aid=a.id) }}"><input type="hidden" name="status" value="Em atendimento"><button class="btn btn-primary">Em atendimento</button></form>{% endif %}
{% if a.status in ['Agendado','Confirmado','Chegou','Em atendimento'] %}<form method="post" action="{{ url_for('clinic.appointment_status',aid=a.id) }}"><input type="hidden" name="status" value="Concluído"><button class="btn btn-success">Concluir</button></form><button type="button" class="btn btn-soft" onclick="closeDialog('view-{{ a.id }}');openDialog('missed-{{ a.id }}')">Faltou</button><button type="button" class="btn btn-soft" onclick="closeDialog('view-{{ a.id }}');openDialog('reschedule-{{ a.id }}')">Reagendar</button><button type="button" class="btn btn-warn" onclick="closeDialog('view-{{ a.id }}');openDialog('cancel-{{ a.id }}')">Cancelar</button>{% endif %}
</div></div>
<div style="margin-top:18px"><div class="actions"><button class="btn btn-soft" onclick="closeDialog('view-{{ a.id }}');openDialog('edit-{{ a.id }}')">Editar dados</button>{% if 'patients' in session_user.permissions %}<a class="btn btn-soft" href="{{ url_for('clinic.patient_detail',pid=a.patient_id) }}">Abrir paciente{% if 'records' in session_user.permissions %} / prontuário{% endif %}</a>{% endif %}</div></div>
<div style="margin-top:20px"><h3>Histórico</h3><div class="timeline">{% for h in (a.history or [])|reverse %}<div class="timeline-item"><b>{{ h.action }}</b><div class="muted">{{ h.at }} · {{ h.actor or 'Sistema' }}</div>{% if h.details %}<div>{{ h.details }}</div>{% endif %}</div>{% else %}<div class="muted">Sem eventos anteriores registrados.</div>{% endfor %}</div></div>
</div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('view-{{ a.id }}')">Fechar</button></div></dialog>

<dialog id="edit-{{ a.id }}" class="dialog"><form method="post" action="{{ url_for('clinic.appointment_edit',aid=a.id) }}"><div class="dialog-head"><h2>Editar agendamento</h2><button type="button" class="icon-btn" onclick="closeDialog('edit-{{ a.id }}')">×</button></div><div class="dialog-body">{{ form_fields(a,false) }}</div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('edit-{{ a.id }}')">Cancelar</button><button class="btn btn-primary">Salvar</button></div></form></dialog>

{% if a.status not in ['Concluído','Cancelado','Faltou'] %}
<dialog id="reschedule-{{ a.id }}" class="dialog"><form method="post" action="{{ url_for('clinic.appointment_reschedule',aid=a.id) }}"><div class="dialog-head"><h2>Reagendar consulta</h2><button type="button" class="icon-btn" onclick="closeDialog('reschedule-{{ a.id }}')">×</button></div><div class="dialog-body"><p><b>{{ a.patient_name }}</b><br><span class="muted">Atual: {{ a.date }} às {{ a.time }}</span></p><div class="grid-2"><div><label class="label">Nova data *</label><input class="input" type="date" name="date" required></div><div><label class="label">Novo horário *</label><input class="input" type="time" name="time" required></div></div><div style="margin-top:12px"><label class="label">Motivo / observação</label><textarea class="input" name="reason" placeholder="Ex.: paciente solicitou alteração"></textarea></div></div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('reschedule-{{ a.id }}')">Voltar</button><button class="btn btn-primary">Confirmar reagendamento</button></div></form></dialog>

<dialog id="missed-{{ a.id }}" class="dialog"><form method="post" action="{{ url_for('clinic.appointment_status',aid=a.id) }}"><input type="hidden" name="status" value="Faltou"><div class="dialog-head"><h2>Registrar falta</h2><button type="button" class="icon-btn" onclick="closeDialog('missed-{{ a.id }}')">×</button></div><div class="dialog-body"><p>Registrar que <b>{{ a.patient_name }}</b> não compareceu?</p><label class="label">Observação</label><textarea class="input" name="status_note" placeholder="Opcional"></textarea></div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('missed-{{ a.id }}')">Voltar</button><button class="btn btn-warn">Registrar falta</button></div></form></dialog>

<dialog id="cancel-{{ a.id }}" class="dialog"><form method="post" action="{{ url_for('clinic.appointment_cancel',aid=a.id) }}"><div class="dialog-head"><h2>Cancelar agendamento</h2><button type="button" class="icon-btn" onclick="closeDialog('cancel-{{ a.id }}')">×</button></div><div class="dialog-body"><p><b>{{ a.patient_name }}</b> · {{ a.date }} {{ a.time }}</p><label class="label">Motivo do cancelamento *</label><select class="input" name="cancel_reason" required><option value="">Selecione</option>{% for x in cancel_reasons %}<option>{{ x.name }}</option>{% endfor %}<option>Outro / não listado</option></select></div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('cancel-{{ a.id }}')">Voltar</button><button class="btn btn-warn">Confirmar cancelamento</button></div></form></dialog>
{% endif %}
{% endfor %}

<script>
function filterAgenda(){let q=document.getElementById('agendaSearch').value.toLowerCase(),s=document.getElementById('agendaStatus').value;document.querySelectorAll('#agendaTable tbody tr[data-search]').forEach(r=>r.style.display=(!q||r.dataset.search.includes(q))&&(!s||r.dataset.status===s)?'':'none')}
document.querySelectorAll('.service-select').forEach(x=>x.addEventListener('change',function(){let f=this.closest('form'),v=f.querySelector('.appointment-value'),o=this.options[this.selectedIndex];if(o.dataset.price&&!v.value)v.value=o.dataset.price}))
</script>
{% endblock %}