{% extends "layout.html" %}{% set title = "Price calculator" %}
{% block content -%}
{# Every {{ ... }} below is escaped automatically: Jinja calls escape() for us. #}
<form method="get" action="">
  <label for="service">Service</label>
  <select id="service" name="service">
    <option value="">- choose -</option>
{% for id, s in services.items() %}    <option value="{{ id }}"{{ " selected" if id == old.service }}>{{ s.description }}, {{ rupiah(s.price) }}</option>
{% endfor %}  </select>
{% if errors.service %}  <p class="err">{{ errors.service }}</p>
{% endif %}  <label for="units">Quantity (kg, items or pairs)</label>
  <input id="units" name="units" value="{{ old.units }}" inputmode="numeric">
{% if errors.units %}  <p class="err">{{ errors.units }}</p>
{% endif %}  <button type="submit">Calculate</button>
</form>
{% if result %}<p class="result">{{ result.description }}: {{ result.units }} {{ result.unit }} x {{ rupiah(result.price) }} = <strong>{{ rupiah(result.total) }}</strong></p>
{% endif %}
{%- endblock %}