{% extends "base.html" %}
{% block title %}Bill {{ bill.id }} - Profitina Laundry{% endblock %}
{% block main %}
<h1>Bill {{ bill.id }}</h1>
{% if flash %}<p class="flash">{{ flash }}</p>{% endif %}
<table>
  <tr><th>Customer</th><td>{{ bill.Customer_id }} {{ bill.customer_name }}</td></tr>
  <tr><th>Service</th><td>{{ bill.description }}</td></tr>
  <tr><th>Amount</th><td>{{ amount }}</td></tr>
  <tr><th>Price</th><td>{{ rupiah(bill.payment) }}</td></tr>
  <tr><th>Outlet, rack</th><td>{{ bill.outlet_name }}, {{ bill.rack }}</td></tr>
  <tr><th>Arrived</th><td>{{ bill.arrived }}</td></tr>
  <tr><th>Status</th><td>{{ bill.status }}</td></tr>
  <tr><th>Taken in by</th><td>{{ bill.employee_name }}</td></tr>
</table>

<h2>Receipt photo</h2>
{% for p in photos %}<img class="receipt" src="/receipts/{{ p }}" alt="Receipt photo {{ loop.index }}">{% else %}<p class="hint">No photo yet.</p>{% endfor %}
<form method="post" action="/bills/{{ bill.id }}/receipt" enctype="multipart/form-data">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  <label for="photo">Photo of the signed paper receipt (JPEG or PNG, at most 2 MB)</label>
  <input id="photo" type="file" name="photo" accept="image/jpeg,image/png" required>
  {% if error %}<span class="err">{{ error }}</span>{% endif %}
  <div><button>Upload photo</button></div>
</form>
{% endblock %}