{% extends "cpq/base.html" %}{% load cpq_extras %}{% block title %}{{ quote.number }}{% endblock %}
{% block content %}
<div class="head"><div><h1>{{ quote.number }} <span class="badge {{ quote.status }}">{{ quote.status|label }}</span></h1>
<p class="muted">{{ quote.title }} · <a href="{% url 'customer_detail' quote.customer.pk %}">{{ quote.customer.name }}</a> · owner {{ quote.owner.get_full_name|default:quote.owner.username }} · {{ quote.currency }} · valid until {{ quote.valid_until }} · price book {{ quote.price_book.name }}</p></div>
<div class="actions">
{% if owner %}
{% if quote.editable %}<a class="btn" href="{% url 'builder' quote.pk %}">Edit lines</a>
<form method="post" action="{% url 'quote_submit' quote.pk %}">{% csrf_token %}<button class="btn primary">Submit</button></form>{% endif %}
{% if quote.status == 'approved' %}<form method="post" action="{% url 'quote_send' quote.pk %}">{% csrf_token %}<button class="btn primary">Mark sent</button></form>{% endif %}
{% if quote.status == 'sent' %}<form method="post" action="{% url 'quote_accept' quote.pk %}">{% csrf_token %}<button class="btn primary">Accepted</button></form>
<form method="post" action="{% url 'quote_lose' quote.pk %}" class="inline-form">{% csrf_token %}<input name="reason" placeholder="Loss reason"><button class="btn">Lost</button></form>{% endif %}
{% if not quote.editable and quote.status != 'accepted' and quote.status != 'lost' and quote.status != 'expired' %}
<form method="post" action="{% url 'quote_revise' quote.pk %}" class="inline-form">{% csrf_token %}<input name="note" placeholder="Revision note"><button class="btn">New revision</button></form>{% endif %}
{% endif %}
<a class="btn" href="{% url 'quote_document' quote.pk %}?v={{ rev.version }}">Quote document</a>
</div></div>

<div class="grid3">
<section class="card span2"><h2>Lines · v{{ rev.version }}{% if not is_current %} <span class="muted">(historic)</span>{% endif %}</h2>
<table class="tbl"><thead><tr><th>SKU</th><th>Item</th><th class="r">Qty</th><th class="r">List</th><th class="r">Net</th><th class="r">Disc</th><th class="r">Margin</th><th class="r">Total</th></tr></thead><tbody>
{% for l in lines %}<tr><td><a href="{% url 'product_detail' l.product.sku %}">{{ l.product.sku }}</a></td><td>{{ l.product.name }}
{% if l.product.type == 'subscription' %}<div class="muted small">{% if l.ramp %}Ramp: {% for p in l.periods %}{{ p.label }} {{ p.qty }}×{{ p.unit_net|money:quote.currency }}{% if not forloop.last %}, {% endif %}{% endfor %}{% else %}{{ l.term_months }}-month term{% endif %}</div>{% endif %}</td>
<td class="r">{{ l.qty }}</td><td class="r">{{ l.list_unit|money:quote.currency }}</td><td class="r">{{ l.net_unit|money:quote.currency }}</td>
<td class="r">{{ l.discount_pct|pct }}</td><td class="r">{{ l.margin_pct|pct }}</td><td class="r">{{ l.total|money:quote.currency }}</td></tr>
<tr class="wf"><td></td><td colspan="7"><details><summary>Price waterfall</summary>{% include "cpq/_waterfall.html" with steps=l.waterfall cur=quote.currency %}</details></td></tr>
{% empty %}<tr><td colspan="8" class="muted">No lines yet.</td></tr>{% endfor %}</tbody></table></section>

<section class="card"><h2>Totals</h2>
<dl class="kv"><dt>List value</dt><dd>{{ totals.list_total|money:quote.currency }}</dd>
<dt>Discount</dt><dd>{{ totals.discount_pct|pct }}</dd>
<dt>Net subtotal</dt><dd>{{ totals.subtotal|money:quote.currency }}</dd>
<dt>Tax</dt><dd>{{ totals.tax|money:quote.currency }}</dd>
<dt><b>Grand total</b></dt><dd><b>{{ totals.total|money:quote.currency }}</b></dd>
<dt>Margin</dt><dd>{{ totals.margin_pct|pct }}</dd>
<dt>TCV</dt><dd>{{ totals.tcv|money:quote.currency }}</dd><dt>ACV</dt><dd>{{ totals.acv|money:quote.currency }}</dd><dt>ARR</dt><dd>{{ totals.arr|money:quote.currency }}</dd></dl></section>
</div>

<div class="grid2">
<section class="card"><h2>Approvals</h2>
{% for a in approvals %}<div class="appr"><div><b>{{ a.get_role_display }}</b> <span class="badge {{ a.status }}">{{ a.status|label }}</span></div>
{% for r in a.reasons %}<div class="muted small">{{ r }}</div>{% endfor %}
{% if a.approver %}<div class="small">{{ a.approver.get_full_name|default:a.approver.username }}{% if a.decided_at %}, {{ a.decided_at|date:"d M Y H:i" }}{% endif %}{% if a.comment %}: “{{ a.comment }}”{% endif %}</div>{% endif %}
{% if a.can_act %}<form method="post" action="{% url 'approval_decide' a.pk %}" class="inline-form">{% csrf_token %}<input type="hidden" name="next" value="{% url 'quote_detail' quote.pk %}"><input name="comment" placeholder="Comment"><button name="decision" value="approve" class="btn primary">Approve</button><button name="decision" value="reject" class="btn danger">Reject</button></form>{% endif %}</div>
{% empty %}<p class="muted">{% if quote.status == 'draft' %}Not submitted.{% else %}No approvals were required: auto-approved within guardrails.{% endif %}</p>{% endfor %}
{% if routing and quote.status == 'draft' %}<h3>If submitted now</h3>
{% if routing.blocked %}{% for b in routing.blocked %}<div class="msg error">Blocked: {{ b }}</div>{% endfor %}
{% elif routing.required %}{% for r in routing.required %}<div class="small"><b>{{ r.role|label }}</b>: {{ r.reasons|join:" | " }}</div>{% endfor %}
{% else %}<p class="small">Within guardrails: will be auto-approved.</p>{% endif %}{% endif %}
</section>
<section class="card"><h2>Revisions</h2>
<ul class="plain">{% for r in revisions %}<li><a href="?v={{ r.version }}">v{{ r.version }}</a> · {{ r.created_at|date:"d M Y" }} · {{ r.totals.total|money:quote.currency }}{% if r.note %} · <i>{{ r.note }}</i>{% endif %}</li>{% endfor %}</ul>
{% if revisions|length > 1 %}<a class="btn" href="{% url 'quote_diff' quote.pk %}">Compare revisions</a>{% endif %}
<h2>Timeline</h2>
<ul class="timeline">{% for e in events %}<li><span class="when">{{ e.at|date:"d M Y H:i" }}</span> {{ e.message }}{% if e.actor %} <span class="muted">· {{ e.actor.get_full_name|default:e.actor.username }}</span>{% endif %}</li>{% endfor %}</ul></section>
</div>
{% endblock %}