@extends('admin.layout')
@section('main')
    <div class="content-header row">
    </div>
    <div class="content-header row mb-2">
        <div class="row breadcrumbs-top">
            <div class="col-12">

                <div class="breadcrumb-wrapper">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('division.dashboard') }}"
                                class="router-link-active spaSlug" target="_self"><svg xmlns="http://www.w3.org/2000/svg"
                                    width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                    class="align-text-top feather feather-home">
                                    <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                                    <polyline points="9 22 9 12 15 12 15 22"></polyline>
                                </svg></a></li>
                        <li class="breadcrumb-item"><a href="{{ route('division.doctor.import') }}" target="_self"
                                class="spaSlug"> Import
                                Doctor
                            </a></li>
                        <li class="breadcrumb-item active"><span aria-current="location"> {{ $type }} </span></li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrapper">
        <div class="content-header row">
        </div>
        <div class="content-body">
            <!-- Dashboard Ecommerce Starts -->
            <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>Position Code</th>
                                            <th>Mobile Number </th>
                                            <th>Email ID </th>
                                            <th>Place </th>
                                            <th>Doctor First Name </th>
                                            <th>Doctor Middle Name</th>
                                            <th>Doctor Last Name </th>
                                            <th>Profile Score</th>
                                            <th>Specialty </th>
                                            <th>Address Line 1</th>
                                            <th>Address Line 2</th>
                                            <th>Address Line 3</th>
                                            <th>City</th>
                                            <th>State </th>
                                            <th>State Code</th>
                                            <th>Pincode </th>
                                            <th>Pan Name</th>
                                            <th>Pan Number</th>
                                            <th>GST Number</th>
                                            <th>Company name</th>
                                            <th>Cheque name</th>
                                            <th>Bank account number</th>
                                            <th>Bank IFSC Code</th>
                                            <th>Bank account type</th>
                                            {{-- <th>Business</th>
                                            <th>Business To Us</th> --}}
                                            <th>Active </th>
                                            <th>Comment</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Dashboard Ecommerce ends -->

        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(function() {
            var columns = [{
                data: 'DT_RowIndex',
                name: 'DT_RowIndex',
                "orderable": false,
                searchable: false
            }, {
                data: 'vScCode'
            }, {
                data: 'vPositionCode'
            }, {
                data: 'vMobile'
            }, {
                data: 'vEmail'
            }, {
                data: 'vPlace'
            }, {
                data: 'vFirstName'
            }, {
                data: 'vMiddleName'
            }, {
                data: 'vLastName'
            }, {
                data: 'dFMV'
            }, {
                data: 'vSpeciality'
            }, {
                data: 'vAddressLine1'
            }, {
                data: 'vAddressLine2'
            }, {
                data: 'vAddressLine3'
            }, {
                data: 'vCity'
            }, {
                data: 'vState'
            }, {
                data: 'vStateCode'
            }, {
                data: 'vPinCode'
            }, {
                data: 'vPanName'
            }, {
                data: 'vPanNumber'
            }, {
                data: 'vGSTNumber'
            }, {
                data: 'vCompanyName'
            }, {
                data: 'vChequeName'
            }, {
                data: 'vBankAccountNumber'
            }, {
                data: 'vBankIFSCCode'
            }, {
                data: 'vBankAccountType'
            },  {
                data: 'vActive'
            }, {
                data: 'vComment'
            }];
            var columnDefs = [];
            getdatatable("{{ route('division.doctor.import.detail.paginate') }}", columns, columnDefs);
        });

        function getdatatable(url, columns, columnDefs) {
            $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                bDestroy: true,
                order: [],
                "scrollX": true,
                columns: columns,
                columnDefs: columnDefs,
                // ajax: "{{ url('participant-paginate') }}",
                ajax: {
                    method: 'post',
                    url: url,
                    data: function(d) {
                        d._token = "{{ csrf_token() }}",
                            d.type = '{{ $type }}',
                            d.iImportID = '{{ $iImportID }}'
                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();

                    // alert();
                }
            });
        }

        function setDivision(iDivisionID) {
            $.post("{{ route('division.set.session') }}", {
                    iDivisionID: iDivisionID,
                    _token: "{{ csrf_token() }}"
                },
                function(data, status) {
                    $('#dataTable').DataTable().ajax.reload();
                });
        }
    </script>
@endsection