{% extends "pos/base.html" %}

{% block title %}Upcoming Pre-Bookings{% endblock %}
{% block heading %}Upcoming Pre-Bookings (All Sources){% endblock %}

{% block content %}

{# ---- Filters bar ---- #}
<form method="get" class="card card-body mb-3">
  <div class="form-row">
    <div class="col-md-3 mb-2">
      <label for="id_from">From (Check-in)</label>
      <input type="date" id="id_from" name="from"
             class="form-control"
             value="{{ from_str }}">
    </div>
    <div class="col-md-3 mb-2">
      <label for="id_to">To (Check-in)</label>
      <input type="date" id="id_to" name="to"
             class="form-control"
             value="{{ to_str }}">
    </div>
    <div class="col-md-3 mb-2">
      <label for="id_status">Status</label>
      <select id="id_status" name="status" class="form-control">
        {# Default upcoming behaviour: PENDING + CONFIRMED #}
        <option value=""
          {% if not current_status %}selected{% endif %}>
          Upcoming (Pending &amp; Confirmed)
        </option>
        <option value="ALL"
          {% if current_status == "ALL" %}selected{% endif %}>
          All Statuses
        </option>
        {% for value,label in status_choices %}
          <option value="{{ value }}"
            {% if current_status == value %}selected{% endif %}>
            {{ label }}
          </option>
        {% endfor %}
      </select>
    </div>
    <div class="col-md-3 mb-2">
      <label for="id_source">Source</label>
      <select id="id_source" name="source" class="form-control">
        <option value=""
          {% if not current_source %}selected{% endif %}>
          All Sources
        </option>
        {% for s in source_choices %}
          <option value="{{ s }}"
            {% if current_source == s %}selected{% endif %}>
            {{ s|title }}
          </option>
        {% endfor %}
      </select>
    </div>
  </div>
  <div class="mt-2">
    <button type="submit" class="btn btn-primary">
      <i class="fas fa-filter mr-1"></i>Filter
    </button>
    <a href="{% url 'hotel:staff_prebook_upcoming' %}"
       class="btn btn-outline-secondary ml-1">
      Reset
    </a>
  </div>
</form>

{# ---- Table ---- #}
<div class="table-responsive">
  <table class="table table-striped table-sm">
    <thead>
      <tr>
        <th>#</th>
        <th>Guest</th>
        <th>Source</th>
        <th>Dates</th>
        <th>Nights</th>
        <th>Total</th>
        <th>Adv Req</th>
        <th>Paid</th>
        <th>Status</th>
        <th class="text-right">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for b in rows %}
      <tr>
        <td>{{ b.t_id }}</td>
        <td>{{ b.guest.name }}</td>
        <td>{{ b.source|default:"-"|title }}</td>
        <td>{{ b.checkin_date }} → {{ b.checkout_date }}</td>
        <td>{{ b.nights }}</td>
        <td>{{ b.total_amount|floatformat:2 }}</td>
        <td>{{ b.advance_required|floatformat:2 }}</td>
        <td>{{ b.advance_received|floatformat:2 }}</td>
        <td>
          {% if b.status == "CONFIRMED" %}
            <span class="badge badge-success">Confirmed</span>
          {% elif b.status == "PENDING" %}
            <span class="badge badge-warning">Pending</span>
          {% elif b.status == "CHECKEDIN" %}
            <span class="badge badge-primary">Checked In</span>
          {% elif b.status == "CHECKEDOUT" %}
            <span class="badge badge-secondary">Checked Out</span>
          {% elif b.status == "NOSHOW" %}
            <span class="badge badge-dark">No Show</span>
          {% elif b.status == "CANCELLED" %}
            <span class="badge badge-danger">Cancelled</span>
          {% else %}
            <span class="badge badge-light">{{ b.status }}</span>
          {% endif %}
        </td>
        <td class="text-right">
          <a class="btn btn-sm btn-outline-primary"
             href="{% url 'hotel:staff_prebook_detail' b.id %}">
            Open
          </a>
          <a class="btn btn-sm btn-outline-secondary"
             href="{% url 'hotel:staff_prebook_voucher' b.id %}"
             target="_blank">
            Voucher
          </a>

          {% if b.status != "CANCELLED" and b.status != "CHECKEDOUT" %}
            <a class="btn btn-sm btn-outline-warning"
               href="{% url 'hotel:staff_prebook_edit' b.id %}">
              Edit
            </a>
            <a class="btn btn-sm btn-outline-success"
               href="{% url 'hotel:staff_prebook_pay' b.id %}">
              Payment
            </a>
            <a class="btn btn-sm btn-outline-danger"
               href="{% url 'hotel:staff_prebook_cancel' b.id %}"
               onclick="return confirm('Cancel and release holds?');">
              Cancel
            </a>
          {% endif %}
        </td>
      </tr>
      {% empty %}
      <tr>
        <td colspan="10">No bookings in this range.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{% endblock %}