{% extends "base.html" %}
{% block content %}
<h1>Bill {{ bill.id }}</h1>
<table class="card">
  <tr><th>Customer</th><td>{{ bill.customer_name }} ({{ bill.Customer_id }}), {{ bill.customer_phone }}</td></tr>
  <tr><th>Outlet</th><td>{{ bill.outlet_name }}, rack {{ bill.rack }}</td></tr>
  <tr><th>Service</th><td>{{ bill.service_description }}</td></tr>
  <tr><th>Quantity</th><td>{{ bill.quantity }}</td></tr>
  <tr><th>Charged</th><td>{{ bill.payment | rupiah }}</td></tr>
  <tr><th>Balance</th><td>{{ bill.balance | rupiah }}</td></tr>
  <tr><th>Arrived</th><td>{{ bill.arrived }}</td></tr>
  <tr><th>Finished</th><td>{{ bill.finished or '-' }}</td></tr>
  <tr><th>Departed</th><td>{{ bill.departed or '-' }}</td></tr>
  <tr><th>Status</th><td>{{ 'cancelled' if bill.cancelled else bill.status }}</td></tr>
</table>
{% if bill.next_status %}
  <form method="post" action="{{ url_for('advance') }}">
    <input type="hidden" name="id" value="{{ bill.id }}">
    <input type="hidden" name="csrf" value="{{ session.csrf }}">
    <button type="submit">Mark as {{ bill.next_status }}</button>
  </form>
{% endif %}
<p><a href="{{ url_for('bills', outlet=bill.Outlet_id) }}">Back to the bills of this outlet</a></p>
{% endblock %}