{% extends "pos/base.html" %}
{% block title %}Folio B#{{ booking.booking_code }}{% endblock %}
{% block heading %}Folio — Booking #{{ booking.booking_code }} ({{ booking.guest.name }}){% endblock %}

{% block content %}
<div class="mb-2">
  <a class="btn btn-outline-secondary btn-sm" href="{% url 'hotel:roomservice_new' %}">Add Room Service</a>
  <a class="btn btn-outline-secondary btn-sm" href="{% url 'hotel:restaurant_pos' %}">Restaurant Sale</a>
</div>

<table class="table table-sm table-bordered">
  <thead><tr>
    <th>Date</th><th>Type</th><th>Ref</th><th>Qty</th><th>Rate</th><th>Tax %</th><th>Amount</th><th>Routed</th>
  </tr></thead>
  <tbody>
  {% for ln in lines %}
    <tr>
      <td>{{ ln.date }}</td>
      <td>{{ ln.item_type }}</td>
      <td>{{ ln.ref_id }}</td>
      <td>{{ ln.qty }}</td>
      <td>{{ ln.unit_price }}</td>
      <td>{{ ln.tax_percent }}</td>
      <td>{{ ln.amount }}</td>
      <td>{{ ln.routed_to }}</td>
    </tr>
  {% empty %}
    <tr><td colspan="8" class="text-muted">No folio lines yet.</td></tr>
  {% endfor %}
  </tbody>
  <tfoot>
    <tr>
      <th colspan="6" class="text-right">Total</th>
      <th colspan="2">{{ total }}</th>
    </tr>
  </tfoot>
</table>

{% if rs_orders %}
<h6>Room Service Orders</h6>
<ul>
  {% for o in rs_orders %}
    <li>RS#{{ o.order_no }} — {{ o.created_at }} — <a href="{% url 'hotel:roomservice_kot' o.order_no %}">Print KOT</a></li>
  {% endfor %}
</ul>
{% endif %}
{% endblock %}