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

{% block content %}
<div class="container-fluid py-3">
  <h3>Pending Room Service</h3>

  {% if rows %}
    <div class="table-responsive">
      <table class="table table-bordered table-striped align-middle">
        <thead>
          <tr>
            <th>Request #</th>
            <th>Booking</th>
            <th>Room</th>
            <th>Guest</th>
            <th>Items</th>
            <th>Remarks</th>
            <th>Created</th>
            <th style="width: 180px;">Action</th>
          </tr>
        </thead>
        <tbody>
          {% for row in rows %}
            <tr>
              <td>{{ row.request_no }}</td>
              <td>B#{{ row.booking.booking_code|default:row.booking.t_id }}</td>
              <td>{{ row.room_no }}</td>
              <td>
                {% if row.guest_account and row.guest_account.guest %}
                  {{ row.guest_account.guest.name }}
                {% else %}
                  -
                {% endif %}
              </td>
              <td>
                {% for line in row.lines.all %}
                  <div>
                    {{ line.product_name }} x {{ line.qty }}
                    = {{ line.line_total }}
                  </div>
                {% endfor %}
              </td>
              <td>{{ row.remarks }}</td>
              <td>{{ row.created_at }}</td>
              <td>
                <form method="post" action="{% url 'hotel:pending_roomservice_approve' row.id %}" style="display:inline;">
                  {% csrf_token %}
                  <button class="btn btn-success btn-sm">Approve</button>
                </form>

                <form method="post" action="{% url 'hotel:pending_roomservice_reject' row.id %}" style="display:inline;">
                  {% csrf_token %}
                  <button class="btn btn-danger btn-sm">Reject</button>
                </form>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% else %}
    <div class="alert alert-info">
      No pending room service requests.
    </div>
  {% endif %}
</div>
{% endblock %}