{% extends "base.html" %}
{% block content %}
<h1>New bill</h1>
{% if errors %}<p class="err">Please correct the fields marked below.</p>{% endif %}
<form method="post" action="{{ url_for('new_bill') }}">
  <input type="hidden" name="csrf" value="{{ session.csrf }}">

  <label for="customerId">Customer id</label>
  <input id="customerId" name="customerId" placeholder="C0001" value="{{ form.customerId }}">
  <span class="err">{{ errors.customerId }}</span>

  <label for="serviceId">Service</label>
  <select id="serviceId" name="serviceId">
    <option value="">Choose...</option>
    {% for s in services %}
      <option value="{{ s.id }}" {{ 'selected' if s.id == form.serviceId }}>
        {{ s.description }} &mdash; {{ s.price | rupiah }}
      </option>
    {% endfor %}
  </select>
  <span class="err">{{ errors.serviceId }}</span>

  <label for="quantity">Weight in kg, or number of items</label>
  <input id="quantity" name="quantity" value="{{ form.quantity }}">
  <span class="err">{{ errors.quantity }}</span>

  <label for="outletId">Outlet</label>
  <select id="outletId" name="outletId">
    {% for o in outlets %}
      <option value="{{ o.id }}" {{ 'selected' if o.id == form.outletId }}>{{ o.name }}</option>
    {% endfor %}
  </select>
  <span class="err">{{ errors.outletId }}</span>

  <label for="rack">Rack</label>
  <input id="rack" name="rack" placeholder="A02" value="{{ form.rack }}">
  <span class="err">{{ errors.rack }}</span>

  <button type="submit">Create bill</button>
</form>
<p class="hint">The price is computed by the server: units &times; the price list.
   Weight is rounded up to a whole kilogram.</p>
{% endblock %}