{% extends "admin/base.html" %}
{% block page_title %}Імпорт постачальника{% endblock %}
{% block content %}
<a class="muted" style="font-size:12.5px;" href="{{ url_for('admin.suppliers_detail', supplier_id=supplier.id) if supplier else url_for('admin.suppliers_list') }}">← Назад</a>
<h1>📊 Імпорт постачальника{% if supplier %} — {{ supplier.name }}{% endif %}</h1>

{% if step == 'upload' %}
<div class="card" style="max-width:520px;margin:0 auto;">
  <p class="muted field-hint" style="margin-top:0;">
    Файли постачальників бувають різні за структурою — на наступному кроці ви самі підкажете, яка колонка за що відповідає.
    Підтримуються .xlsx, .xls, .csv, файли з кількома листами теж.
  </p>
  <form method="post" enctype="multipart/form-data">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <label>Файл</label>
    <input type="file" name="file" accept=".xlsx,.xlsm,.xls,.csv,.txt" required>
    <button class="btn" type="submit" style="margin-top:14px;">Завантажити й перевірити</button>
  </form>
</div>

{% else %}
<div class="card">
  <h2 style="margin-top:0;">Попередній перегляд ({{ preview.row_count }} рядків{% if preview.sheet_names|length > 1 %} на листі «{{ preview.sheet }}»{% endif %})</h2>
  <div class="table-wrap">
    <table class="responsive-table" style="font-size:12px;">
      <tr>
        <th></th>
        {% for c in range(preview.col_count) %}
        <th>{{ preview.col_letters[c] }}</th>
        {% endfor %}
      </tr>
      {% for row in preview.preview_rows %}
      <tr {{ 'style="background:rgba(255,122,61,0.08);font-weight:700;"' | safe if loop.index0 == 0 }}>
        <td class="muted">{{ 'заголовки' if loop.index0 == 0 else '' }}</td>
        {% for c in range(preview.col_count) %}
        <td>{{ row[c] if c < row|length and row[c] is not none else '' }}</td>
        {% endfor %}
      </tr>
      {% endfor %}
    </table>
  </div>
</div>

<div class="card" style="max-width:640px;margin:0 auto;">
  <form method="post" action="{{ url_for('admin.suppliers_import_confirm') }}">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <input type="hidden" name="token" value="{{ token }}">
    {% if supplier %}
    <input type="hidden" name="supplier_id" value="{{ supplier.id }}">
    <p class="muted field-hint" style="margin-top:0;">Поставки буде додано постачальнику «{{ supplier.name }}».</p>
    {% else %}
    <label>Назва постачальника</label>
    <input type="text" name="supplier_name" value="{{ preview.supplier_name_guess }}" required>
    <label>ЄДРПОУ / ІПН <span class="muted">(необов'язково)</span></label>
    <input type="text" name="supplier_tax_id" value="{{ preview.supplier_tax_id_guess }}">
    {% endif %}

    {% if preview.sheet_names|length > 1 %}
    <label>Лист файлу</label>
    <select name="sheet">
      {% for s in preview.sheet_names %}
      <option value="{{ s }}" {{ 'selected' if s == preview.sheet }}>{{ s }}</option>
      {% endfor %}
    </select>
    {% else %}
    <input type="hidden" name="sheet" value="{{ preview.sheet }}">
    {% endif %}

    <label>Рядок із заголовками колонок</label>
    <input type="number" name="header_row" value="{{ preview.header_row }}" min="0">
    <p class="muted field-hint" style="margin-top:0;">Рахується з 0 (0 — перший рядок файлу). Якщо визначено неправильно, або хочете обрати інший лист — виправте і натисніть «Оновити перегляд».</p>
    <button class="btn secondary small" type="submit" formaction="{{ url_for('admin.suppliers_import', supplier_id=supplier.id if supplier else none) }}" formnovalidate>🔄 Оновити перегляд</button>

    <h2>Яка колонка за що відповідає</h2>
    {% for field, label in field_labels.items() %}
    <label>{{ label }}</label>
    <select name="map_{{ field }}">
      <option value="">— не використовувати —</option>
      {% for c in range(preview.col_count) %}
      <option value="{{ c }}" {{ 'selected' if preview.mapping.get(field) == c }}>
        {{ preview.col_letters[c] }}{% if preview.headers[c] %} — {{ preview.headers[c] }}{% endif %}
      </option>
      {% endfor %}
    </select>
    {% endfor %}
    <p class="muted field-hint">Рядки без назви товару (порожні шаблонні рядки, підсумковий рядок тощо) пропускаються автоматично.</p>

    {% if ingredients %}
    <label style="display:flex;align-items:center;gap:8px;margin-top:14px;" id="restock-toggle">
      <input type="checkbox" name="restock_inventory" class="admin-checkbox" onchange="document.getElementById('restock-note').style.display = this.checked ? 'block' : 'none';">
      📦 Товари, назви яких збігаються з назвою інгредієнта на складі — одразу зарахувати на склад
    </label>
    <p class="muted field-hint" id="restock-note" style="display:none;">Порівняння за точною назвою (без урахування регістру). Для товарів без збігу склад не зміниться.</p>
    {% endif %}

    <div style="margin-top:16px;display:flex;gap:10px;">
      <button class="btn" type="submit">Імпортувати</button>
      <a class="btn secondary" href="{{ url_for('admin.suppliers_import', supplier_id=supplier.id if supplier else none) }}">Обрати інший файл</a>
    </div>
  </form>
</div>
{% endif %}
{% endblock %}