{% extends "base.html" %}
{% set title = "Bill draft" %}
{% block main %}
<h1>Bill draft for <span id="customer">{{ customer.id }} {{ customer.name }}</span></h1>
<p>Phone {{ customer.phone }}. Lines stay here while you add them; nothing is saved
   until you press <em>Create the bills</em>.</p>
<table id="lines">
    <tr><th>#</th><th>Service</th><th>Units</th><th>Rack</th><th>Amount</th><th></th></tr>
    {% for line in lines %}
    <tr>
        <td>{{ loop.index }}</td><td>{{ line.service }}</td><td>{{ line.units }}</td>
        <td>{{ line.rack }}</td><td>{{ rupiah(line.amount) }}</td>
        <td>
            <form method="post" action="/bills/draft">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                <input type="hidden" name="customer" value="{{ customer.id }}">
                <input type="hidden" name="index" value="{{ loop.index0 }}">
                <button name="action" value="remove">Remove</button>
            </form>
        </td>
    </tr>
    {% endfor %}
    <tr><th colspan="4">Total</th><th id="total">{{ rupiah(lines | sum(attribute="amount")) }}</th><th></th></tr>
</table>

<h2>Add a line</h2>
<form method="post" action="/bills/draft">
    {% include "_summary.html" %}
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <input type="hidden" name="customer" value="{{ customer.id }}">
    <label for="service">Service</label>
    <select id="service" name="Line.ServiceId">
        <option value="">-- choose --</option>
        {% for s in services.values() %}
        <option value="{{ s.id }}" {{ "selected" if values.get("ServiceId") == s.id }}>{{ s.description }} - {{ rupiah(s.price) }}</option>
        {% endfor %}
    </select>
    {% if errors.ServiceId %}<span class="error">{{ errors.ServiceId }}</span>{% endif %}
    <label for="units">Units (kg, items or pairs)</label>
    <input id="units" name="Line.Units" value="{{ values.get('Units', '') }}">
    {% if errors.Units %}<span class="error">{{ errors.Units }}</span>{% endif %}
    <label for="rack">Rack</label>
    <input id="rack" name="Line.Rack" value="{{ values.get('Rack', '') }}" placeholder="B07" size="4">
    {% if errors.Rack %}<span class="error">{{ errors.Rack }}</span>{% endif %}
    <button name="action" value="add">Add line</button>
</form>

<form method="post" action="/bills/draft" class="actions">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <input type="hidden" name="customer" value="{{ customer.id }}">
    <button name="action" value="confirm">Create the bills</button>
    <button name="action" value="clear">Clear the draft</button>
</form>
{% endblock %}