{% extends 'base.html' %}{% block title %}Customers{% endblock %}{% block content %}
<div class="page-heading"><div><div class="eyebrow">RELATIONSHIPS</div><h1>Customers</h1><p class="muted">Your customer directory and service history.</p></div><a class="button primary" href="{{ url_for('customer_new') }}">＋ Add customer</a></div>
<div class="toolbar"><form method="get" class="search"><span>⌕</span><input name="q" value="{{ q }}" placeholder="Search customers..."></form><span class="result-count">{{ customers|length }} customers</span></div>
<div class="panel"><div class="table-wrap"><table><thead><tr><th>CUSTOMER</th><th>CONTACT</th><th>PHONE</th><th>OPEN TICKETS</th><th>SUBSCRIPTIONS</th><th></th></tr></thead><tbody>{% for c in customers %}<tr><td><a class="strong-link" href="{{ url_for('customer_detail', customer_id=c.id) }}">{{ c.name }}</a><small class="cell-sub">{{ c.company or 'Individual customer' }}</small></td><td>{{ c.email or '—' }}</td><td>{{ c.phone or '—' }}</td><td><span class="table-count">{{ c.tickets|selectattr('status', 'ne', 'Closed')|list|length }}</span></td><td><span class="table-count">{{ c.subscriptions|selectattr('status', 'equalto', 'Active')|list|length }}</span></td><td><a class="row-arrow" href="{{ url_for('customer_detail', customer_id=c.id) }}">→</a></td></tr>{% else %}<tr><td colspan="6" class="empty-state"><div class="empty-icon">♙</div><strong>No customers yet</strong><p>Add a customer to start organizing your service work.</p><a class="button primary" href="{{ url_for('customer_new') }}">＋ Add your first customer</a></td></tr>{% endfor %}</tbody></table></div></div>{% endblock %}