{% extends "admin/base.html" %}
{% block page_title %}Замовлення {{ order.display_number() }}{% endblock %}
{% block content %}
<h1>
  {% if order.order_type == 'delivery' %}🛵{% elif order.order_type == 'dine_in' %}🍽️{% else %}{{ pickup_icon(20) }}{% endif %} Замовлення {{ order.display_number() }}
  <span class="badge {{ order.status }}" style="margin-left:8px;">{{ order.status_label() }}</span>
</h1>

{% if order.status == 'cancelled' %}
<div class="card" style="border-color:rgba(248,113,113,0.35);">
  <div style="display:flex;align-items:center;gap:10px;color:var(--danger);font-weight:700;">
    ❌ Замовлення скасовано
    {% if order.cancel_reason %}<span class="muted" style="font-weight:600;">— {{ order.cancel_reason }}</span>{% endif %}
  </div>
</div>
{% else %}
<div class="card">
  <div class="order-timeline">
    {% for step in timeline %}
    <div class="order-timeline-step {{ step.state }}">
      <div class="order-timeline-dot">{% if step.state == 'done' %}✓{% endif %}</div>
      <div class="order-timeline-label">{{ step.label }}</div>
    </div>
    {% if not loop.last %}<div class="order-timeline-line {{ 'done' if step.state == 'done' else '' }}"></div>{% endif %}
    {% endfor %}
  </div>
</div>
{% endif %}

<div class="card">
  <table>
    <tr><td class="muted">Тип</td><td>{{ {'delivery': 'Доставка', 'pickup': 'Самовивіз', 'dine_in': 'У закладі'}.get(order.order_type, order.order_type) }}</td></tr>
    <tr><td class="muted">Клієнт</td><td>{{ order.customer_name }}</td></tr>
    {% if order.customer_phone %}<tr><td class="muted">Телефон</td><td>{{ order.customer_phone }}</td></tr>{% endif %}
    {% if order.order_type == 'delivery' %}
    <tr><td class="muted">Адреса</td><td>
      {{ order.address_city }}{% if order.address_street %}, вул. {{ order.address_street }}{% endif %}{% if order.address_house %}, буд. {{ order.address_house }}{% endif %}{% if order.address_apartment %}, кв. {{ order.address_apartment }}{% endif %}
      {% if order.address_comment %}<br><span class="muted">{{ order.address_comment }}</span>{% endif %}
    </td></tr>
    {% elif order.order_type == 'pickup' %}
    <tr><td class="muted">Час прибуття</td><td>{{ order.pickup_time }}</td></tr>
    {% else %}
    {% if order.table_number %}<tr><td class="muted">Столик</td><td>{{ order.table_number }}</td></tr>{% endif %}
    {% endif %}
    <tr><td class="muted">Метод оплати</td><td>{{ 'Картка' if order.payment_method == 'card' else 'Готівка' }}
      {% if order.order_type == 'delivery' and order.payment_method == 'cash' and order.cash_change_for %} (решта з {{ order.cash_change_for }} грн){% endif %}
    </td></tr>
    <tr><td class="muted">Оплата</td><td><span class="badge {{ order.payment_status }}">{{ 'Оплачено' if order.payment_status == 'paid' else 'Не оплачено' }}</span></td></tr>
    {% if checkbox_enabled %}
    <tr><td class="muted">Фіскальний чек</td><td>
      {% if order.fiscal_status == 'done' %}
        <span style="color:var(--success);">✅ Сформовано</span>
        {% if order.fiscal_receipt_id %}<span class="muted"> ({{ order.fiscal_receipt_id }})</span>{% endif %}
      {% elif order.fiscal_status == 'pending' %}
        <span class="muted">⏳ Формується… (оновіть сторінку за кілька секунд)</span>
      {% elif order.fiscal_status == 'error' %}
        <span style="color:var(--danger);">⚠️ Помилка: {{ order.fiscal_error }}</span>
      {% else %}
        <span class="muted">— не сформовано</span>
      {% endif %}
    </td></tr>
    {% endif %}
    <tr><td class="muted">Створено</td><td>{{ order.created_at.strftime('%d.%m.%Y %H:%M') if order.created_at else '' }}</td></tr>
    {% if order.status == 'cancelled' and order.cancel_reason %}
    <tr><td class="muted">Причина скасування</td><td>{{ order.cancel_reason }}</td></tr>
    {% endif %}
  </table>
</div>

