{% extends "pos/base.html" %}
{% block title %}Restaurant Orders{% endblock %}
{% block heading %}Restaurant Orders{% endblock %}
{% block content %}
<a class="btn btn-primary mb-2" href="{% url 'hotel:resto_new' %}">+ New Order</a>
<a class="btn btn-outline-secondary mb-2" href="{% url 'hotel:reports_index' %}">Reports</a>
<div class="card">
  <div class="card-body p-0">
    <table class="table table-sm mb-0">
      <thead><tr><th>#</th><th>Type</th><th>Customer</th><th>Table</th><th>Status</th><th>Shift</th><th>When</th><th></th></tr></thead>
      <tbody>
        {% for o in orders %}
        <tr>
          <td>{{ o.order_no }}</td>
          <td>{{ o.order_type }}</td>
          <td>{{ o.customer_name|default:"-" }}</td>
          <td>{{ o.table_id|default:"-" }}</td>
          <td>{{ o.status }}</td>
          <td>{{ o.shift_to|default:"-" }} {{ o.link_ref|default:"" }}</td>
          <td>{{ o.created_at|date:"Y-m-d H:i" }}</td>
          <td>
            <a href="{% url 'hotel:resto_edit' o.order_no %}" class="btn btn-sm btn-outline-primary">Open</a>
          </td>
        </tr>
        {% empty %}
        <tr><td colspan="8" class="text-center text-muted">No orders.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}