@extends('template.template')

@section('title', 'Dashboard')

@section('content')
    <div class="card shadow-sm">
        <div class="card-header">
            <h3 class="card-title">LIST PASIEN</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table id="table_pasien" class="table table-row-bordered gy-5">
                    <thead>
                        <tr class="fw-semibold fs-6 text-muted">
                            <th>Nomor Urut</th>
                            <th>Nama</th>
                            <th>Jenis Kelamin</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@section('custom_js')
    <script>
        let DATATABLE = null;
        $(document).ready(function() {
            loadTable();
        });

        function loadTable() {
            DATATABLE = $('#table_pasien').DataTable({
                processing: true,
                serverSide: true,
                order: [
                    [0, 'asc']
                ],
                ajax: {
                    url: "{{ url('/dokter/get_list_table') }}",
                    type: "POST",
                    data: function(d) {
                        d._token = "{{ csrf_token() }}"; // Tambahkan CSRF token
                    }
                },
                columns: [
                    {
                        data: 'nomor_urut',
                        name: 'nomor_urut'
                    },
                    {
                        data: 'pasien_name',
                        name: 'pasien_name'
                    },
                    {
                        data: 'jenis_kelamin',
                        name: 'jenis_kelamin'
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    }
                ]
            });
        }
    </script>
@endsection