{% extends 'base.html' %}{% block title %}Overview{% endblock %}{% block content %}
<div class="page-heading"><div><div class="eyebrow">YOUR BUSINESS AT A GLANCE</div><h1>Good to see you, {{ current_user.name.split(' ')[0] }}.</h1><p class="muted">Here’s what’s happening across your service desk.</p></div><div class="heading-actions"><a class="button secondary" href="{{ url_for('customer_new') }}">＋ Customer</a><a class="button primary" href="{{ url_for('ticket_new') }}">＋ New ticket</a></div></div>
<div class="stats-grid"><a class="stat-card" href="{{ url_for('customers') }}"><div class="stat-top"><span class="stat-icon blue">♙</span><span class="stat-arrow">↗</span></div><div class="stat-value">{{ customer_count }}</div><div class="stat-label">Total customers</div></a><a class="stat-card" href="{{ url_for('tickets') }}"><div class="stat-top"><span class="stat-icon purple">▤</span><span class="stat-arrow">↗</span></div><div class="stat-value">{{ open_count }}</div><div class="stat-label">Open tickets</div></a><a class="stat-card" href="{{ url_for('tickets', status='In progress') }}"><div class="stat-top"><span class="stat-icon green">◷</span><span class="stat-arrow">↗</span></div><div class="stat-value">{{ running }}</div><div class="stat-label">Active timers</div></a><a class="stat-card" href="{{ url_for('subscriptions') }}"><div class="stat-top"><span class="stat-icon orange">＄</span><span class="stat-arrow">↗</span></div><div class="stat-value">{{ due_count }}</div><div class="stat-label">Invoices due</div></a></div>
<div class="section-heading"><div><h2>Upcoming invoices</h2><p>Subscriptions due in the next 14 days</p></div><a class="text-link" href="{{ url_for('subscriptions') }}">View all <span>→</span></a></div>
<div class="panel"><div class="table-wrap"><table><thead><tr><th>CUSTOMER</th><th>SERVICE</th><th>AMOUNT</th><th>NEXT INVOICE</th><th>STATUS</th><th></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 }} <span>/ {{ s.interval|lower }}</span></td><td>{{ s.next_invoice.strftime('%b %-d, %Y') }}</td><td><span class="badge {% if s.next_invoice <= today %}badge-warn{% else %}badge-blue{% endif %}">{% if s.next_invoice < today %}Overdue{% elif s.next_invoice == today %}Due today{% else %}Upcoming{% endif %}</span></td><td><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></td></tr>
{% else %}<tr><td colspan="6" class="empty-inline">No invoices due soon. Add a subscription to get reminders here.</td></tr>{% endfor %}</tbody></table></div></div>
<div class="callout"><span class="callout-icon">✦</span><div><strong>Your service desk, all in one place.</strong><p>Keep customer details, service work, and recurring billing organized in one private workspace.</p></div><a href="{{ url_for('customers') }}" class="text-link">Explore customers →</a></div>
{% endblock %}