{% extends "adminpanel/base.html" %}
{% load money %}
{% block title %}Quotations — admin{% endblock %}
{% block heading %}Quotations{% endblock %}

{% block content %}
<div class="pane">
  <div class="toolbar"><div class="right">
    <a href="{% url 'admin_quote_new' %}" class="btn btn-sm btn-primary">New quotation</a></div></div>
  {% for q in quotes %}
  <div class="panel">
    <div class="panel-h"><h2>{{ q.number }} — {{ q.client_name }}</h2>
      <span class="status {{ q.get_status_display|status_class }} act">{{ q.get_status_display }}</span></div>
    <div class="panel-b">
      <div class="mono" style="margin-bottom:14px">{{ q.title }} · {{ q.created_at|date:"j M Y" }}</div>
      <table>
        <tr><th>Line item</th><th>Amount</th></tr>
        {% for i in q.items.all %}<tr><td>{{ i.description }}</td><td>{{ i.amount|naira }}</td></tr>{% endfor %}
        <tr><td style="font-weight:600">Total</td><td style="color:var(--gold);font-weight:600">{{ q.total|naira }}</td></tr>
      </table>
      <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:18px">
        {% if q.status == 'accepted' %}
          <a href="{% url 'admin_projects' %}" class="btn btn-sm btn-primary">Convert to project</a>
        {% else %}
          <a href="{% url 'admin_quote_accept' q.pk %}" class="btn btn-sm btn-primary">Mark accepted</a>
        {% endif %}
        <a href="{% url 'admin_quote_edit' q.pk %}" class="btn btn-sm">Edit</a>
      </div>
    </div>
  </div>
  {% empty %}
  <div class="panel"><div class="panel-b empty"><h3>No quotations yet</h3>
    <p>Create one from a lead and it will show here with its line items and total.</p>
    <a href="{% url 'admin_leads' %}" class="btn btn-primary">Open leads</a></div></div>
  {% endfor %}
</div>
{% endblock %}