{% extends "pos/base.html" %}
{% block title %}Bookings Diary{% endblock %}
{% block heading %}Bookings Diary{% endblock %}
{% block content %}
<form class="form-inline mb-2" method="get">
  <label class="mr-2">Start</label><input type="date" name="start" class="form-control mr-2" value="{{ start|date:'Y-m-d' }}">
  <label class="mr-2">End</label><input type="date" name="end" class="form-control mr-2" value="{{ end|date:'Y-m-d' }}">
  <button class="btn btn-primary">Go</button>
</form>
<div class="card"><div class="card-body p-0">
<table class="table table-sm mb-0">
  <thead><tr><th>Date</th><th class="text-right">Bookings</th></tr></thead>
  <tbody>
    {% for d,c in rows %}
    <tr><td>{{ d }}</td><td class="text-right">{{ c }}</td></tr>
    {% empty %}<tr><td colspan="2" class="text-center text-muted">No rows.</td></tr>{% endfor %}
  </tbody>
</table>
</div></div>

<div class="card mt-3"><div class="card-body p-0">
<table class="table table-sm mb-0">
  <thead><tr><th>B#</th><th>Guest</th><th>Status</th><th>From</th><th>To</th></tr></thead>
  <tbody>
  {% for b in bookings %}
  <tr><td>{{ b.booking_code }}</td><td>{{ b.guest.name|default:"-" }}</td><td>{{ b.status }}</td><td>{{ b.checkin_date }}</td><td>{{ b.checkout_date }}</td></tr>
  {% empty %}<tr><td colspan="5" class="text-center text-muted">No rows.</td></tr>{% endfor %}
  </tbody>
</table>
</div></div>
{% endblock %}