<h2>Товари</h2>
<div class="card">
  <div class="table-wrap">
    <table>
      <tr><th>Товар</th><th>К-сть</th><th>Ціна</th><th>Сума</th></tr>
      {% for item in order.items %}
      <tr>
        <td>
          {{ item.product_name }}
          {% if tech_cards_nav_visible and item.product_id %}
          <a class="muted" style="font-size:11px;margin-left:6px;white-space:nowrap;" href="{{ url_for('admin.tech_card_edit', product_id=item.product_id) }}" title="Тех карта: інструкція та фото подачі">📋 тех карта</a>
          {% endif %}
        </td>
        <td>{{ item.quantity }}</td>
        <td>{{ item.product_price }} грн</td>
        <td>{{ item.line_total }} грн</td>
      </tr>
      {% endfor %}
    </table>
  </div>
  <div style="margin-top:12px;text-align:right;">
    <div class="muted">Сума товарів: {{ order.items_total }} грн</div>
    {% if order.delivery_fee %}<div class="muted">Доставка: {{ order.delivery_fee }} грн</div>{% endif %}
    {% if order.discount_amount %}<div class="muted">Знижка: −{{ order.discount_amount }} грн</div>{% endif %}
    {% if order.promo_code %}<div class="muted">Промокод «{{ order.promo_code }}»: −{{ order.promo_discount_amount }} грн</div>{% endif %}
    {% if order.manual_discount_amount %}
    <div class="muted">Персональна знижка{{ ' («' + order.manual_discount_note + '»)' if order.manual_discount_note }}: −{{ order.manual_discount_amount }} грн</div>
    {% endif %}
    <div style="font-weight:700;font-size:17px;margin-top:4px;">Разом: {{ order.total }} грн</div>
    {% if order.rating %}<div class="muted" style="margin-top:6px;">Оцінка клієнта: {{ '⭐' * order.rating }}{{ '☆' * (5 - order.rating) }} ({{ order.rating }}/5)</div>{% endif %}
  </div>
</div>

<h2>Дії із замовленням</h2>
<div class="card">
  {% if current_user.role == 'admin' %}
  <div class="action-btn-row" style="margin-bottom:10px;">
    <a class="btn secondary" href="{{ url_for('admin.orders_edit', order_id=order.id) }}">✏️ Редагувати замовлення</a>
  </div>
  {% endif %}

  {% if order.payment_method == 'cash' and order.payment_status != 'paid' %}
  <div class="action-btn-row" style="margin-bottom:10px;">
    <form method="post" action="{{ url_for('admin.orders_mark_paid', order_id=order.id) }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <button class="btn success" type="submit">💵 Позначити оплаченим</button>
    </form>
  </div>
  {% endif %}

  {% if checkbox_enabled and order.payment_status == 'paid' and order.fiscal_status not in ('done', 'pending') %}
  <div class="action-btn-row" style="margin-bottom:10px;">
    <form method="post" action="{{ url_for('admin.orders_fiscalize', order_id=order.id) }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <button class="btn secondary" type="submit">🧾 {{ 'Повторити фіскалізацію' if order.fiscal_status == 'error' else 'Сформувати фіскальний чек' }}</button>
    </form>
  </div>
  {% endif %}

  {% if next_statuses %}
  <div class="action-btn-row">
    {% for s in next_statuses if s != 'cancelled' %}
    <form method="post" action="{{ url_for('admin.orders_status', order_id=order.id) }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <input type="hidden" name="status" value="{{ s }}">
      <button class="btn {{ 'success' if s in ('completed', 'ready') else '' }}" type="submit">
        {{ order_status_labels[s] }}
      </button>
    </form>
    {% endfor %}
    {% if 'cancelled' in next_statuses %}
    <button class="btn danger" type="button" onclick="document.getElementById('cancel-box').style.display='flex'">
      Скасувати
    </button>
    {% endif %}
  </div>
  {% else %}
  <p class="muted">Замовлення в кінцевому статусі — подальші дії недоступні.</p>
  {% endif %}

  {% if 'cancelled' in next_statuses %}
  <form id="cancel-box" method="post" action="{{ url_for('admin.orders_status', order_id=order.id) }}"
        style="display:none;gap:10px;margin-top:14px;align-items:flex-start;">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <input type="hidden" name="status" value="cancelled">
    <div style="flex:1;">
      <label>Причина скасування</label>
      <input type="text" name="cancel_reason" placeholder="Наприклад: клієнт відмовився">
    </div>
    <button class="btn danger" type="submit" style="margin-top:20px;">Підтвердити скасування</button>
  </form>
  {% endif %}
</div>

<h2>Ручна зміна статусу</h2>
<div class="card">
  <form method="post" action="{{ url_for('admin.orders_status', order_id=order.id) }}" style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <select name="status" style="width:auto;margin:0;">
      {% for s in statuses %}
      <option value="{{ s }}" {{ 'selected' if order.status == s }}>{{ order_status_labels[s] }}</option>
      {% endfor %}
    </select>
    <button class="btn secondary" type="submit">Оновити статус</button>
  </form>
</div>

{% if current_user.role == 'admin' %}
<h2>Небезпечна зона</h2>
<div class="card" style="border-color:rgba(248,113,113,0.35);">
  <p class="muted" style="margin-top:0;">
    Видаляє замовлення повністю й безповоротно — на відміну від скасування, воно зникне зі списків і статистики.
    {% if order.status != 'cancelled' and inventory_enabled %}Списану сировину буде повернуто на склад.{% endif %}
    {% if order.fiscal_status == 'done' %}<br><b style="color:var(--danger);">⚠️ По цьому замовленню вже сформовано фіскальний чек — видалення тут не скасовує сам чек у Checkbox/податковій.</b>{% endif %}
  </p>
  <form method="post" action="{{ url_for('admin.orders_delete', order_id=order.id) }}"
        onsubmit="return confirm('Видалити замовлення {{ order.display_number() }} повністю? Це незворотньо.');">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <button class="btn danger" type="submit">🗑 Видалити замовлення назавжди</button>
  </form>
</div>
{% endif %}
{% endblock %}