{% extends 'dashboard/base.html' %}
{% block title %}Enquiries{% endblock %}
{% block content %}
<div class="sp-topbar">
  <div>
    <h1>Customer Enquiries</h1>
    <p class="sp-muted">Messages submitted through your website's contact form.</p>
  </div>
</div>

<div class="sp-tabs">
  <a href="?status=new" class="{% if status == 'new' %}active{% endif %}">New{% if new_count %} ({{ new_count }}){% endif %}</a>
  <a href="?status=read" class="{% if status == 'read' %}active{% endif %}">Read</a>
</div>

<div class="sp-card">
  <table class="sp-table">
    <thead><tr><th>Name</th><th>Email</th><th>Received</th><th></th></tr></thead>
    <tbody>
      {% for enquiry in enquiries %}
      <tr>
        <td><strong>{{ enquiry.name }}</strong></td>
        <td class="sp-muted">{{ enquiry.email }}</td>
        <td class="sp-muted">{{ enquiry.created_at|date:"d M Y, H:i" }}</td>
        <td><a href="{% url 'dashboard_enquiry_detail' enquiry.id %}" class="sp-btn sp-btn-sm">View Message</a></td>
      </tr>
      {% empty %}
      <tr><td colspan="4" class="sp-empty">Nothing here.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}