{% extends "pos/base.html" %}
{% block title %}Category-Night Sync{% endblock %}
{% block heading %}Category-Night Bulk Sync{% endblock %}

{% block content %}
<div class="row">
  <div class="col-md-7">
    <form method="post" action="{% url 'hotel:nights_sync' %}">
      {% csrf_token %}
      <div class="row">
        <div class="col-md-4">
          <label class="small mb-1">Start Date</label>
          {{ form.start_date }}
        </div>
        <div class="col-md-4">
          <label class="small mb-1">End Date</label>
          {{ form.end_date }}
        </div>
        <div class="col-md-4 mt-4">
          <div class="form-check mt-2">
            {{ form.overwrite }} <label class="form-check-label small">Overwrite existing totals</label>
          </div>
        </div>
      </div>
      <div class="mt-2">
        <label class="small mb-1">Categories (optional)</label>
        {{ form.categories }}
        <small class="text-muted d-block">Leave empty to sync all categories.</small>
      </div>
      <div class="mt-3">
        <button class="btn btn-success"><i class="fas fa-sync mr-1"></i>Sync</button>
        <a href="{% url 'hotel:dashboard' %}" class="btn btn-secondary">Back</a>
      </div>
    </form>
  </div>
  <div class="col-md-5">
    <div class="card card-body">
      <h6 class="mb-2">Current Room Counts</h6>
      <table class="table table-sm table-striped mb-0">
        <thead><tr><th>Category</th><th class="text-right">Rooms</th></tr></thead>
        <tbody>
        {% for c, cnt in cat_counts %}
          <tr>
            <td>{{ c.name }}</td>
            <td class="text-right">{{ cnt }}</td>
          </tr>
        {% empty %}
          <tr><td colspan="2">No categories.</td></tr>
        {% endfor %}
        </tbody>
      </table>
      <small class="text-muted mt-2">Sync will set <b>total_rooms</b> per day = current count shown here.</small>
    </div>
  </div>
</div>
{% endblock %}