{% extends "pos/base.html" %}
{% load static %}
{% block title %}Room Categories{% endblock %}
{% block heading %}Room Categories{% endblock %}

{% block content %}
<div class="d-flex justify-content-between mb-2">
  <a href="{% url 'hotel:cat_add' %}" class="btn btn-primary"><i class="fas fa-plus mr-1"></i>Add Category</a>
  <div>
    <a href="{% url 'hotel:room_list' %}" class="btn btn-outline-secondary">Rooms</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>Code</th>
        <th>Name</th>
        <th>Base Rate</th>
        <th>Adults</th>
        <th>Children</th>
        <th>Rooms</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for c in rows %}
      <tr>
        <td>{{ c.code }}</td>
        <td>{{ c.name }}</td>
        <td>{{ c.base_rate|floatformat:2 }}</td>
        <td>{{ c.capacity_adults }}</td>
        <td>{{ c.capacity_children }}</td>
        <td>{{ c.room_count }}</td>
        <td class="text-right">
          <a class="btn btn-sm btn-primary" href="{% url 'hotel:cat_edit' c.pk %}">Edit</a>
          <a class="btn btn-sm btn-danger" href="{% url 'hotel:cat_delete' c.pk %}" onclick="return confirm('Delete this category?');">Delete</a>
        </td>
      </tr>
      {% empty %}
      <tr><td colspan="7">No categories yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}