@{
    ViewData["Title"] = "Tambah Laporan RW ";
}

<div class="breadcrumbs text-sm mb-4">
    <ul>
        <li class="text-gray-500"><a href="#">Data Verifikasi</a></li>
        <li><a href="@Url.Action("Index", "LaporanRwRw")">Laporan RW</a></li>
        <li>Tambah</li>
    </ul>
</div>

<div class="bg-white rounded-xl shadow p-8 max-w-6xl mx-auto">

    <h2 class="text-2xl font-semibold mb-6">Tambah Laporan RW</h2>

    <form asp-action="Create" asp-controller="LaporanRwRw" enctype="multipart/form-data">

        <!-- Top Grid -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-10">

            <div>
                <label class="font-medium">Bulan</label>
                <input type="text" class="input input-bordered w-full" placeholder="Agustus">
            </div>

            <div>
                <label class="font-medium">Tahun</label>
                <input type="number" class="input input-bordered w-full" placeholder="2025">
            </div>

            <div>
                <label class="font-medium">Jumlah Rumah Yang Memilah</label>
                <input type="number" class="input input-bordered w-full" placeholder="0">
            </div>

        </div>

        <!-- Divider -->
        <div class="grid grid-cols-1 md:grid-cols-[1fr_auto_1fr] gap-6">

            <!-- Left Column -->
            <div class="space-y-6">

                <div>
                    <label class="font-medium">Upload Foto Dokumentasi 1</label>
                    <input type="file" class="file-input file-input-bordered w-full">
                    <p class="text-xs text-gray-500 mt-1">Ukuran file maksimal 600KB</p>
                </div>

                <div>
                    <label class="font-medium">Keterangan Kegiatan</label>
                    <textarea class="textarea textarea-bordered w-full" rows="4"
                        placeholder="Masukkan keterangan kegiatan"></textarea>
                </div>

                <div>
                    <label class="font-medium">Tanggal Pelaksanaan Kegiatan</label>
                    <input type="date" class="input input-bordered w-full">
                </div>

                <div>
                    <label class="font-medium">Pelaksana Kegiatan</label>
                    <input type="text" class="input input-bordered w-full" placeholder="Masukkan pelaksana kegiatan">
                </div>

                <p class="text-xs text-gray-600">
                    Lengkapi keterangan foto dalam kolom keterangan, tanggal, dan pelaksana kegiatan di atas.
                </p>

            </div>

            <!-- Divider -->
            <div class="hidden md:block border-l border-gray-300 mx-6"></div>

            <!-- Right Column -->
            <div class="space-y-6">

                <div>
                    <label class="font-medium">Upload Foto Dokumentasi 2</label>
                    <input type="file" class="file-input file-input-bordered w-full">
                    <p class="text-xs text-gray-500 mt-1">Ukuran file maksimal 600KB</p>
                </div>

                <div>
                    <label class="font-medium">Keterangan Kegiatan</label>
                    <textarea class="textarea textarea-bordered w-full" rows="4"
                        placeholder="Masukkan keterangan kegiatan"></textarea>
                </div>

                <div>
                    <label class="font-medium">Tanggal Pelaksanaan Kegiatan</label>
                    <input type="date" class="input input-bordered w-full">
                </div>

                <div>
                    <label class="font-medium">Pelaksana Kegiatan</label>
                    <input type="text" class="input input-bordered w-full" placeholder="Masukkan pelaksana kegiatan">
                </div>

                <p class="text-xs text-gray-600">
                    Lengkapi keterangan foto dalam kolom keterangan, tanggal, dan pelaksana kegiatan di atas.
                </p>

            </div>

        </div>

        <!-- Button -->
        <div class="flex justify-end gap-3 mt-8">
            <a href="@Url.Action("Index", "LaporanRwRw")" class="btn rounded-full">
                Batalkan
            </a>
            <button
                id="btnSimpanLaporan" 
                type="submit"
                class="btn btn-primary rounded-full text-white border-none">
                Simpan
            </button>
        </div>

    </form>
</div>

<script src="/lib/jquery/jquery-3.7.1.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('#btnSimpanLaporan').on('click', function (e) {
            e.preventDefault();
            Swal.fire({
                title: 'Simpan Profil RW?',
                text: "Pastikan semua data sudah benar.",
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#22c55e',
                cancelButtonColor: '#6b7280',
                confirmButtonText: 'Simpan',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    Swal.fire({
                        title: 'Berhasil!',
                        text: 'Profil RW berhasil disimpan.',
                        icon: 'success',
                        confirmButtonText: 'OK',
                        confirmButtonColor: '#22c55e'
                    }).then(() => {
                        window.location.href = '@Url.Action("Index", "LaporanRwRw")';
                    });
                }
            });
        });
    });
</script>