{% extends 'base.html' %}{% block title %}Subscriptions{% endblock %}{% block content %}<div class="page-heading"><div><div class="eyebrow">RECURRING REVENUE</div><h1>Subscriptions</h1><p class="muted">Keep recurring customer services and invoice dates in view.</p></div><a class="button primary" href="{{ url_for('subscription_new') }}">＋ Add subscription</a></div><div class="panel"><div class="table-wrap"><table><thead><tr><th>CUSTOMER</th><th>SERVICE</th><th>AMOUNT</th><th>CYCLE</th><th>NEXT INVOICE</th><th>STATUS</th><th>ACTION</th></tr></thead><tbody>{% for s in subscriptions %}<tr><td><a class="strong-link" href="{{ url_for('customer_detail', customer_id=s.customer_id) }}">{{ s.customer.name }}</a><small class="cell-sub">{{ s.customer.company or s.customer.email }}</small></td><td>{{ s.name }}</td><td class="money">{{ s.amount_cents|money }}</td><td>{{ s.interval }}</td><td>{{ s.next_invoice.strftime('%b %-d, %Y') }}</td><td><span class="badge {% if s.status == 'Active' %}badge-green{% else %}badge-gray{% endif %}">{{ s.status }}</span></td><td><div class="action-stack">{% if s.status == 'Active' %}<form method="post" action="{{ url_for('subscription_invoiced', subscription_id=s.id) }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="button tiny secondary">Mark invoiced</button></form>{% endif %}<form method="post" action="{{ url_for('subscription_status', subscription_id=s.id) }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><select name="status" aria-label="Change subscription status" onchange="this.form.submit()"><option value="" disabled selected>Change status</option>{% for status_option in ['Active','Paused','Cancelled'] %}{% if status_option != s.status %}<option value="{{ status_option }}">{{ status_option }}</option>{% endif %}{% endfor %}</select></form></div></td></tr>{% else %}<tr><td colspan="7" class="empty-state"><div class="empty-icon">↻</div><strong>No subscriptions yet</strong><p>Add recurring services to track when they need invoicing.</p><a class="button primary" href="{{ url_for('subscription_new') }}">＋ Add subscription</a></td></tr>{% endfor %}</tbody></table></div></div>{% endblock %}