{% extends 'base.html' %}{% block title %}Customer Communications{% endblock %}{% block breadcrumb %}Customer Communications{% endblock %}{% block content %}
<div class="page-head"><div><p class="small muted">GENEZ CUSTOMER CARE</p><h2>Customer communications</h2><p>One work queue for order chats and quote requests. Assign an owner, label the need and keep every customer reply with its order.</p></div><a href="{% url 'genez_quote_leads' %}" class="btn small outline">Full quote pipeline</a></div>
<div class="card card-pad" style="margin-bottom:1rem"><h3>Order conversations</h3><form method="get" class="v27-inbox-filters">
<label class="field">Search<input type="search" name="q" value="{{ filter_values.q }}" placeholder="Order, customer or email"></label>
<label class="field">Status<select name="status"><option value="">Any status</option>{% for value,label in status_choices %}<option value="{{ value }}" {% if filter_values.status == value %}selected{% endif %}>{{ label }}</option>{% endfor %}</select></label>
<label class="field">Priority<select name="priority"><option value="">Any priority</option>{% for value,label in priority_choices %}<option value="{{ value }}" {% if filter_values.priority == value %}selected{% endif %}>{{ label }}</option>{% endfor %}</select></label>
<label class="field">Topic tag<select name="topic"><option value="">All topics</option>{% for value,label in topic_choices %}<option value="{{ value }}" {% if filter_values.topic == value %}selected{% endif %}>{{ label }}</option>{% endfor %}</select></label>
<label class="field">Owner<select name="assigned"><option value="">Any owner</option><option value="mine" {% if filter_values.assigned == 'mine' %}selected{% endif %}>Assigned to me</option><option value="unassigned" {% if filter_values.assigned == 'unassigned' %}selected{% endif %}>Unassigned</option></select></label>
<label class="field v27-check"><input type="checkbox" name="unread" value="1" {% if filter_values.unread == '1' %}checked{% endif %}> Unread for me</label>
<button class="btn small" type="submit">Filter inbox</button><a class="btn small outline" href="{% url 'genez_support_inbox' %}">Clear</a>
</form><div class="table-wrap"><table class="table"><thead><tr><th>Order / customer</th><th>Topic</th><th>Priority</th><th>Status</th><th>Owner</th><th>Last activity</th><th></th></tr></thead><tbody>
{% for t in threads %}<tr><td><strong>{{ t.order.order_number }}</strong><br><span class="small muted">{{ t.order.customer.get_full_name|default:t.order.customer.username }}</span>{% if t.is_unread %}<br><span class="v27-pill v27-unread">{{ t.unread_count }} unread</span>{% endif %}</td><td><span class="v27-pill">{{ t.get_topic_display }}</span></td><td><span class="v27-pill {% if t.priority == 'urgent' %}v27-urgent{% elif t.priority == 'high' %}v27-high{% endif %}">{{ t.get_priority_display }}</span></td><td>{{ t.get_status_display }}</td><td>{% if t.assigned_to %}{{ t.assigned_to.get_full_name|default:t.assigned_to.username }}{% else %}<span class="muted">Unassigned</span>{% endif %}</td><td>{{ t.last_message_at|date:'d M Y H:i' }}</td><td><a href="{% url 'genez_conversation' t.order.pk %}" class="btn small outline">Open chat</a></td></tr>{% empty %}<tr><td colspan="7">No conversations match these filters.</td></tr>{% endfor %}
</tbody></table></div><p class="small muted">Showing up to 150 conversations. Unread status is tracked separately for each support user.</p></div>
<div class="card card-pad"><div class="page-head"><div><h3>Quote requests needing follow-up</h3><p class="small muted">New and in-review requests that have not yet been quoted or converted.</p></div></div><div class="table-wrap"><table class="table"><thead><tr><th>Request</th><th>Customer</th><th>Product / service</th><th>Quantity</th><th>Received</th><th></th></tr></thead><tbody>
{% for lead in leads %}<tr><td>#{{ lead.pk }}<br><span class="v27-pill">{{ lead.get_status_display }}</span></td><td>{{ lead.contact_name }}<br><span class="small muted">{{ lead.email }}</span><br><span class="small muted">{{ lead.phone }}</span></td><td>{% if lead.product %}{{ lead.product.name }} · {% endif %}{{ lead.service }}</td><td>{{ lead.quantity|default:'Not set' }}<br><span class="small muted">{{ lead.delivery_region_name }} · {{ lead.delivery_state_name }}{% if lead.delivery_lga %} · {{ lead.delivery_lga.name }} LGA{% endif %}{% if lead.delivery_city %} · {{ lead.delivery_city }}{% endif %}</span></td><td>{{ lead.created_at|date:'d M Y H:i' }}</td><td><a href="{% url 'genez_quote_leads' %}" class="btn small outline">Open quote pipeline</a></td></tr>{% empty %}<tr><td colspan="6">No quote requests are awaiting follow-up.</td></tr>{% endfor %}
</tbody></table></div></div>
<style>.v27-inbox-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem;align-items:end;margin:1rem 0}.v27-check{display:flex;gap:.45rem;align-items:center}.v27-check input{width:auto}.v27-pill{display:inline-block;border-radius:999px;background:rgba(90,110,140,.12);padding:.15rem .55rem;font-size:.78rem;white-space:nowrap}.v27-unread{background:#e7f0ff;color:#164a91;font-weight:700}.v27-high{background:#fff1d6;color:#875500}.v27-urgent{background:#ffe2e2;color:#a31818;font-weight:700}</style>
<script>(function(){window.setInterval(function(){if(!document.hidden&&!document.querySelector('form:focus-within'))window.location.reload()},45000)})();</script>
{% endblock %}