{% extends 'app_base.html' %}{% block content %}
<div class="toolbar"><div class="page-head" style="margin:0"><div class="eyebrow">Catálogo clínico</div><h1>Serviços e procedimentos</h1><p>Centralize preços, duração e categorias usadas na agenda, sessões e cobranças.</p></div><button class="btn btn-primary" onclick="openDialog('newService')"><span class="material-symbols-outlined">add_circle</span>Novo serviço</button></div>
<div class="stat-strip"><div class="card stat-mini"><span class="muted">Cadastrados</span><b>{{ services|length }}</b></div><div class="card stat-mini"><span class="muted">Ativos</span><b>{{ services|selectattr('active','equalto',true)|list|length }}</b></div><div class="card stat-mini"><span class="muted">Categorias</span><b>{{ services|map(attribute='category')|unique|list|length }}</b></div><div class="card stat-mini"><span class="muted">Uso</span><b>Agenda + Financeiro</b></div></div>
<section class="card table-wrap"><table class="table"><thead><tr><th>Código</th><th>Serviço</th><th>Categoria</th><th>Duração</th><th>Preço</th><th>Status</th><th>Ações</th></tr></thead><tbody>{% for s in services %}<tr><td>{{ s.code or '—' }}</td><td><b>{{ s.name }}</b><div class="muted">{{ s.description or '' }}</div></td><td>{{ s.category or '—' }}</td><td>{{ s.duration_minutes or 50 }} min</td><td><b>R$ {{ s.price }}</b></td><td><span class="badge {{ 'badge-success' if s.active else 'status-cancel' }}">{{ 'ATIVO' if s.active else 'INATIVO' }}</span></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><form method="post" action="{{ url_for('clinic.service_delete',sid=s.id) }}"><button type="button" class="btn btn-danger btn-sm btn-icon" onclick="confirmSubmit(this.form,'Remover este serviço? Se houver vínculos ele será apenas inativado.')"><span class="material-symbols-outlined">delete</span></button></form></div></td></tr>{% else %}<tr><td colspan="7" class="empty">Cadastre os serviços oferecidos pela clínica: consulta, retorno, avaliação, procedimento, terapia etc.</td></tr>{% endfor %}</tbody></table></section>
{% macro sf(s=None) -%}<div class="grid-2"><div><label class="label">Código</label><input class="input" name="code" value="{{ s.code if s else '' }}" placeholder="CONS-001"></div><div><label class="label">Nome *</label><input class="input" name="name" value="{{ s.name if s else '' }}" required placeholder="Consulta clínica"></div><div><label class="label">Categoria</label><select class="input" name="category"><option value="">Selecione</option>{% for x in revenue_categories %}<option {{ 'selected' if s and s.category==x.name }}>{{ x.name }}</option>{% endfor %}</select></div><div><label class="label">Preço padrão *</label><input class="input" type="number" step="0.01" min="0" name="price" value="{{ s.price if s else '' }}" required></div><div><label class="label">Duração padrão (min)</label><input class="input" type="number" min="5" step="5" name="duration_minutes" value="{{ s.duration_minutes if s else 50 }}"></div><div><label class="label">Status</label><select class="input" name="active"><option value="1" {{ 'selected' if not s or s.active }}>Ativo</option><option value="0" {{ 'selected' if s and not s.active }}>Inativo</option></select></div></div><div style="margin-top:14px"><label class="label">Descrição / observações</label><textarea class="input" name="description">{{ s.description if s else '' }}</textarea></div>{%- endmacro %}
<dialog id="newService" class="dialog"><form method="post"><div class="dialog-head"><h2>Novo serviço</h2><button type="button" class="icon-btn" onclick="closeDialog('newService')">×</button></div><div class="dialog-body">{{ sf() }}</div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('newService')">Cancelar</button><button class="btn btn-primary">Salvar serviço</button></div></form></dialog>
{% for s in services %}<dialog id="edit-{{ s.id }}" class="dialog"><form method="post" action="{{ url_for('clinic.service_edit',sid=s.id) }}"><div class="dialog-head"><h2>Editar serviç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 alterações</button></div></form></dialog>{% endfor %}
{% endblock %}