{% extends "pos/base.html" %}
{% load static %}
{% block title %}Hotel Calendar{% endblock %}
{% block heading %}Hotel Calendar{% endblock %}

{% block content %}
<div class="mb-3">
  <a class="btn btn-sm btn-secondary" href="?year={{ year }}&month={{ month|add:"-1" }}">Prev</a>
  <a class="btn btn-sm btn-secondary" href="?year={{ year }}&month={{ month|add:"1" }}">Next</a>
</div>

<div class="table-responsive">
  <table class="table table-bordered table-sm">
    <thead>
      <tr>
        <th>Date</th>
        <th>Pending</th>
        <th>Confirmed/In-House</th>
        <th>Rooms (Total)</th>
        <th>View</th>
      </tr>
    </thead>
    <tbody>
      {% for d in month_days %}
      <tr>
        <td>{{ d.date }}</td>
        <td>{{ d.pending }}</td>
        <td>{{ d.confirmed }}</td>
        <td>{{ d.rooms_total }}</td>
        <td>
          <a class="btn btn-sm btn-primary" href="{% url 'hotel:daily_bookings' %}?date={{ d.date|date:'Y-m-d' }}">Details</a>

        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}