{% extends 'base.html' %}
{% block title %}Import Excel{% endblock %}
{% block content %}
<div class="mb-4"><h1 class="page-title">Import Produk dari Excel</h1><p class="page-sub">Cocok untuk input awal ratusan varian sekaligus. Satu baris = satu varian (ukuran + warna).</p></div>
<div class="grid lg:grid-cols-2 gap-4">
  <div class="card p-5">
    <h3 class="font-bold text-sm mb-3">1. Unduh template</h3>
    <a href="{% url 'import_template' %}" class="btn btn-secondary"><i class="fas fa-download"></i> template_import_produk_aeko.xlsx</a>
    <h3 class="font-bold text-sm mt-5 mb-2">Kolom</h3>
    <ul class="text-xs text-neutral-600 space-y-1 list-disc pl-5">
      {% for k in kolom %}<li><b>{{ k }}</b></li>{% endfor %}
    </ul>
    <div class="alert alert-info mt-4 text-xs"><i class="fas fa-circle-info mt-0.5"></i><div>Merek dan kategori yang belum ada dibuat otomatis. Baris dengan merek + nama tipe yang sama digabung, jadi 5 baris ukuran berbeda = 1 produk dengan 5 varian. Kalau varian sudah ada, harga, HPP, dan SKU diperbarui tetapi <b>stok awal tidak ditambah</b> (pakai menu Pembelian untuk menambah stok).</div></div>
  </div>
  <div class="card p-5">
    <h3 class="font-bold text-sm mb-3">2. Upload file</h3>
    <form method="post" enctype="multipart/form-data">{% csrf_token %}
      <input type="file" name="file" accept=".xlsx" class="form-input text-xs mb-3" required>
      <button class="btn btn-accent"><i class="fas fa-upload"></i> Import Sekarang</button>
    </form>
    {% if hasil %}
    <div class="mt-5">
      <h3 class="font-bold text-sm mb-2">Hasil</h3>
      <div class="grid grid-cols-2 gap-2 text-sm">
        <div class="bg-neutral-50 rounded-lg p-3">Produk baru<br><b class="text-lg">{{ hasil.produk_baru }}</b></div>
        <div class="bg-neutral-50 rounded-lg p-3">Varian baru<br><b class="text-lg">{{ hasil.varian_baru }}</b></div>
        <div class="bg-neutral-50 rounded-lg p-3">Varian diperbarui<br><b class="text-lg">{{ hasil.varian_update }}</b></div>
        <div class="bg-neutral-50 rounded-lg p-3">Stok awal masuk<br><b class="text-lg">{{ hasil.stok_masuk }} psg</b></div>
      </div>
      {% if hasil.error %}<div class="alert alert-warning mt-3 text-xs"><i class="fas fa-triangle-exclamation mt-0.5"></i><div>{{ hasil.error|length }} baris dilewati:<ul class="list-disc pl-4 mt-1">{% for e in hasil.error %}<li>{{ e }}</li>{% endfor %}</ul></div></div>{% endif %}
      <a href="{% url 'produk_list' %}" class="btn btn-primary btn-sm mt-3">Lihat produk &rarr;</a>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}