{% extends 'app_base.html' %}{% block content %}
<div class="toolbar"><div class="page-head" style="margin:0"><h1>Sessões / Atendimentos</h1><p>Histórico assistencial com serviço, profissional, presença e valor praticado.</p></div><button class="btn btn-primary" onclick="openDialog('newSession')"><span class="material-symbols-outlined">add_notes</span>Nova sessão</button></div>
<section class="card table-wrap"><table class="table"><thead><tr><th>Data</th><th>Paciente</th><th>Serviço</th><th>Profissional</th><th>Status</th><th>Valor</th><th>Ações</th></tr></thead><tbody>{% for s in sessions %}<tr><td>{{ s.date }} {{ s.time or '' }}</td><td><b>{{ s.patient_name }}</b></td><td>{{ s.service_name or '—' }}</td><td>{{ s.professional_name or '—' }}</td><td><span class="badge {{ 'status-cancel' if s.status in ['CANCELADA','FALTA'] else 'badge-success' if s.status=='COMPARECEU' else 'status-pending' }}">{{ s.status }}</span></td><td>R$ {{ s.value or '0.00' }}</td><td><div class="actions"><button class="btn btn-soft btn-sm btn-icon" onclick="openDialog('edit-{{ s.id }}')"><span class="material-symbols-outlined">edit</span></button>{% if s.status!='CANCELADA' %}<form method="post" action="{{ url_for('clinic.session_cancel',sid=s.id) }}"><button type="button" class="btn btn-warn btn-sm" onclick="confirmSubmit(this.form,'Cancelar esta sessão?')">Cancelar</button></form>{% endif %}<form method="post" action="{{ url_for('clinic.session_delete',sid=s.id) }}"><button type="button" class="btn btn-danger btn-sm btn-icon" onclick="confirmSubmit(this.form,'Excluir esta sessão?')"><span class="material-symbols-outlined">delete</span></button></form></div></td></tr>{% else %}<tr><td colspan="7" class="empty">Nenhuma sessão registrada.</td></tr>{% endfor %}</tbody></table></section>
{% macro sf(s=None) -%}<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 s and s.patient_id==p.id }}>{{ p.name }}</option>{% endfor %}</select></div><div><label class="label">Profissional</label><select class="input" name="professional_id"><option value="">Selecione</option>{% for pro in professionals %}<option value="{{ pro.id }}" {{ 'selected' if s and (s.professional_id==pro.id or s.professional_name==pro.name) }}>{{ pro.name }}</option>{% endfor %}</select></div><div><label class="label">Serviço</label><select class="input service-select" name="service_id"><option value="">Sem serviço</option>{% for svc in services %}<option value="{{ svc.id }}" data-price="{{ svc.price }}" {{ 'selected' if s and s.service_id==svc.id }}>{{ svc.name }} — R$ {{ svc.price }}</option>{% endfor %}</select></div><div><label class="label">Valor praticado</label><input class="input appointment-value" type="number" step="0.01" name="value" value="{{ s.value if s else '' }}"></div><div><label class="label">Data *</label><input class="input" type="date" name="date" value="{{ s.date if s else '' }}" required></div><div><label class="label">Horário</label><input class="input" type="time" name="time" value="{{ s.time if s else '' }}"></div><div><label class="label">Status</label><select class="input" name="status">{% for st in ['AGENDADA','COMPARECEU','FALTA','CANCELADA'] %}<option {{ 'selected' if s and s.status==st }}>{{ st }}</option>{% endfor %}</select></div></div><div style="margin-top:14px"><label class="label">Observações administrativas</label><textarea class="input" name="notes">{{ s.notes if s else '' }}</textarea></div><div class="clinical-session-fields" data-values='{{ (s.workflow_data if s and s.workflow_data else {})|tojson|forceescape }}' style="margin-top:16px"></div>{%- endmacro %}
<dialog id="newSession" class="dialog"><form method="post"><div class="dialog-head"><h2>Nova sessão</h2><button type="button" class="icon-btn" onclick="closeDialog('newSession')">×</button></div><div class="dialog-body">{{ sf() }}</div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('newSession')">Cancelar</button><button class="btn btn-primary">Salvar sessão</button></div></form></dialog>{% for s in sessions %}<dialog id="edit-{{ s.id }}" class="dialog"><form method="post" action="{{ url_for('clinic.session_edit',sid=s.id) }}"><div class="dialog-head"><h2>Editar sessão</h2><button type="button" class="icon-btn" onclick="closeDialog('edit-{{ s.id }}')">×</button></div><div class="dialog-body">{{ sf(s) }}</div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('edit-{{ s.id }}')">Cancelar</button><button class="btn btn-primary">Salvar</button></div></form></dialog>{% endfor %}<script>
const CLINIC_WORKFLOW={{ clinic_workflow|tojson }}, PROFESSIONAL_WORKFLOWS={{ workflows|tojson }};
function renderClinicalFields(form){const sel=form.querySelector('[name="professional_id"]'),box=form.querySelector('.clinical-session-fields');if(!box)return;const wf=(sel&&PROFESSIONAL_WORKFLOWS[sel.value])||CLINIC_WORKFLOW,sec=(wf||{}).session||{},values=JSON.parse(box.dataset.values||'{}');if(sec.enabled===false){box.innerHTML='';return}let h='<div class="integration-card"><div class="integration-title"><span class="material-symbols-outlined">psychology</span><b>Registro do atendimento</b></div><div class="grid-2">';(sec.fields||[]).filter(f=>f.enabled!==false).forEach(f=>{const v=values[f.id]??'',req=f.required?'required':'';h+='<div'+(f.type==='textarea'?' style="grid-column:1/-1"':'')+'><label class="label">'+f.label+(f.required?' *':'')+'</label>';if(f.type==='textarea')h+='<textarea class="input" name="wf_'+f.id+'" '+req+' placeholder="'+(f.placeholder||'')+'">'+v+'</textarea>';else if(f.type==='select')h+='<select class="input" name="wf_'+f.id+'" '+req+'><option value="">Selecione</option>'+(f.options||[]).map(o=>'<option '+(String(v)===String(o)?'selected':'')+'>'+o+'</option>').join('')+'</select>';else if(f.type==='checkbox')h+='<label class="checkrow"><input type="checkbox" name="wf_'+f.id+'" '+(v===true||v==='true'?'checked':'')+'><span>Sim</span></label>';else if(f.type==='scale')h+='<input class="input" type="number" min="'+(f.min??0)+'" max="'+(f.max??10)+'" name="wf_'+f.id+'" value="'+v+'" '+req+'>';else h+='<input class="input" type="'+(f.type==='date'?'date':f.type==='number'?'number':'text')+'" name="wf_'+f.id+'" value="'+v+'" '+req+' placeholder="'+(f.placeholder||'')+'">';h+='</div>'});h+='</div></div>';box.innerHTML=h}
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}));document.querySelectorAll('#newSession form, dialog[id^="edit-"] form').forEach(f=>{renderClinicalFields(f);const p=f.querySelector('[name="professional_id"]');if(p)p.addEventListener('change',()=>{const box=f.querySelector('.clinical-session-fields');if(box)box.dataset.values='{}';renderClinicalFields(f)})});
</script>
{% endblock %}