{% extends "admin/base.html" %}
{% import "admin/_macros.html" as macros %}
{% block page_title %}
  {% if order_type == 'delivery' %}🛵 Доставка{% elif order_type == 'pickup' %}{{ pickup_icon(18) }} Самовивіз{% elif order_type == 'dine_in' %}🍽️ У закладі{% else %}🧾 Всі замовлення{% endif %}
{% endblock %}
{% block content %}
<h1>
  {% if order_type == 'delivery' %}🛵 Доставка{% elif order_type == 'pickup' %}{{ pickup_icon(18) }} Самовивіз{% elif order_type == 'dine_in' %}🍽️ У закладі{% else %}🧾 Всі замовлення{% endif %}
  <a class="btn small" style="margin-left:10px;vertical-align:middle;" href="{{ url_for('admin.orders_new') }}">➕ Нове замовлення</a>
</h1>

<div class="card">
  <form method="get" class="filters" style="align-items:center;">
    <input type="hidden" name="type" value="{{ order_type or '' }}">
    <input type="text" name="q" value="{{ q }}" placeholder="Пошук за №, ім'ям або телефоном" style="max-width:260px;margin:0;">
    <select name="status" onchange="this.form.submit()">
      <option value="">Усі статуси</option>
      {% for s in statuses %}
      <option value="{{ s }}" {{ 'selected' if status == s }}>{{ order_status_labels[s] }}</option>
      {% endfor %}
    </select>
    <select name="payment_status" onchange="this.form.submit()">
      <option value="">Уся оплата</option>
      <option value="paid" {{ 'selected' if payment_status == 'paid' }}>Оплачено</option>
      <option value="unpaid" {{ 'selected' if payment_status == 'unpaid' }}>Не оплачено</option>
    </select>
    <button class="btn small" type="submit">Пошук</button>
    {% if q or status or payment_status %}
      <a class="btn ghost small" href="{{ url_for('admin.orders_list', type=order_type) }}">Скинути</a>
    {% endif %}
  </form>
</div>

<div class="card">
  <div class="table-wrap">
    <table class="responsive-table">
      <tr><th>№</th><th>Тип</th><th>Клієнт</th><th>Телефон</th><th>Сума</th><th>Оплата</th><th>Статус</th><th>Час</th><th></th></tr>
      {% for o in orders %}
      <tr onclick="location.href='{{ url_for('admin.orders_detail', order_id=o.id) }}'" style="cursor:pointer;">
        <td data-label="№">{{ o.display_number() }}</td>
        <td data-label="Тип">{{ macros.order_type_badge(o.order_type) }}</td>
        <td data-label="Клієнт">{{ o.customer_name }}</td>
        <td data-label="Телефон">{{ o.customer_phone }}</td>
        <td data-label="Сума">{{ o.total }} грн</td>
        <td data-label="Оплата"><span class="cell-flex">{{ '💳' if o.payment_method == 'card' else '💵' }} <span class="badge {{ o.payment_status }}">{{ 'Оплачено' if o.payment_status == 'paid' else 'Не оплачено' }}</span></span></td>
        <td data-label="Статус"><span class="badge {{ o.status }}">{{ o.status_label() }}</span></td>
        <td data-label="Час">{{ o.created_at.strftime('%d.%m %H:%M') if o.created_at else '' }}</td>
        <td data-label="" class="actions-cell" onclick="event.stopPropagation()">
          <a class="btn small secondary" href="{{ url_for('admin.orders_detail', order_id=o.id) }}">Відкрити</a>
          {% if o.payment_method == 'cash' and o.payment_status != 'paid' %}
          <form method="post" action="{{ url_for('admin.orders_mark_paid', order_id=o.id) }}" style="display:inline;">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button class="btn small success" type="submit">💵 Оплачено</button>
          </form>
          {% endif %}
        </td>
      </tr>
      {% else %}
      <tr><td colspan="9" class="muted">Немає замовлень за цим фільтром</td></tr>
      {% endfor %}
    </table>
  </div>

  {% if pagination.pages > 1 %}
  <div class="pagination">
    <a class="btn small secondary {{ 'disabled' if not pagination.has_prev }}"
       href="{{ url_for('admin.orders_list', type=order_type, status=status, payment_status=payment_status, q=q, page=pagination.prev_num) if pagination.has_prev else '#' }}">← Назад</a>
    <span class="muted pagination-info">Сторінка {{ pagination.page }} з {{ pagination.pages }} ({{ pagination.total }} замовлень)</span>
    <a class="btn small secondary {{ 'disabled' if not pagination.has_next }}"
       href="{{ url_for('admin.orders_list', type=order_type, status=status, payment_status=payment_status, q=q, page=pagination.next_num) if pagination.has_next else '#' }}">Далі →</a>
  </div>
  {% endif %}
</div>
{% endblock %}