{% extends "cpq/base.html" %}{% load static %}{% block title %}Build {{ quote.number }}{% endblock %}
{% block content %}
<div class="head"><div><h1>{{ quote.number }} <span class="muted">v{{ rev.version }} · {{ quote.customer.name }} · {{ quote.currency }}</span></h1></div>
<div class="actions"><a class="btn" href="{% url 'quote_detail' quote.pk %}">Back to quote</a><button class="btn" id="save">Save</button><button class="btn primary" id="save-submit">Save &amp; submit</button></div></div>
<div id="status" class="msg" hidden></div>
<div class="builder">
<section class="card"><h2>Products</h2>
<input id="search" type="search" placeholder="Search SKU, name or family" autocomplete="off">
<ul id="results" class="results"></ul></section>
<section class="card span2"><h2>Lines</h2>
<div id="validation"></div>
<table class="tbl" id="lines"><thead><tr><th>Item</th><th class="r">Qty</th><th class="r">Disc %</th><th>Term / ramp</th><th class="r">Net unit</th><th class="r">Total</th><th class="r">Margin</th><th></th></tr></thead><tbody></tbody></table>
<div id="empty" class="muted">Search and add products to start.</div>
<div class="grid2"><div id="routing" class="card inset"></div><div id="totals" class="card inset"></div></div></section>
</div>
{{ initial|json_script:"initial-lines" }}
<div id="cfg" data-quote="{{ quote.pk }}" data-customer="{{ quote.customer_id }}" data-book="{{ quote.price_book_id }}" data-currency="{{ quote.currency }}" data-price-url="{% url 'api_price' %}" data-products-url="{% url 'api_products' %}" data-lines-url="{% url 'api_save_lines' quote.pk %}" data-submit-url="{% url 'quote_submit' quote.pk %}" data-detail-url="{% url 'quote_detail' quote.pk %}"></div>
<script type="module" src="{% static 'cpq/builder.js' %}"></script>
{% endblock %}