{% extends "base.html" %}
{% block title %}New bill - Profitina Laundry{% endblock %}
{% block main %}
<h1>Take in a new bill</h1>
{% if errors %}<p class="err">Please correct the fields marked below.</p>{% endif %}
{% if quote %}<p class="quote">Price: {{ quote }}</p>{% endif %}
<form method="post" action="/bills/new">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

  <label for="customer">Customer id</label>
  <input id="customer" name="customer" value="{{ form.customer }}" required
         pattern="[Cc][0-9]{4}" maxlength="5" placeholder="C0047" autocomplete="off">
  {% if errors.customer %}<span class="err">{{ errors.customer }}</span>{% endif %}

  <label for="service">Service</label>
  <select id="service" name="service" required>
    <option value="">- choose -</option>
    {% for s in services %}
    <option value="{{ s.id }}"{% if s.id == form.service %} selected{% endif %}>{{ s.description }} - {{ rupiah(s.price) }}</option>
    {% endfor %}
  </select>
  {% if errors.service %}<span class="err">{{ errors.service }}</span>{% endif %}

  <label class="check"><input type="checkbox" name="express" value="yes"{% if form.express %} checked{% endif %}>
    Express, ready in 1 day (wash &amp; fold only)</label>
  {% if errors.express %}<span class="err">{{ errors.express }}</span>{% endif %}

  <label for="quantity">Weight in kg, or number of items</label>
  <input id="quantity" name="quantity" value="{{ form.quantity }}" required inputmode="decimal"
         pattern="[0-9]{1,3}([.,][0-9])?" placeholder="2.5">
  {% if errors.quantity %}<span class="err">{{ errors.quantity }}</span>{% endif %}

  <fieldset>
    <legend>Outlet</legend>
    {% for o in outlets %}
    <label><input type="radio" name="outlet" value="{{ o.id }}"{% if o.id == form.outlet %} checked{% endif %} required> {{ o.name }}</label>
    {% endfor %}
  </fieldset>
  {% if errors.outlet %}<span class="err">{{ errors.outlet }}</span>{% endif %}

  <label for="rack">Rack</label>
  <input id="rack" name="rack" value="{{ form.rack }}" required
         pattern="[A-Ca-c](0[1-9]|1[0-9]|20)" maxlength="3" placeholder="B03">
  {% if errors.rack %}<span class="err">{{ errors.rack }}</span>{% endif %}

  <div>
    <button name="action" value="preview">Calculate price</button>
    <button name="action" value="save">Save bill</button>
  </div>
</form>
<p class="hint">The server computes the price from its own price list: units &times; price.
Weight is rounded up to a whole kilogram; express costs the express price per kilogram.</p>
{% endblock %}