{% extends 'base.html' %}{% block title %}{{ customer.name }}{% endblock %}{% block content %}<div class="breadcrumbs"><a href="{{ url_for('customers') }}">Customers</a><span>/</span>{{ customer.name }}</div><div class="page-heading detail-heading"><div class="customer-title"><div class="customer-avatar">{{ customer.name[:1]|upper }}</div><div><div class="eyebrow">CUSTOMER PROFILE</div><h1>{{ customer.name }}</h1><p class="muted">{{ customer.company or 'Individual customer' }} · Added {{ customer.created_at.strftime('%b %-d, %Y') }}</p></div></div><div class="heading-actions"><a class="button secondary" href="{{ url_for('customer_edit', customer_id=customer.id) }}">Edit details</a><a class="button primary" href="{{ url_for('ticket_new', customer=customer.id) }}">＋ New ticket</a></div></div><div class="detail-grid"><div class="detail-main"><div class="panel info-panel"><div class="panel-heading"><h2>Contact information</h2><a class="text-link" href="{{ url_for('customer_edit', customer_id=customer.id) }}">Edit <span>↗</span></a></div><div class="contact-grid"><div><span class="field-label">EMAIL</span><div>{{ customer.email or '—' }}</div></div><div><span class="field-label">PHONE</span><div>{{ customer.phone or '—' }}</div></div><div class="span-2"><span class="field-label">ADDRESS</span><div>{{ customer.address or '—' }}</div></div><div class="span-2"><span class="field-label">NOTES</span><div class="preserve">{{ customer.notes or '—' }}</div></div></div></div><div class="section-heading compact"><div><h2>Service tickets</h2><p>Repair, web, and other service requests</p></div><a class="button secondary tiny" href="{{ url_for('ticket_new', customer=customer.id) }}">＋ Ticket</a></div><div class="panel"><div class="table-wrap"><table><thead><tr><th>TICKET</th><th>TYPE</th><th>STATUS</th><th>TIME</th></tr></thead><tbody>{% for t in tickets %}<tr><td><a class="strong-link" href="{{ url_for('ticket_detail', ticket_id=t.id) }}">#{{ '%04d'|format(t.id) }} · {{ t.title }}</a></td><td>{{ t.category }}</td><td><span class="badge {% if t.status == 'Closed' %}badge-gray{% elif t.status == 'In progress' %}badge-blue{% else %}badge-purple{% endif %}">{{ t.status }}</span></td><td>{{ t.minutes_logged|duration }}</td></tr>{% else %}<tr><td colspan="4" class="empty-inline">No service tickets for this customer.</td></tr>{% endfor %}</tbody></table></div></div></div><div class="detail-side"><div class="panel vault-panel"><div class="vault-heading"><span class="secure-icon">▣</span><div><h2>Secure credentials</h2><p>Private service access</p></div></div>{% if customer.credentials_encrypted %}<p class="vault-blurb">Saved credentials are encrypted on your server.</p><form method="post" action="{{ url_for('reveal_credentials', customer_id=customer.id) }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="button secondary full">View credentials</button></form>{% else %}<p class="vault-blurb">No credentials saved for this customer.</p><a class="button secondary full" href="{{ url_for('customer_edit', customer_id=customer.id) }}">＋ Add credentials</a>{% endif %}</div><div class="panel subscription-side"><div class="panel-heading"><div><h2>Subscriptions</h2><p>Recurring services</p></div><a class="icon-add" href="{{ url_for('subscription_new', customer=customer.id) }}">＋</a></div>{% for s in subscriptions %}<div class="sub-item"><div class="sub-dot"></div><div class="sub-info"><strong>{{ s.name }}</strong><span>{{ s.amount_cents|money }} / {{ s.interval|lower }}</span><small>Next: {{ s.next_invoice.strftime('%b %-d, %Y') }}</small></div><span class="badge {% if s.status == 'Active' %}badge-green{% else %}badge-gray{% endif %}">{{ s.status }}</span></div>{% else %}<p class="vault-blurb">No subscriptions yet.</p>{% endfor %}<a class="text-link add-sub-link" href="{{ url_for('subscription_new', customer=customer.id) }}">＋ Add subscription</a></div></div></div>{% endblock %}