{% extends 'app_base.html' %}{% block content %}
<div class="toolbar"><div class="page-head" style="margin:0"><h1>Contas a pagar / Despesas</h1><p>Controle vencimentos, fornecedores, pagamento e impacto no caixa.</p></div><button class="btn btn-primary" onclick="openDialog('newExpense')"><span class="material-symbols-outlined">add_card</span>Nova despesa</button></div>
{% set pendentes = expenses|selectattr('status','equalto','PENDENTE')|list %}{% set pagas = expenses|selectattr('status','equalto','PAGO')|list %}
<div class="stat-strip"><div class="card stat-mini"><span class="muted">Despesas</span><b>{{ expenses|length }}</b></div><div class="card stat-mini"><span class="muted">Pendentes</span><b>{{ pendentes|length }}</b></div><div class="card stat-mini"><span class="muted">Pagas</span><b>{{ pagas|length }}</b></div><div class="card stat-mini"><span class="muted">Gestão</span><b>Contas a pagar</b></div></div>
<section class="card table-wrap"><table class="table"><thead><tr><th>Vencimento</th><th>Fornecedor / descrição</th><th>Categoria</th><th>Valor</th><th>Status</th><th>Pagamento</th><th>Ações</th></tr></thead><tbody>{% for e in expenses %}<tr><td>{{ e.due_date or e.date or '—' }}</td><td><b>{{ e.supplier or '—' }}</b><div class="muted">{{ e.description }}</div></td><td>{{ e.category or '—' }}</td><td><b>R$ {{ e.value }}</b></td><td><span class="badge {{ 'badge-success' if e.status=='PAGO' else 'status-cancel' if e.status=='CANCELADO' else 'status-pending' }}">{{ e.status or 'PENDENTE' }}</span></td><td>{% if e.status=='PAGO' %}{{ e.paid_date or '—' }}<div class="muted">{{ e.payment_method or '' }}</div>{% else %}—{% endif %}</td><td><div class="actions">{% if e.status not in ['PAGO','CANCELADO'] %}<button class="btn btn-primary btn-sm" onclick="openDialog('pay-{{ e.id }}')">Pagar</button>{% endif %}<button class="btn btn-soft btn-sm btn-icon" onclick="openDialog('edit-{{ e.id }}')"><span class="material-symbols-outlined">edit</span></button>{% if e.status!='CANCELADO' %}<form method="post" action="{{ url_for('clinic.expense_cancel',eid=e.id) }}"><button type="button" class="btn btn-warn btn-sm" onclick="confirmSubmit(this.form,'Cancelar esta despesa?')">Cancelar</button></form>{% endif %}<form method="post" action="{{ url_for('clinic.expense_delete',eid=e.id) }}"><button type="button" class="btn btn-danger btn-sm btn-icon" onclick="confirmSubmit(this.form,'Excluir definitivamente esta despesa?')"><span class="material-symbols-outlined">delete</span></button></form></div></td></tr>{% else %}<tr><td colspan="7" class="empty">Nenhuma despesa cadastrada.</td></tr>{% endfor %}</tbody></table></section>
{% macro ef(e=None) -%}<div class="grid-2"><div><label class="label">Fornecedor / favorecido</label><select class="input" name="supplier"><option value="">Selecione</option>{% for x in suppliers %}<option {{ 'selected' if e and e.supplier==x.name }}>{{ x.name }}</option>{% endfor %}</select></div><div><label class="label">Categoria</label><select class="input" name="category"><option value="">Selecione</option>{% for x in expense_categories %}<option {{ 'selected' if e and e.category==x.name }}>{{ x.name }}</option>{% endfor %}</select></div><div><label class="label">Descrição *</label><input class="input" name="description" value="{{ e.description if e else '' }}" required></div><div><label class="label">Valor *</label><input class="input" type="number" min="0" step="0.01" name="value" value="{{ e.value if e else '' }}" required></div><div><label class="label">Emissão</label><input class="input" type="date" name="date" value="{{ e.date if e else '' }}"></div><div><label class="label">Vencimento *</label><input class="input" type="date" name="due_date" value="{{ e.due_date if e else '' }}" required></div><div><label class="label">Conta / Caixa</label><select class="input" name="account"><option value="">Selecione</option>{% for x in accounts %}<option {{ 'selected' if e and e.account==x.name }}>{{ x.name }}</option>{% endfor %}</select></div><div><label class="label">Centro de custo</label><select class="input" name="cost_center"><option value="">Selecione</option>{% for x in cost_centers %}<option {{ 'selected' if e and e.cost_center==x.name }}>{{ x.name }}</option>{% endfor %}</select></div><div><label class="label">Tipo</label><select class="input" name="type"><option value="FIXA" {{ 'selected' if not e or e.type=='FIXA' }}>Fixa</option><option value="VARIAVEL" {{ 'selected' if e and e.type=='VARIAVEL' }}>Variável</option><option value="IMPOSTO" {{ 'selected' if e and e.type=='IMPOSTO' }}>Imposto</option></select></div><div><label class="label">Status</label><select class="input" name="status"><option value="PENDENTE" {{ 'selected' if not e or e.status=='PENDENTE' }}>Pendente</option><option value="PAGO" {{ 'selected' if e and e.status=='PAGO' }}>Pago</option><option value="CANCELADO" {{ 'selected' if e and e.status=='CANCELADO' }}>Cancelado</option></select></div></div><div style="margin-top:14px"><label class="label">Observações</label><textarea class="input" name="notes">{{ e.notes if e else '' }}</textarea></div>{%- endmacro %}
<dialog id="newExpense" class="dialog"><form method="post"><div class="dialog-head"><h2>Nova despesa</h2><button type="button" class="icon-btn" onclick="closeDialog('newExpense')">×</button></div><div class="dialog-body">{{ ef() }}</div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('newExpense')">Cancelar</button><button class="btn btn-primary">Salvar</button></div></form></dialog>{% for e in expenses %}<dialog id="edit-{{ e.id }}" class="dialog"><form method="post" action="{{ url_for('clinic.expense_edit',eid=e.id) }}"><div class="dialog-head"><h2>Editar despesa</h2><button type="button" class="icon-btn" onclick="closeDialog('edit-{{ e.id }}')">×</button></div><div class="dialog-body">{{ ef(e) }}</div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('edit-{{ e.id }}')">Cancelar</button><button class="btn btn-primary">Salvar</button></div></form></dialog><dialog id="pay-{{ e.id }}" class="dialog"><form method="post" action="{{ url_for('clinic.expense_pay',eid=e.id) }}"><div class="dialog-head"><h2>Pagar despesa</h2><button type="button" class="icon-btn" onclick="closeDialog('pay-{{ e.id }}')">×</button></div><div class="dialog-body"><div class="notice"><b>{{ e.description }}</b><br>Valor: R$ {{ e.value }}</div><div class="grid-2" style="margin-top:14px"><div><label class="label">Data do pagamento *</label><input class="input" type="date" name="paid_date" required></div><div><label class="label">Forma de pagamento</label><select class="input" name="payment_method"><option value="">Selecione</option>{% for x in payment_methods %}<option>{{ x.name }}</option>{% endfor %}</select></div><div><label class="label">Referência</label><input class="input" name="payment_reference" placeholder="ID, comprovante, documento..."></div></div></div><div class="dialog-actions"><button type="button" class="btn btn-soft" onclick="closeDialog('pay-{{ e.id }}')">Cancelar</button><button class="btn btn-primary">Confirmar pagamento</button></div></form></dialog>{% endfor %}
{% endblock %}