{% extends "admin/base.html" %}
{% block page_title %}{{ supplier.name }}{% endblock %}
{% block content %}
<a class="muted" style="font-size:12.5px;" href="{{ url_for('admin.suppliers_list') }}">← До постачальників</a>
<h1>🚚 {{ supplier.name }}{% if not supplier.is_active %} <span class="badge cancelled">неактивний</span>{% endif %}</h1>

<div class="stat-grid">
  <div class="stat-card">
    <div class="stat-label">Поставлено всього</div>
    <div class="stat-value">{{ supplier.total_delivered }} грн</div>
  </div>
  <div class="stat-card">
    <div class="stat-label">Оплачено</div>
    <div class="stat-value">{{ supplier.total_paid }} грн</div>
  </div>
  <div class="stat-card">
    <div class="stat-label">Борг</div>
    <div class="stat-value" style="{{ 'color:var(--danger);' if supplier.total_debt > 0 }}">{{ supplier.total_debt }} грн</div>
  </div>
</div>

<div class="card">
  <table>
    {% if supplier.tax_id %}<tr><td class="muted">ЄДРПОУ/ІПН</td><td>{{ supplier.tax_id }}</td></tr>{% endif %}
    {% if supplier.phone %}<tr><td class="muted">Телефон</td><td>{{ supplier.phone }}</td></tr>{% endif %}
    {% if supplier.contact_person %}<tr><td class="muted">Контактна особа</td><td>{{ supplier.contact_person }}</td></tr>{% endif %}
    {% if supplier.note %}<tr><td class="muted">Примітка</td><td>{{ supplier.note }}</td></tr>{% endif %}
  </table>
  <div style="margin-top:12px;">
    <a class="btn small secondary" href="{{ url_for('admin.suppliers_edit', supplier_id=supplier.id) }}">✏️ Редагувати</a>
    <a class="btn small secondary" href="{{ url_for('admin.suppliers_import', supplier_id=supplier.id) }}">📊 Імпорт з Excel</a>
  </div>
</div>

