{% extends "pos/base.html" %}
{% block title %}In-House Guests{% endblock %}
{% block heading %}In-House Guests{% endblock %}

{% block content %}

<form method="get" class="card card-body mb-3">
  <div class="form-row">
    <div class="col-md-3 mb-2">
      <label for="id_booking_code">Booking Code</label>
      <input type="text" id="id_booking_code" name="booking_code"
             class="form-control"
             placeholder="B# / TID / ID"
             value="{{ booking_code }}">
    </div>
    <div class="col-md-3 mb-2">
      <label for="id_contact">Contact No</label>
      <input type="text" id="id_contact" name="contact"
             class="form-control"
             placeholder="03xx..."
             value="{{ contact }}">
    </div>
    <div class="col-md-3 mb-2">
      <label for="id_cnic">CNIC / Passport</label>
      <input type="text" id="id_cnic" name="cnic"
             class="form-control"
             placeholder="CNIC / Passport"
             value="{{ cnic }}">
    </div>
    <div class="col-md-3 mb-2">
      <label for="id_car_no">Car No</label>
      <input type="text" id="id_car_no" name="car_no"
             class="form-control"
             placeholder="Car / Registration"
             value="{{ car_no }}">
    </div>
  </div>

  <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">
        <option value="INHOUSE"
          {% if current_status == "INHOUSE" %}selected{% endif %}>
          In-House (Today)
        </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>

  <div class="mt-2 d-flex justify-content-between align-items-center flex-wrap">
    <div class="mb-2">
      <button type="submit" class="btn btn-primary btn-sm">
        <i class="fas fa-filter mr-1"></i> Filter
      </button>
      <a href="{% url 'hotel:inhouse_list' %}"
         class="btn btn-outline-secondary btn-sm ml-1">
        Reset
      </a>
    </div>
    <div class="mb-2">
      <a href="{% url 'hotel:inhouse_export_pdf' %}?{{ request.GET.urlencode }}"
         class="btn btn-outline-danger btn-sm">
        <i class="fas fa-file-pdf mr-1"></i> PDF
      </a>
      <a href="{% url 'hotel:inhouse_export_excel' %}?{{ request.GET.urlencode }}"
         class="btn btn-outline-success btn-sm ml-1">
        <i class="fas fa-file-excel mr-1"></i> Excel
      </a>
    </div>
  </div>
</form>

<div class="table-responsive">
  <table class="table table-sm table-striped">
    <thead>
      <tr>
        <th>Booking</th>
        <th>Guest</th>
        <th>Rooms</th>
        <th>Check-in</th>
        <th>Checkout</th>
        <th>Nights</th>
        <th>Status</th>
        <th class="text-right">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for r in rows %}
      <tr>
        <td>
          {% if r.booking.booking_code %}
            B#{{ r.booking.booking_code }}
          {% else %}
            —
          {% endif %}
        </td>

        <td>{{ r.guest_name }}</td>
        <td>{{ r.room_nos }}</td>
        <td>{{ r.from }}</td>
        <td>{{ r.to }}</td>
        <td>{{ r.nights }}</td>
        <td>
          {% if r.booking.status == "CONFIRMED" %}
            <span class="badge badge-success">Confirmed</span>
          {% elif r.booking.status == "PENDING" %}
            <span class="badge badge-warning">Pending</span>
          {% elif r.booking.status == "CHECKEDIN" %}
            <span class="badge badge-primary">Checked In</span>
          {% elif r.booking.status == "CHECKEDOUT" %}
            <span class="badge badge-secondary">Checked Out</span>
          {% elif r.booking.status == "NOSHOW" %}
            <span class="badge badge-dark">No Show</span>
          {% elif r.booking.status == "CANCELLED" %}
            <span class="badge badge-danger">Cancelled</span>
          {% else %}
            <span class="badge badge-light">{{ r.booking.status }}</span>
          {% endif %}
        </td>
        <td class="text-right">
          {% if r.booking.booking_code %}
            <a class="btn btn-outline-dark btn-sm"
               href="{% url 'hotel:folio_detail' r.booking.booking_code %}">
              Folio
            </a>
            {% if r.booking.status == "CHECKEDIN" %}
              <a class="btn btn-outline-success btn-sm"
                 href="{% url 'hotel:checkout' r.booking.booking_code %}">
                Checkout
              </a>
              <a class="btn btn-outline-primary btn-sm"
                 href="{% url 'hotel:checkout_preprint' r.booking.booking_code %}"
                 target="_blank">
                Checkout Proforma
              </a>
              <a class="btn btn-outline-secondary btn-sm"
                 href="{% url 'hotel:checkin_pdf' r.booking.booking_code %}"
                 target="_blank">
                Check-in Proforma
              </a>
            {% endif %}
            {% if r.booking.status == "CheckedOut" %}
              <a class="btn btn-outline-success btn-sm"
                 href="{% url 'hotel:checkout' r.booking.booking_code %}">
                Edit
              </a>
            {% endif %}
          {% else %}
            <span class="text-muted small">No booking code</span>
          {% endif %}
        </td>

      </tr>
      {% empty %}
      <tr>
        <td colspan="8" class="text-muted">No records found.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

<div class="mt-3">
  <a href="{% url 'hotel:checkin' %}" class="btn btn-success">New Check-in</a>
  <a href="{% url 'hotel:roomservice_new' %}" class="btn btn-secondary">Room Service</a>
</div>

{% endblock %}