@php
    use App\Models\StudentCallHistory;
@endphp
<x-dashboard.admin-layout>
    <x-slot name="style"></x-slot>

    <x-slot name='title'>New Admission Students - Dreamers Academy</x-slot>

    <div class="container-fluid">
        <x-inc.breadcrumb title="New Admission Students"/>

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive overflow-x-auto overflow-y-hidden">
                            <table id="datatable" class="table border table-striped table-bordered display datatable-data">
                                <thead>
                                    <tr>
                                        <th>SL</th>
                                        <th>Student Info</th>
                                        <th>Class Info</th>
                                        <th>Payment Info</th>
                                        <th>Admitted On</th>
                                        <th>Estimated Introduction Call</th>
                                        <th>Introduction Call AT</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <x-slot name="script">
        <script src="{{asset('assets/js/ajax_form_submit-1.0.1.js')}}"></script>
        <script src="{{asset('assets/js/custom-script-1.0.0.js')}}"></script>
        <script>
            $('.datatable-data').DataTable({
                processing: true,
                serverSide: true,
                pageLength: 10,
                ajax: {
                    url: "{{ route('student.new.admission.data') }}",
                    type: "GET",
                },
                order: [
                    [0, 'Desc']
                ],
                columns: [
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        orderable: false,
                        searchable: false,
                    },
                    {
                        data: 'student_id',
                        name: 'student_id',
                    },
                    {
                        data: 'class_id',
                        name: 'class_id',
                    },
                    {
                        data: 'payment_info',
                        name: 'payment_info',
                        orderable: false,
                        searchable: false,
                    },
                    {
                        data: 'admitted_on',
                        name: 'admitted_on',
                    },
                    {
                        data: 'estimated_introduction_call',
                        name: 'estimated_introduction_call',
                        orderable: false,
                        searchable: false,
                    },
                    {
                        data: 'introduction_called_at',
                        name: 'introduction_called_at',
                        orderable: false,
                        searchable: false,
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false,
                    },
                ],
                drawCallback: function() {
                    $('.select2').select2();
                }
            });
        </script>

        <script>
            function saveStudentCallHistory(e, studentId) {
                $.ajax({
                    "type": "POST",
                    "url": "{{ route('student.call.history.store') }}",
                    "data": {
                        "student_id": studentId,
                        "phone": e.dataset.phone,
                        "user_id": "{{ auth()->user()->id }}",
                        "called_for": "{{ StudentCallHistory::CALLED_FOR_ADMISSION }}",
                    },
                    success: function (res) {
                        if ($("#datatable").length) {
                            $("#datatable").DataTable().ajax.reload();
                        }
                    },
                    error: function (error) {

                    }
                })
            }
        </script>
    </x-slot>
</x-dashboard.admin-layout>