@{
    ViewData["Title"] = "Profil RW";
}

<!-- Breadcrumb -->
<div class="breadcrumbs text-sm">
    <ul>
        <li class="text-gray-500"><a>Profil RW</a></li>
    </ul>
</div>

<!-- Header -->
<div class="grid grid-cols-1 gap-4 lg:grid-cols-2">
    <div class="prose">
        <h3 class="mb-2">Profil Rw</h3>
    </div>
</div>

<div class="h-8"></div>

<!-- Tabs -->
<div class="tabs tabs-lift">
    <input type="radio" name="tab_profil_rw" checked class="tab checked:text-white [--tab-bg:green]"
        aria-label="Profil" />
    <div class="tab-content bg-base-100 border-base-300 p-0">
        @await Html.PartialAsync("_TabIndexProfil")
    </div>

    <input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]" aria-label="BPS-RW" />
    <div class="tab-content bg-base-100 border-base-300 p-0">
        @await Html.PartialAsync("_TabIndexBpsRw")
    </div>

    <input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]"
        aria-label="Surat Usulan" />
    <div class="tab-content bg-base-100 border-base-300 p-0">
        @await Html.PartialAsync("_TabIndexSuratUsulan")
    </div>

    <input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]"
        aria-label="Pengadaan Wadah" />
    <div class="tab-content bg-base-100 border-base-300 p-0">
        @await Html.PartialAsync("_TabIndexPengadaanWadah")
    </div>

    <input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]"
        aria-label="Kebutuhan Sarpras" />
    <div class="tab-content bg-base-100 border-base-300 p-0">
        @await Html.PartialAsync("_TabIndexKebutuhanSarpras")
    </div>

    <input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]"
        aria-label="Lokasi TP3SR & Parkir Pengumpulan Sampah" />
    <div class="tab-content bg-base-100 border-base-300 p-0">
        @await Html.PartialAsync("_TabIndexLokasi")
    </div>

    <input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]"
        aria-label="Alat Pengumpul Sampah" />
    <div class="tab-content bg-base-100 border-base-300 p-0">
        @await Html.PartialAsync("_TabIndexAlatPengumpulSampah")
    </div>
</div>


