@extends('layout_dashboard.layout')
@section('title', 'Data Kelola Informasi 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 Informasi PSB</h4>
                            <hr>

                            <div class="table-responsive">
                                <table id="users-table" class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th>No.</th>
                                            <th>Judul</th>
                                            <th>Penulis</th>
                                            <th>Status</th>
                                            <th>Aksi</th>

                                        </tr>
                                    </thead>
                                    <tbody></tbody>
                                </table>
                            </div>
                        </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 () {
            $('#users-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: "{{ route('get_informasi_admin') }}",
                    type: 'GET'
                },
                columns: [
                    { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                    { data: 'judul', name: 'informasi.judul' }, // Sesuaikan dengan nama tabel di database
                    { data: 'penulis', name: 'admin.nama' },    // Karena penulis dari join table admin
                    { data: 'status', name: 'informasi.status' },
                    { data: 'aksi', name: 'aksi', orderable: false, searchable: false }
                ],
                language: {
                    search: "Cari:",
                    searchPlaceholder: "Judul/Penulis/Status..."
                },
                error: function (xhr, error, thrown) {
                    console.log('Error:', error);
                    console.log('Message:', thrown);
                    alert('Terjadi kesalahan saat memuat data');
                }
            });
        });


    </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: '/kelola_data_informasi/delete_informasi/' + id,
                type: 'DELETE',
                data: {
                    _token: '{{ csrf_token() }}',
                    _method: 'DELETE'
                },
                success: function (response) {
                    $('#users-table').DataTable().ajax.reload();
                    Swal.fire(
                        'Terhapus!',
                        'Data Artikel telah dihapus.',
                        'success'
                    );
                },
                error: function (xhr) {
                    Swal.fire(
                        'Gagal!',
                        'Terjadi kesalahan saat menghapus data.',
                        'error'
                    );
                }
            });
        }
    </script>
@endsection