{% extends "ui/templates/base/layout.html" %}
{% block content %}<div class="space-y-6"><div class="flex items-center justify-between"><h1 class="text-2xl font-semibold">Platform Subscriptions</h1>{% if can_manage %}<a href="/platform-billing/subscriptions/new" class="rounded-xl bg-brand-600 px-4 py-2 text-sm font-semibold text-white">New Subscription</a>{% endif %}</div><form method="get" class="rounded-2xl border bg-white p-4 shadow-soft"><input name="q" value="{{ q or '' }}" placeholder="Search subscription/account" class="w-full rounded-xl border px-3 py-2 text-sm" /></form><div class="overflow-hidden rounded-2xl border bg-white shadow-soft"><table class="min-w-full text-sm"><thead class="bg-slate-50 text-left"><tr><th class="px-4 py-3">Code</th><th class="px-4 py-3">Account</th><th class="px-4 py-3">Plan</th><th class="px-4 py-3">Cycle</th><th class="px-4 py-3 text-right">Amount</th><th class="px-4 py-3">Status</th></tr></thead><tbody class="divide-y">{% for row in rows %}<tr><td class="px-4 py-3 font-medium">{{ row.subscription_code }}</td><td class="px-4 py-3">{{ row.account.display_name if row.account else row.account_id }}</td><td class="px-4 py-3">{{ row.plan.name if row.plan else row.plan_id }}</td><td class="px-4 py-3">{{ row.billing_cycle }}</td><td class="px-4 py-3 text-right">₹ {{ '%.2f'|format(row.amount or 0) }}</td><td class="px-4 py-3">{{ row.status }}</td></tr>{% else %}<tr><td colspan="6" class="px-4 py-8 text-center text-slate-500">No subscriptions found.</td></tr>{% endfor %}</tbody></table></div></div>{% endblock %}