@section Scripts {
    <script src="/lib/jquery/jquery-3.7.1.js"></script>
    <script src="/lib/datatables/dataTables.js"></script>
    <script src="/plugins/datatables/dataTables.tailwindcss.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            // Datatable setup
            var tableLokasi = new DataTable('#tableLokasi', {
                ajax: '@Url.Action("TableLokasi", "ProfilRw")',
                autoWidth: false,
                columns: [
                    { data: null, render: (d, t, r, m) => m.row + 1, orderable: false, searchable: false },
                    { data: 'usulan' },
                    { data: 'alamat' },
                    { data: 'statusLahan' },
                    { data: 'pemilikLahan' },
                    { data: 'luasLahan' },
                    { data: 'statusUsulan', className: "text-center", orderable: false, searchable: false },
                    { data: 'aksi', className: "text-center", orderable: false, searchable: false }
                ]
            });

            // Delete Button
            tableLokasi.on('click', '.btn-delete', function () {
                const id = $(this).data('id');

                Swal.fire({
                    title: 'Apakah Anda yakin?',
                    text: "Data yang dihapus tidak dapat dikembalikan!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#ef4444',
                    cancelButtonColor: '#6b7280',
                    confirmButtonText: 'Ya, Hapus!',
                    cancelButtonText: 'Batal'
                }).then((result) => {
                    Swal.fire(
                        'Terhapus!',
                        'Data berhasil dihapus.',
                        'success'
                    );
                });
            });

            // Datatable Surat Usulan
            var tableSuratUsulan = new DataTable('#tableSuratUsulan', {
                ajax: '@Url.Action("TableSuratUsulan", "ProfilRw")',
                autoWidth: false,
                columns: [
                    { data: null, render: (d, t, r, m) => m.row + 1, orderable: false, searchable: false },
                    { data: 'nama_surat' },
                    { data: 'tanggal_surat' },
                    { data: 'file_upload' },
                    { data: 'status' },
                    {
                        data: 'aksi',
                        orderable: false,
                        searchable: false
                    },
                ]
            });

            // Delete Button
            tableSuratUsulan.on('click', '.btn-error', function () {
                const id = $(this).data('id');

                Swal.fire({
                    title: 'Apakah Anda yakin?',
                    text: "Data yang dihapus tidak dapat dikembalikan!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#ef4444',
                    cancelButtonColor: '#6b7280',
                    confirmButtonText: 'Ya, Hapus!',
                    cancelButtonText: 'Batal'
                }).then((result) => {
                    Swal.fire(
                        'Terhapus!',
                        'Data berhasil dihapus.',
                        'success'
                    );
                });
            });

            // Datatable Pengadaan Wadah
            var tablePengadaanWadah = new DataTable('#tablePengadaanWadah', {
                ajax: '@Url.Action("TablePengadaanWadah", "ProfilRw")',
                autoWidth: false,
                columns: [
                    { data: null, render: (d, t, r, m) => m.row + 1, orderable: false, searchable: false },
                    { data: 'rt' },
                    { data: 'jumlah_kepala_keluarga' },
                    { data: 'total_wadah_unit' },
                    { data: 'status' },
                ]
            });

            // Datatable Kebutuhan Sarpras
            var tableKebutuhanSarpras = new DataTable('#tableKebutuhanSarpras', {
                ajax: '@Url.Action("TableKebutuhanSarpras", "ProfilRw")',
                autoWidth: false,
                columns: [
                    { data: null, render: (d, t, r, m) => m.row + 1, orderable: false, searchable: false },
                    { data: 'rt' },
                    { data: 'tanggal' },
                    { data: 'jumlah_unit' },
                    { data: 'aksi' },
                ]
            });

            // Delete Button
            tableKebutuhanSarpras.on('click', '.btn-error', function () {
                const id = $(this).data('id');

                Swal.fire({
                    title: 'Apakah Anda yakin?',
                    text: "Data yang dihapus tidak dapat dikembalikan!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#ef4444',
                    cancelButtonColor: '#6b7280',
                    confirmButtonText: 'Ya, Hapus!',
                    cancelButtonText: 'Batal'
                }).then((result) => {
                    Swal.fire(
                        'Terhapus!',
                        'Data berhasil dihapus.',
                        'success'
                    );
                });
            });

            // Datatable Alat Pengumpul Sampah
            var tableSuratUsulan = new DataTable('#tableAlatPengumpulSampah', {
                ajax: '@Url.Action("TableAlatPengumpulSampah", "ProfilRw")',
                autoWidth: false,
                columns: [
                    { data: null, render: (d, t, r, m) => m.row + 1, orderable: false, searchable: false },
                    { data: 'wilayah' },
                    { data: 'alat_pengumpul', className: "text-wrap" },
                    { data: 'petugas' },
                    { data: 'jadwal', className: "text-wrap" },
                    { data: 'tps_tujuan' },
                    {
                        data: 'aksi',
                        orderable: false,
                        searchable: false
                    },
                ]
            });

            tableSuratUsulan.on('click', '.btn-delete', function () {
                const id = $(this).data('id');

                Swal.fire({
                    title: 'Apakah Anda yakin?',
                    text: "Data yang dihapus tidak dapat dikembalikan!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#ef4444',
                    cancelButtonColor: '#6b7280',
                    confirmButtonText: 'Hapus',
                    cancelButtonText: 'Batal'
                }).then((result) => {
                    Swal.fire(
                        'Terhapus!',
                        'Data berhasil dihapus.',
                        'success'
                    );
                });
            });


        });
    </script>
}