@{
    ViewData["Title"] = "Ubah Informasi Kontak";
}

<div class="breadcrumbs text-sm mb-6">
    <ul>
        <li class="text-gray-500"><a href="/InformasiKontak/Index">CMS</a></li>
        <li class="text-gray-500"><a href="/InformasiKontak/Index">Informasi Kontak</a></li>
        <li>Ubah Informasi Kontak</li>
    </ul>
</div>

<!-- Header -->
<h2 class="text-2xl font-semibold mb-6">Ubah Informasi Kontak</h2>

<div class="bg-white rounded-xl p-8 shadow-sm">
    <form>
        <div class="space-y-5">
            <!-- Nama Kantor -->
            <div>
                <label class="block font-medium mb-2">
                    Nama Kantor <span class="text-red-500">*</span>
                </label>
                <input type="text" 
                       class="input input-bordered w-full" 
                       placeholder="Masukkan nama kantor"
                       value="BPS-RW Mawar Indah"
                       required>
            </div>

            <!-- Alamat Kantor -->
            <div>
                <label class="block font-medium mb-2">
                    Alamat Kantor <span class="text-red-500">*</span>
                </label>
                <textarea class="textarea textarea-bordered w-full" 
                          rows="3"
                          placeholder="Masukkan alamat kantor"
                          required>Jl. Medan-Ungu No. 12, Jakarta</textarea>
            </div>

            <!-- Email & No Telepon Row -->
            <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
                <!-- Email -->
                <div>
                    <label class="block font-medium mb-2">
                        Email <span class="text-red-500">*</span>
                    </label>
                    <input type="email" 
                           class="input input-bordered w-full" 
                           placeholder="email@address.com"
                           value="bps.mawarindah@dlhpbps.go.id"
                           required>
                </div>

                <!-- No Telepon -->
                <div>
                    <label class="block font-medium mb-2">
                        No Telepon <span class="text-red-500">*</span>
                    </label>
                    <input type="text" 
                           class="input input-bordered w-full" 
                           placeholder="021-567-8910"
                           value="021-567-8910"
                           required>
                </div>
            </div>

            <!-- Jam Operasional -->
            <div>
                <label class="block font-medium mb-2">
                    Jam Operasional <span class="text-red-500">*</span>
                </label>
                <textarea class="textarea textarea-bordered w-full" 
                          rows="2"
                          placeholder="Masukkan jam operasional"
                          required>Senin - Jumat, 08.00 - 16.00</textarea>
            </div>

            <!-- Respon Email -->
            <div>
                <label class="block font-medium mb-2">
                    Respon Email <span class="text-red-500">*</span>
                </label>
                <textarea class="textarea textarea-bordered w-full" 
                          rows="4"
                          placeholder="Masukkan respon email"
                          required>Lorem ipsum</textarea>
            </div>

            <!-- Action Buttons -->
            <div class="flex justify-end gap-3 pt-4">
                <button type="reset" 
                        class="btn btn-outline btn-error rounded-full px-8">
                    Reset
                </button>
                <button type="button" 
                        onclick="window.location.href='/InformasiKontak/Index?success=true'"
                        class="btn btn-primary rounded-full px-8">
                    Simpan
                </button>
            </div>
        </div>
    </form>
</div>