{% extends 'katalog/base_katalog.html' %}
{% block title %}Cek Pesanan · {{ toko.nama }}{% endblock %}
{% block content %}
<div class="max-w-md mx-auto px-4 pt-16 text-center hero-anim">
  <div class="w-16 h-16 rounded-full bg-red-600 text-white flex items-center justify-center mx-auto mb-4 text-2xl pop"><i class="fas fa-magnifying-glass"></i></div>
  <h1 class="text-3xl font-black tracking-tight">Cek Status Pesanan</h1>
  <p class="text-neutral-500 text-sm mt-2">Masukkan kode pesanan (8 karakter) atau nomor WhatsApp yang dipakai saat memesan.</p>
  <form class="mt-6">
    <input name="kode" value="{{ kode|default:'' }}" class="k-input text-center text-lg font-mono uppercase" placeholder="A1B2C3D4 atau 0812xxxx" autofocus required>
    {% if error_cek %}<p class="text-sm text-red-600 mt-2">{{ error_cek }}</p>{% endif %}
    <button class="k-btn k-btn-dark w-full mt-3 py-4">Cek Pesanan</button>
  </form>
  {% if toko.wa_link %}<p class="text-xs text-neutral-400 mt-6">Lupa kodenya? <a href="{{ toko.wa_link }}" target="_blank" class="font-bold text-black hover:underline">Hubungi kami lewat WhatsApp</a></p>{% endif %}
</div>
{% endblock %}