{% extends "pos/base.html" %}
{% block title %}Rooms{% endblock %}
{% block heading %}Rooms{% endblock %}

{% block content %}
<div class="d-flex justify-content-between mb-2">
  <a href="{% url 'hotel:room_add' %}" class="btn btn-primary"><i class="fas fa-plus mr-1"></i>Add Room</a>
  <div>
    <a href="{% url 'hotel:cat_list' %}" class="btn btn-outline-secondary">Categories</a>
    <a href="{% url 'hotel:nights_manage' %}" class="btn btn-outline-secondary">Nights Sync</a>
  </div>
</div>

<div class="table-responsive">
  <table class="table table-striped table-sm">
    <thead>
      <tr>
        <th>Room #</th>
        <th>Category</th>
        <th>Floor</th>
        <th>Status</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for r in rows %}
      <tr>
        <td>{{ r.room_no }}</td>
        <td>{{ r.category.name }}</td>
        <td>{{ r.floor }}</td>
        <td>{{ r.status }}</td>
        <td class="text-right">
          <a class="btn btn-sm btn-primary" href="{% url 'hotel:room_edit' r.pk %}">Edit</a>
          <a class="btn btn-sm btn-danger" href="{% url 'hotel:room_delete' r.pk %}" onclick="return confirm('Delete this room?');">Delete</a>
        </td>
      </tr>
      {% empty %}
      <tr><td colspan="5">No rooms yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}