{% extends "admin/layout.html" %}
{% block content %}
<h2 class="text-xl font-bold text-slate-800 mb-4">Pengaturan Web</h2>
<div class="bg-slate-50 rounded-xl p-5">
  <form method="POST">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
    <div class="grid grid-cols-1 grid-cols-2 gap-4">
      <div class="col-span-2">
        <label class="label-field">Title Web Site</label>
        <input class="input-field" value="{{ judul.judul }}" name="judul">
      </div>
      <div class="col-span-2">
        <label class="label-field">Deskripsi Web Site</label>
        <input class="input-field" value="{{ judul.deskripsi }}" name="deskripsi">
      </div>
      <div class="col-span-2">
        <label class="label-field">Isi Hero</label>
        <input class="input-field" value="{{ judul.hero }}" name="hero">
      </div>
      <div>
        <label class="label-field">Judul Sub Hero 1</label>
        <input class="input-field" value="{{ judul.judulsh1 }}" name="judulsh1">
      </div>
      <div>
        <label class="label-field">Isi Sub Hero 1</label>
        <textarea class="input-field" name="isish1" rows="3">{{ judul.isish1 }}</textarea>
      </div>
      <div>
        <label class="label-field">Judul Sub Hero 2</label>
        <input class="input-field" value="{{ judul.judulsh2 }}" name="judulsh2">
      </div>
      <div>
        <label class="label-field">Isi Sub Hero 2</label>
        <textarea class="input-field" name="isish2" rows="3">{{ judul.isish2 }}</textarea>
      </div>
      <div>
        <label class="label-field">Judul Sub Hero 3</label>
        <input class="input-field" value="{{ judul.judulsh3 }}" name="judulsh3">
      </div>
      <div>
        <label class="label-field">Isi Sub Hero 3</label>
        <textarea class="input-field" name="isish3" rows="3">{{ judul.isish3 }}</textarea>
      </div>
      <div class="col-span-2">
        <label class="label-field">Footer 1</label>
        <textarea class="input-field" name="footer1" rows="3">{{ judul.footer1 }}</textarea>
      </div>
      <div>
        <label class="label-field">Footer 2</label>
        <input class="input-field" value="{{ judul.footer2 }}" name="footer2">
      </div>
      <div>
        <label class="label-field">Header</label>
        <input class="input-field" value="{{ judul.header }}" name="header">
      </div>
      <div class="col-span-2">
        <label class="label-field">Gemini API Key</label>
        <input class="input-field" type="password" name="gemini_api_key" placeholder="Isi API key Gemini (kosongkan = tidak diubah)" autocomplete="off">
        <p class="text-xs text-slate-400 mt-1">Digunakan untuk fitur <strong>Generate AI</strong>. Tombol Generate AI hanya muncul bila API key diisi. Biarkan kosong bila tidak ingin mengubah key yang sudah tersimpan.{% if gemini_ada %} <span class="text-green-600">Status: key sudah tersimpan.</span>{% endif %}</p>
      </div>
    </div>
    <div class="mt-5">
      <button type="submit" class="btn-primary">Simpan</button>
    </div>
  </form>
</div>
{% endblock content %}