<div class="card" style="max-width:520px;">
  <h3 style="margin-top:0;">📥 Скачати відомість</h3>
  <form method="get" action="{{ url_for('admin.suppliers_statement', supplier_id=supplier.id, fmt='xlsx') }}">
    <div class="row">
      <div>
        <label>З дати <span class="muted">(необов'язково)</span></label>
        <input type="date" name="date_from">
      </div>
      <div>
        <label>По дату <span class="muted">(необов'язково)</span></label>
        <input type="date" name="date_to">
      </div>
    </div>
    <div style="display:flex;gap:10px;margin-top:10px;">
      <button class="btn secondary small" type="submit">📊 Excel</button>
      <button class="btn secondary small" type="submit" formaction="{{ url_for('admin.suppliers_statement', supplier_id=supplier.id, fmt='pdf') }}">📄 PDF</button>
    </div>
  </form>
</div>

{% if supplied_ingredients %}
<h2>Товари цього постачальника</h2>
<div class="card">
  <div class="table-wrap">
    <table class="responsive-table">
      <tr><th>Інгредієнт</th><th>Залишок на складі</th><th>Статус</th></tr>
      {% for i in supplied_ingredients %}
      <tr>
        <td data-label="Інгредієнт"><a href="{{ url_for('admin.inventory_detail', ingredient_id=i.id) }}">{{ i.name }}</a></td>
        <td data-label="Залишок">{{ i.current_stock | fmt_qty }} {{ i.unit }}</td>
        <td data-label="Статус">
          {% if i.stock_status == 'critical' %}<span class="badge cancelled">🚫 Немає</span>
          {% elif i.stock_status == 'low' %}<span class="badge confirmed">⚠️ Закінчується</span>
          {% else %}<span class="badge completed">✅ В нормі</span>{% endif %}
        </td>
      </tr>
      {% endfor %}
    </table>
  </div>
</div>
{% endif %}

<h2>Поставки</h2>
<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><th>Дата поставки</th><th></th></tr>
      {% for d in supplier.deliveries %}
      <tr>
        <td data-label="Товар">{{ d.product_name }}{% if d.ingredient %} <span class="muted" title="Прив'язано до складу">🔗</span>{% endif %}</td>
        <td data-label="Артикул" class="muted">{{ d.sku or '—' }}</td>
        <td data-label="№ накл." class="muted">{{ d.reference or '—' }}</td>
        <td data-label="К-сть">{{ d.quantity }} {{ d.unit }}</td>
        <td data-label="Ціна">{{ d.price_per_unit or '—' }}</td>
        <td data-label="Сума">{{ d.delivery_sum }} грн</td>
        <td data-label="Оплачено">{{ d.paid_amount }} грн</td>
        <td data-label="Спосіб" class="muted">{% if d.payment_method == 'cash' %}💵 Готівка{% elif d.payment_method == 'bank' %}🏦 Безготівково{% else %}—{% endif %}</td>
        <td data-label="Борг">{% if d.debt > 0 %}<span style="color:var(--danger);">{{ d.debt }} грн</span>{% else %}<span class="muted">0</span>{% endif %}</td>
        <td data-label="Дата" class="muted">{{ d.delivery_date.strftime('%d.%m.%Y') if d.delivery_date else '—' }}</td>
        <td data-label="" style="white-space:nowrap;">
          <a class="btn small secondary" href="{{ url_for('admin.supplier_deliveries_edit', supplier_id=supplier.id, delivery_id=d.id) }}" title="Редагувати">✏️</a>
          <form method="post" action="{{ url_for('admin.supplier_deliveries_delete', supplier_id=supplier.id, delivery_id=d.id) }}" onsubmit="return confirm('Видалити цей запис поставки? Це не поверне сировину на склад, якщо вона була зарахована.');" style="display:inline;">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button class="btn small danger" type="submit">✕</button>
          </form>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="11" class="muted">Поставок ще немає</td></tr>
      {% endfor %}
    </table>
  </div>
</div>

{% macro delivery_row(ingredients) %}
<div class="delivery-row" style="border:1px solid var(--line,rgba(128,128,128,0.25));border-radius:8px;padding:14px;margin-bottom:12px;position:relative;">
  <button type="button" class="btn small danger" style="position:absolute;top:10px;right:10px;" onclick="removeDeliveryRow(this)" title="Прибрати товар">✕</button>
  <div class="row">
    <div>
      <label>Назва товару</label>
      <input type="text" name="product_name" required placeholder="напр. м'ясо">
    </div>
    <div>
      <label>Артикул <span class="muted">(необов'язково)</span></label>
      <input type="text" name="sku">
    </div>
  </div>
  <div class="row">
    <div>
      <label>Одиниця виміру</label>
      <input type="text" name="unit" placeholder="кг / грам / шт">
    </div>
    <div>
      <label>Кількість</label>
      <input type="number" step="0.01" min="0" name="quantity" required oninput="updateDeliveryRowSum(this)">
    </div>
  </div>
  <div class="row">
    <div>
      <label>Ціна за одиницю, грн</label>
      <input type="number" step="0.01" min="0" name="price_per_unit" oninput="updateDeliveryRowSum(this)">
    </div>
    <div>
      <label>Сума, грн <span class="muted sum-hint"></span></label>
      <input type="number" step="0.01" min="0" name="delivery_sum" placeholder="порахується сама">
    </div>
  </div>
  {% if ingredients %}
  <label>Прив'язати до інгредієнта складу <span class="muted">(необов'язково)</span></label>
  <select name="ingredient_id">
    <option value="">— не прив'язувати —</option>
    {% for i in ingredients %}
    <option value="{{ i.id }}">{{ i.name }} ({{ i.unit }})</option>
    {% endfor %}
  </select>
  {% endif %}
</div>
{% endmacro %}

<h2>Додати поставку вручну</h2>
<p class="muted field-hint" style="margin-top:-6px;">Одна накладна — кілька товарів одразу. Спільні поля (дата, № накладної, оплата) застосовуються до всіх товарів нижче.</p>
<div class="card" style="max-width:640px;">
  <form method="post" action="{{ url_for('admin.supplier_deliveries_new', supplier_id=supplier.id) }}">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

    <div class="row">
      <div>
        <label>№ накладної / рахунку <span class="muted">(необов'язково)</span></label>
        <input type="text" name="reference">
      </div>
      <div>
        <label>Дата поставки</label>
        <input type="date" name="delivery_date">
      </div>
    </div>
    <div class="row">
      <div>
        <label>Оплачено всього, грн</label>
        <input type="number" step="0.01" min="0" name="paid_amount" value="0">
        <p class="muted field-hint" style="margin:4px 0 0;">Розподілиться між товарами нижче пропорційно їхній сумі.</p>
      </div>
      <div>
        <label>Дата оплати <span class="muted">(необов'язково)</span></label>
        <input type="date" name="payment_date">
      </div>
    </div>
    <label>Спосіб оплати <span class="muted">(необов'язково)</span></label>
    <select name="payment_method">
      <option value="">— не вказано —</option>
      <option value="cash">💵 Готівка</option>
      <option value="bank">🏦 Безготівково</option>
    </select>

    <h3 style="margin-bottom:8px;">Товари</h3>
    <div id="delivery-rows">
      {{ delivery_row(ingredients) }}
    </div>
    <button class="btn secondary small" type="button" onclick="addDeliveryRow()" style="margin-bottom:16px;">+ Додати ще товар</button>

    {% if ingredients and inventory_enabled %}
    <label style="display:flex;align-items:center;gap:8px;margin-top:4px;">
      <input type="checkbox" name="restock_inventory" class="admin-checkbox">
      📦 Для товарів з прив'язкою до інгредієнта — одразу зарахувати кількість на склад
    </label>
    {% endif %}

    <label>Примітка <span class="muted">(до всієї поставки)</span></label>
    <input type="text" name="note">

    <button class="btn" type="submit" style="margin-top:14px;">Додати поставку</button>
  </form>
</div>

<template id="delivery-row-template">
  {{ delivery_row(ingredients) }}
</template>
<script>
  function updateDeliveryRowSum(input) {
    const row = input.closest('.delivery-row');
    const qty = row.querySelector('[name=quantity]').value;
    const price = row.querySelector('[name=price_per_unit]').value;
    const hint = row.querySelector('.sum-hint');
    hint.textContent = (qty && price) ? 'Сума: ' + (qty * price).toFixed(2) + ' грн' : '';
  }
  function addDeliveryRow() {
    const container = document.getElementById('delivery-rows');
    const template = document.getElementById('delivery-row-template');
    container.appendChild(template.content.cloneNode(true));
  }
  function removeDeliveryRow(btn) {
    const rows = document.querySelectorAll('#delivery-rows .delivery-row');
    if (rows.length <= 1) return;
    btn.closest('.delivery-row').remove();
  }
</script>

{% if current_user.role == 'admin' %}
<h2>Небезпечна зона</h2>
<div class="card" style="border-color:rgba(248,113,113,0.35);">
  <div class="action-btn-row">
    <form method="post" action="{{ url_for('admin.suppliers_toggle', supplier_id=supplier.id) }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <button class="btn secondary" type="submit">{{ '✅ Активувати' if not supplier.is_active else '🚫 Деактивувати' }}</button>
    </form>
    <form method="post" action="{{ url_for('admin.suppliers_delete', supplier_id=supplier.id) }}" onsubmit="return confirm('Видалити постачальника «{{ supplier.name }}» повністю, разом з усією історією поставок ({{ supplier.deliveries|length }} записів)? Це незворотньо.');">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <button class="btn danger" type="submit">🗑 Видалити повністю</button>
    </form>
  </div>
  <p class="muted field-hint" style="margin-top:10px;margin-bottom:0;">Деактивація ховає постачальника зі списку, але лишає всю історію поставок і боргів. Видалення стирає все назавжди.</p>
</div>
{% endif %}
{% endblock %}