@extends('admin.layout')
@section('main')
    <div class="content-header row">
    </div>
    <div class="content-wrapper">
        <div class="content-header row">
        </div>
        <div class="content-body">
            <section id="dashboard-ecommerce">
                {{-- <div class="row match-height justify-content-end mb-1">
                    <div class="col-lg-12 mr-auto">
                        <h2>Sun Doctors Master<a href="" class="ml-1" data-toggle="tooltip" data-placement="right"
                                title="Master doctors database with details"><i data-feather="help-circle"></i></a></h2>
                    </div>

                </div> --}}
                <div class="row match-height justify-content-between mb-1">
                    <div class="col-lg-6">
                        <h2>Phyzii Doctor Master<a href="" class="ml-1" data-toggle="tooltip" data-placement="right"
                                title="Master doctors database with details"><i data-feather="help-circle"></i></a></h2>
                    </div>
                    <div class="col-lg-1 text-right">
                        <button type="button" class="btn btn-primary" onclick="exportData()">
                            <i data-feather="download"></i> Export
                        </button>
                    </div>
                </div>

            </section>

            <section id="column-search-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-datatable p-1 table-responsive">
                                <table class="dt-column-search table table-striped w-100 text-center display"
                                    id="dataTable">
                                    <thead>
                                        <tr>
                                            <th>Sr. No.</th>
                                            <th>SC Code</th>
                                            <th>First Name</th>
                                            <th>Middle Name</th>
                                            <th>Last Name</th>
                                            <th>Email</th>
                                            <th>Mobile</th>
                                            <th>Registration No</th>
                                            <th>Qualification</th>
                                            <th>Mobile No.</th>
                                            <th>Email</th>
                                            <th>PAN No.</th>
                                            <th>GST No.</th>
                                            <th>PAN Name</th>
                                            <th>Cheque Name</th>
                                            <th>Doctor Status</th>
                                            <th>Date & Time</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        // $(function() {
        //     var columns = [{
        //             data: 'DT_RowIndex',
        //             name: 'DT_RowIndex',
        //             orderable: false,
        //             searchable: false
        //         },
        //         {
        //             data: 'vSCCode',
        //             name: 'vSCCode'
        //         },
        //         {
        //             data: 'vFname',
        //             name: 'vFname'
        //         },
        //         {
        //             data: 'vMname',
        //             name: 'vMname'
        //         },
        //         {
        //             data: 'vLname',
        //             name: 'vLname'
        //         },
        //         {
        //             data: 'vEmailMaster',
        //             name: 'vEmailMaster'
        //         },
        //         {
        //             data: 'vMobileMaster',
        //             name: 'vMobileMaster'
        //         },
        //         {
        //             data: 'vRegistrationNo',
        //             name: 'vRegistrationNo'
        //         },
        //         {
        //             data: 'vQualification',
        //             name: 'vQualification'
        //         },
        //         {
        //             data: 'vMobileNo1',
        //             name: 'vMobileNo1'
        //         },
        //         {
        //             data: 'vEmail1',
        //             name: 'vEmail1'
        //         },
        //         {
        //             data: 'vPanNo',
        //             name: 'vPanNo'
        //         },
        //         {
        //             data: 'vGSTNo',
        //             name: 'vGSTNo'
        //         },
        //         {
        //             data: 'vPANName',
        //             name: 'vPANName'
        //         },
        //         {
        //             data: 'vChequeName',
        //             name: 'vChequeName'
        //         },
        //         {
        //             data: 'vDoctorStatus',
        //             name: 'vDoctorStatus'
        //         },
        //         {
        //             data: 'created_at',
        //             name: 'created_at'
        //         },

        //     ];
        //     var columnDefs = [];
        //     getdatatable("{{ route('admin.sun.doctors.master.paginate') }}", columns, columnDefs);
        // });

        // function getdatatable(url, columns, columnDefs) {
        //     $('#dataTable').DataTable({
        //         processing: true,
        //         serverSide: true,
        //         bDestroy: true,
        //         order: [],
        //         "scrollX": true,
        //         columns: columns,
        //         columnDefs: columnDefs,
        //         ajax: {
        //             method: 'post',
        //             url: url,
        //             data: function(d) {
        //                 d._token = "{{ csrf_token() }}"
        //             }
        //         },
        //         "drawCallback": function(settings) {
        //             new VenoBox({
        //                 selector: '.venobox_img',
        //             });
        //             feather.replace();
        //         }
        //     });
        // }
        $(function() {
            var columns = [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'vSCCode',
                    name: 'vSCCode'
                },
                {
                    data: 'vEmailMaster',
                    name: 'vEmailMaster'
                },
                {
                    data: 'vMobileMaster',
                    name: 'vMobileMaster'
                },
                {
                    data: 'vFname',
                    name: 'vFname'
                },
                {
                    data: 'vMname',
                    name: 'vMname'
                },
                {
                    data: 'vLname',
                    name: 'vLname'
                },
                {
                    data: 'vRegistrationNo',
                    name: 'vRegistrationNo'
                },
                {
                    data: 'vQualification',
                    name: 'vQualification'
                },
                {
                    data: 'vMobileNo1',
                    name: 'vMobileNo1'
                },
                {
                    data: 'vEmail1',
                    name: 'vEmail1'
                },
                {
                    data: 'vPanNo',
                    name: 'vPanNo'
                },
                {
                    data: 'vGSTNo',
                    name: 'vGSTNo'
                },
                {
                    data: 'vPANName',
                    name: 'vPANName'
                },
                {
                    data: 'vChequeName',
                    name: 'vChequeName'
                },
                {
                    data: 'vDoctorStatus',
                    name: 'vDoctorStatus'
                },
                {
                    data: 'created_at',
                    name: 'created_at'
                }
            ];

            $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                bDestroy: true,
                pageLength: 10,
                scrollX: true,
                columns: columns,
                ajax: {
                    method: 'post',
                    url: "{{ route('admin.sun.doctors.master.paginate') }}",
                    data: function(d) {
                        d._token = "{{ csrf_token() }}"
                    }
                },
                drawCallback: function(settings) {
                    feather.replace();
                }
            });
        });

        // function exportData() {
        //     $.ajax({
        //         url: "{{ route('admin.sun.doctors.master.export') }}",
        //         type: 'POST',
        //         data: {
        //             _token: "{{ csrf_token() }}"
        //         },
        //         xhrFields: {
        //             responseType: 'blob'
        //         },
        //         success: function(response) {
        //             var blob = new Blob([response]);
        //             var link = document.createElement('a');
        //             link.href = window.URL.createObjectURL(blob);
        //             link.download = "sun-doctors-master-" + new Date().getTime() + ".xlsx";
        //             link.click();
        //         }
        //     });
        // }

        function exportData() {
            $.ajax({
                url: "{{ route('admin.sun.doctors.master.export') }}",
                type: 'POST',
                data: {
                    _token: "{{ csrf_token() }}"
                },
                success: function(response) {
                    if (response.status == 1) {
                        $.notify(response.message, 'info');
                        // Optionally redirect to the exports page
                    } else {
                        $.notify(response.message || 'Something went wrong', 'error');
                    }
                },
                error: function(xhr) {
                    $.notify('An error occurred while processing your request', 'error');
                }
            });
        }
    </script>
@endsection