{% extends 'base.html' %}{% load rp_format %}
{% block title %}Pelanggan{% endblock %}
{% block content %}
<div class="flex flex-wrap items-end justify-between gap-3 mb-4">
  <div><h1 class="page-title">Pelanggan</h1><p class="page-sub">Dirangkum otomatis dari transaksi kasir dan pesanan online. {{ total }} pelanggan · total belanja {{ total_belanja|rp }}</p></div>
  <form class="flex gap-2"><input name="q" value="{{ q }}" placeholder="Cari nama / nomor WA" class="form-input w-64"><button class="btn btn-primary"><i class="fas fa-search"></i></button></form>
</div>
<div class="card overflow-hidden"><div class="overflow-x-auto"><table class="tbl">
<thead><tr><th>Nama</th><th>No. WA</th><th class="num">Kunjungan</th><th class="num">Online</th><th class="num">Total Belanja</th><th>Terakhir</th><th></th></tr></thead>
<tbody>{% for p in page %}
<tr><td class="font-semibold">{{ p.nama|default:"(tanpa nama)" }}</td><td class="text-xs">{{ p.no_wa|default:"-" }}</td><td class="num">{{ p.kunjungan }}</td><td class="num text-neutral-500">{{ p.online }}</td><td class="num font-semibold">{{ p.belanja|rp }}</td><td class="text-xs text-neutral-500">{{ p.terakhir|date:"d M Y" }}</td>
<td class="text-right whitespace-nowrap">{% if p.wa_bersih %}<a href="https://wa.me/{{ p.wa_bersih }}" target="_blank" class="btn btn-success btn-xs"><i class="fab fa-whatsapp"></i> Chat</a>{% endif %}
<a href="{% url 'riwayat' %}?q={{ p.no_wa|default:p.nama|urlencode }}&dari=2020-01-01" class="btn btn-secondary btn-xs">Riwayat</a></td></tr>
{% empty %}<tr><td colspan="7" class="text-center text-neutral-400 py-8">Belum ada data pelanggan.</td></tr>{% endfor %}</tbody></table></div>
{% include '_pagination.html' %}</div>
{% endblock %}