<a href="/admin/eas" class="text-sm text-muted hover:text-white inline-flex items-center gap-2 mb-6">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="h-4 w-4"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg>
  Kembali ke daftar EA
</a>

<h1 class="text-3xl font-display font-semibold mb-2"><%= ea ? 'Edit EA: ' + ea.name : 'Tambah EA Baru' %></h1>
<p class="text-muted text-sm mb-8">Lengkapi data EA. File yang diupload akan dikirim ke member setelah approval.</p>

<form action="<%= action %>" method="post" enctype="multipart/form-data" class="grid lg:grid-cols-[1.4fr_1fr] gap-6">

  <div class="space-y-4">
    <div class="card p-6 space-y-4">
      <div class="grid grid-cols-3 gap-4">
        <div>
          <label class="text-sm text-muted">Kode <span class="text-red-400">*</span></label>
          <input name="code" class="input mt-2 uppercase" required value="<%= ea ? ea.code : '' %>" placeholder="TRS" />
        </div>
        <div class="col-span-2">
          <label class="text-sm text-muted">Nama EA <span class="text-red-400">*</span></label>
          <input name="name" class="input mt-2" required value="<%= ea ? ea.name : '' %>" placeholder="The Real Scalper" />
        </div>
      </div>

      <div>
        <label class="text-sm text-muted">Tagline (1-2 kalimat)</label>
        <input name="tagline" class="input mt-2" value="<%= ea ? (ea.tagline||'') : '' %>" placeholder="Scalping-grid modern dengan EMA signal..." />
      </div>

      <div>
        <label class="text-sm text-muted">Deskripsi Panjang</label>
        <textarea name="description" rows="6" class="input mt-2" placeholder="Penjelasan lengkap fitur, strategi, ketentuan, dll."><%= ea ? (ea.description||'') : '' %></textarea>
      </div>
    </div>

    <div class="card p-6 grid grid-cols-2 gap-4">
      <div>
        <label class="text-sm text-muted">Pair</label>
        <input name="pair" class="input mt-2" value="<%= ea ? (ea.pair||'') : '' %>" placeholder="XAUUSD • BTC" />
      </div>
      <div>
        <label class="text-sm text-muted">Tipe</label>
        <input name="type" class="input mt-2" value="<%= ea ? (ea.type||'Premium') : 'Premium' %>" />
      </div>
      <div>
        <label class="text-sm text-muted">Rating / Label</label>
        <input name="rating" class="input mt-2" value="<%= ea ? (ea.rating||'') : '' %>" placeholder="Flagship" />
      </div>
      <div>
        <label class="text-sm text-muted">Sort Order</label>
        <input type="number" name="sort_order" class="input mt-2" value="<%= ea ? (ea.sort_order||0) : 0 %>" />
      </div>
    </div>

    <div class="card p-6 grid grid-cols-2 gap-4">
      <div>
        <label class="text-sm text-muted">Harga (angka, IDR)</label>
        <input type="number" name="price" class="input mt-2" value="<%= ea ? (ea.price||0) : 0 %>" />
      </div>
      <div>
        <label class="text-sm text-muted">Label Harga Tampilan</label>
        <input name="price_label" class="input mt-2" value="<%= ea ? (ea.price_label||'') : '' %>" placeholder="Mulai Rp300.000" />
      </div>
      <div>
        <label class="text-sm text-muted">Profit Akun Pantau</label>
        <input name="watch_profit" class="input mt-2" value="<%= ea ? (ea.watch_profit||'') : '' %>" placeholder="+428%" />
      </div>
      <div>
        <label class="text-sm text-muted">DD Max</label>
        <input name="dd_max" class="input mt-2" value="<%= ea ? (ea.dd_max||'') : '' %>" placeholder="19.4%" />
      </div>
    </div>

    <div class="card p-6">
      <label class="text-sm text-muted">Fitur (pisahkan dengan koma)</label>
      <input name="features" class="input mt-2"
        value="<%= ea && ea.features ? (Array.isArray(ea.features) ? ea.features.join(', ') : ea.features) : '' %>"
        placeholder="News Filter, Auto Trailing, Risk Exit, Hedging" />
      <div class="text-xs text-muted-2 mt-1.5">Akan ditampilkan sebagai badge kecil di kartu EA.</div>
    </div>
  </div>

  <aside class="space-y-4">
    <div class="card p-6">
      <h3 class="font-display font-semibold mb-1">File EA</h3>
      <p class="text-xs text-muted mb-4">Upload file general atau khusus per platform (MT4/MT5).</p>

      <!-- General file -->
      <div class="mb-5">
        <label class="text-xs uppercase tracking-wide text-muted-2 font-medium">File General</label>
        <% if (ea && ea.file_path) { %>
          <div class="card-soft p-2.5 mt-2 mb-2 text-xs">
            <div class="text-emerald-300 mb-1">✓ Terupload</div>
            <div class="mono text-muted truncate"><%= ea.file_original || ea.file_path %></div>
          </div>
        <% } %>
        <input type="file" name="ea_file" class="input mt-2 cursor-pointer text-sm" />
      </div>

      <!-- MT4 file -->
      <div class="mb-5">
        <label class="text-xs uppercase tracking-wide text-muted-2 font-medium">File khusus MT4 (.ex4)</label>
        <% if (ea && ea.file_mt4_path) { %>
          <div class="card-soft p-2.5 mt-2 mb-2 text-xs">
            <div class="text-emerald-300 mb-1">✓ MT4 file ada</div>
            <div class="mono text-muted truncate"><%= ea.file_mt4_original || ea.file_mt4_path %></div>
          </div>
        <% } %>
        <input type="file" name="ea_file_mt4" accept=".ex4,.zip" class="input mt-2 cursor-pointer text-sm" />
      </div>

      <!-- MT5 file -->
      <div>
        <label class="text-xs uppercase tracking-wide text-muted-2 font-medium">File khusus MT5 (.ex5)</label>
        <% if (ea && ea.file_mt5_path) { %>
          <div class="card-soft p-2.5 mt-2 mb-2 text-xs">
            <div class="text-emerald-300 mb-1">✓ MT5 file ada</div>
            <div class="mono text-muted truncate"><%= ea.file_mt5_original || ea.file_mt5_path %></div>
          </div>
        <% } %>
        <input type="file" name="ea_file_mt5" accept=".ex5,.zip" class="input mt-2 cursor-pointer text-sm" />
      </div>

      <div class="text-xs text-muted-2 mt-4 leading-relaxed">Maks 50MB per file. Admin pilih file mana yang dikirim ke member saat approve order.</div>
    </div>

    <div class="card p-6">
      <h3 class="font-display font-semibold mb-3">Status</h3>
      <label class="flex items-center gap-3 cursor-pointer">
        <input type="checkbox" name="is_active" value="1" <%= !ea || ea.is_active ? 'checked' : '' %> class="w-4 h-4 accent-gold-400" />
        <span class="text-sm">Aktifkan EA (tampil di publik)</span>
      </label>
    </div>

    <div class="space-y-3">
      <button type="submit" class="btn btn-gold w-full h-12 rounded-full"><%= ea ? 'Simpan Perubahan' : 'Tambah EA' %></button>
      <a href="/admin/eas" class="btn btn-outline w-full h-11 rounded-full">Batal</a>
    </div>
  </aside>
</form>
