{% extends "pos/base.html" %}
{% block title %}Bookings on {{ date }}{% endblock %}
{% block heading %}Bookings on {{ date }}{% endblock %}

{% block content %}
<div class="table-responsive">
  <table class="table table-striped table-sm">
    <thead>
      <tr>
        <th>Booking</th>
        <th>Guest</th>
        <th>Status</th>
        <th>Categories</th>
      </tr>
    </thead>
    <tbody>
    {% for r in rows %}
      <tr>
        <td>B#{{ r.booking.t_id }}</td>
        <td>{{ r.guest.name }}</td>
        <td>{{ r.booking.status }}</td>
        <td>
          {% for c in r.categories %}
            <div>
              <b>{{ c.category__name }}</b> — Rooms: {{ c.qty }},
              Rate: {{ c.rate_per_night }}, Disc: {{ c.discount_per_night }}
            </div>
          {% endfor %}
        </td>
      </tr>
    {% empty %}
      <tr><td colspan="4">No bookings.</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}