@extends('layout_dashboard.layout')
@section('title', 'Data Santri Baru Sistem PSB Al-Qodiri Jember')

@section('content')
    <div class="content-body">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">Data Santri Baru</h4>
                            <hr>
                            {{-- <div class="alert alert-primary">Menampilkan

                                <span class="font-weight-bold">
                                    @if ($role == 'Superadmin')
                                    {{ 'seluruh santri' }}
                                    @elseif($role == 'Admin Putra')
                                    {{ 'Santri Putra' }}
                                    @elseif($role == 'Admin Putri')
                                    {{ 'Santri Putri' }}
                                    @endif
                                </span>
                                Yang Terdaftar
                            </div> --}}

                            {{--
                            @if ($role == 'Superadmin')
                            {{ 'seluruh santri' }}
                            @elseif($role == 'Admin Putra')
                            {{ 'Santri Putra' }}
                            @elseif($role == 'Admin Putri')
                            {{ 'Santri Putri' }}
                            @endif --}}

                            <div class="alert alert-success">
                                <span class="font-weight-bold"> Pilihan Filter </span>
                                <div class="container mt-3">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-lg-4 col-form-label" for="filter_tahun">Tahun Pendaftaran
                                                </label>
                                                <div class="col-lg-8">
                                                    <select class="form-control" id="filter_tahun" name="filter_tahun">
                                                        <option value="">Semua Tahun Pendaftaran</option>
                                                        @foreach($tahun_daftar as $tahun)
                                                            <option value="{{ $tahun->tahun_masuk }}"
                                                                @selected($tahun->tahun_masuk == $selectedTahun)>
                                                                {{ $tahun->tahun_masuk }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-lg-4 col-form-label" for="filter_gender">Jenis Kelamin
                                                </label>
                                                <div class="col-lg-8">
                                                    <select class="form-control" id="filter_gender" name="filter_gender" {{ $role != 'Superadmin' ? 'disabled' : '' }}>
                                                        @if ($role == 'Superadmin')
                                                            <option value="">Semua Jenis Kelamin</option>
                                                        @endif
                                                        <option value="Laki-laki" {{ $role == 'Admin Putra' ? 'selected' : '' }}>Laki-laki</option>
                                                        <option value="Perempuan" {{ $role == 'Admin Putri' ? 'selected' : '' }}>Perempuan</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-lg-4 col-form-label" for="filter_lembaga">Lembaga
                                                    Pendidikan
                                                </label>
                                                <div class="col-lg-8">
                                                    <select class="form-control" id="filter_lembaga" name="filter_lembaga">
                                                        <option value="">Semua Lembaga Pendidikan</option>
                                                        @foreach($lembaga as $item)
                                                            <option value="{{ $item->id_lembaga }}">{{ $item->nama_lembaga }}
                                                            </option>
                                                        @endforeach
                                                        <!-- Tambahkan option lainnya sesuai kebutuhan -->
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-lg-4 col-form-label" for="filter_status">Status
                                                </label>
                                                <div class="col-lg-8">
                                                    <select class="form-control" id="filter_status" name="filter_status">
                                                        <option value="">Semua Status</option>
                                                        <option value="AKTIF">Aktif</option>
                                                        <option value="NONAKTIF">Nonaktif</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="table-responsive" style="padding: 20px;">
                            <table id="users-table" class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th>No. Induk Daftar</th>
                                        <th>Foto Santri</th>
                                        <th>Nama Santri</th>
                                        <th>Tempat/Tanggal Lahir</th>
                                        <th>Lembaga Pendidikan</th>
                                        <th>Tanggal Daftar</th>
                                        <th>Status</th>
                                        <th>Aksi</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>




    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>


    <script type="text/javascript">
        $(document).ready(function () {
            var table = $('#users-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: "{{ route('get_santri') }}", // Ensure this route exists and returns valid JSON
                    type: 'GET',
                    data: function (d) {
                        d.tahun = $('#filter_tahun').val();
                        d.gender = $('#filter_gender').val();
                        d.lembaga = $('#filter_lembaga').val();
                        d.status = $('#filter_status').val();
                    }
                },
                columns: [
                    { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                    { data: 'no_induk_santri', name: 'no_induk_santri' },
                    { data: 'foto', name: 'foto' },
                    { data: 'nama_lengkap_santri', name: 'nama_lengkap_santri' },
                    {
                        data: null,
                        name: 'tempat_lahir',
                        render: function (data, type, row) {

                            var date = new Date(row.tanggal_lahir);
                            return row.tempat_lahir + ', ' + date.toLocaleDateString();;
                        }
                    },
                    { data: 'pendidikan_dipilih', name: 'pendidikan_dipilih' },
                    {
                        data: 'tanggal_masuk',
                        name: 'tanggal_masuk',
                        render: function (data, type, row) {

                            if (row.tanggal_masuk) {
                                var date = new Date(row.tanggal_masuk);
                                return date.toLocaleDateString();
                            }
                            return 'N/A'; // Return a default value if tanggal_daftar is null or undefined

                        }

                    },

                    // { data: 'email', name: 'email' },
                    // { data: 'tanggal_masuk', name: 'tanggal_masuk' },

                    { data: 'status_santri', name: 'status_santri' },
                    { data: 'action', name: 'action', orderable: false, searchable: false }
                ],
                error: function (xhr, error, thrown) {
                    console.error('Error:', error);
                    console.error('Message:', thrown);
                    Swal.fire(
                        'Error!',
                        'Failed to load data. Please try again later.',
                        'error'
                    );
                }
            });

            $('#filter_tahun, #filter_gender, #filter_lembaga, #filter_status').on('change', function () {
                table.ajax.reload();
            });
        });
    </script>


    {{-- manis alert --}}


    <script>

        function confirmDelete(id) {
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: "Data yang dihapus tidak dapat dikembalikan!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya, Hapus!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    deleteUser(id);
                }
            });
        }

        function deleteUser(id) {
            $.ajax({
                url: '/data_santri_baru/delete_santri/' + id,
                type: 'DELETE',
                data: {
                    _token: '{{ csrf_token() }}',
                    _method: 'DELETE'
                },
                success: function (response) {
                    $('#users-table').DataTable().ajax.reload();
                    Swal.fire(
                        'Terhapus!',
                        'Data Santri telah dihapus.',
                        'success'
                    );
                },
                error: function (xhr) {
                    Swal.fire(
                        'Gagal!',
                        'Terjadi kesalahan saat menghapus data.',
                        'error'
                    );
                }
            });
        }

        function confirmDelete(id) {
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: "Data yang dihapus tidak dapat dikembalikan!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya, Hapus!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    deleteUser(id);
                }
            });
        }




        // aktivasi santri?--

        function confirmActivate(id) {
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: "Santri ini akan diaktifkan!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya, Aktifkan!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    activateSantri(id);
                }
            });
        }
        function activateSantri(id) {
            $.ajax({
                url: '/data_santri_baru/activate/' + id,
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    _method: 'POST'
                },
                success: function (response) {
                    $('#users-table').DataTable().ajax.reload();
                    Swal.fire(
                        'Aktif!',
                        'Santri telah diaktifkan.',
                        'success'
                    );
                },
                error: function (xhr) {
                    Swal.fire(
                        'Gagal!',
                        'Terjadi kesalahan saat mengaktifkan santri.',
                        'error'
                    );
                }
            });
        }
        // deaktivasikan santri?--
        function confirmDeactivate(id) {
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: "Santri ini akan dinonaktifkan!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya, Nonaktifkan!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    deactivateSantri(id);
                }
            });
        }
        function deactivateSantri(id) {
            $.ajax({
                url: '/data_santri_baru/deactivate/' + id,
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    _method: 'POST'
                },
                success: function (response) {
                    $('#users-table').DataTable().ajax.reload();
                    Swal.fire(
                        'Dinonaktifkan!',
                        'Santri telah dinonaktifkan.',
                        'success'
                    );
                },
                error: function (xhr) {
                    Swal.fire(
                        'Gagal!',
                        'Terjadi kesalahan saat menonaktifkan santri.',
                        'error'
                    );
                }
            });
        }



    </script>
@endsection