@extends('layouts')
@section('main')
    <div class="container-fluid">
        <div class="row">
            <div class="card_me">
                <div class="top_white_header">
                    <div class="row">
                        <div class="col-lg-auto  col-md-auto col-sm-auto ms-auto">
                            {{--                            <a id="export_patients" href="javascript:void(0)" class="btn btn-primary"><img src="{{('/assets/images/excel.png')}}" class="me-2" width="20px" > Export </a> --}}
                            <div class="col-lg-auto ">
                                <button type="button" onclick="UserExport()" class="btn btn-primary"><i
                                        class="fa fa-download me-2"></i>Export</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <table id="dataTable" class="table table-striped data-table-dr" style="width:100%">
                        <thead>
                            <tr>
                                <th>Sr No</th>
                                <th>Doctor Name</th>
                                <th>Patient Name</th>
                                <th>Phone Number</th>
                                <th>State</th>
                                <th>City</th>
                                <th>Type</th>
                                <th>Date And Time</th>
                            </tr>
                        </thead>
                        <tbody>
                        <tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        function UserExport() {
            var url = "{{ route('PatientExport') }}";
            window.location.href = url;
        }
        $(document).ready(function() {
            $(function() {
                var columns = [{
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        "orderable": false,
                        searchable: false
                    },
                    {
                        data: 'doctor_name',
                        name: 'doctor_name',
                        "orderable": false,
                        searchable: true
                    },
                    {
                        data: 'name',
                        name: 'name',
                        "orderable": false,
                        searchable: true,
                    },
                    {
                        data: 'phone_number',
                        name: 'phone_number',
                        "orderable": false,
                        searchable: true
                    },
                    {
                        data: 'state',
                        name: 'state',
                        "orderable": false,
                        searchable: true
                    },
                    {
                        data: 'city',
                        name: 'city',
                        "orderable": false,
                        searchable: true
                    }, {
                        data: 'type',
                        name: 'type',
                        "orderable": false,
                        searchable: true
                    },
                    {
                        data: 'created_at',
                        "orderable": false,
                        searchable: false
                    }
                ];
                var columnDefs = [];
                var data = {};
                getdatatable("{{ route('patient-list') }}", columns, columnDefs, data);
            });


            function getdatatable(url, columns, columnDefs, data) {
                table = $('#dataTable').DataTable({
                    "pageLength": 10,
                    language: {
                        searchPlaceholder: "Search"
                    },
                    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() }}"
                        }
                    },


                });
            }
        });
    </script>
@endsection