@include('division.layout.header')

<div class="container-fluid">
    <!--  Row 1 -->
    <div class="row">

        <div class="col-auto my-auto">
            <h2 class="main_title">Report SOP</h2>
        </div>
        <div class="col-lg-auto ms-auto">
            {{-- <select class="select2 js-example-basic-single select-label form-control w-100" name="select-label">
                <option value="Senora" selected>All Records</option>
                <option value="Senora">10</option>
                <option value="Senora">20</option>
                <option value="Senora">30</option>
            </select> --}}
        </div>
        <div class="col-lg-auto  col-md-auto col-sm-auto">
            <div class="d-flex align-items-center">
                <a href="#" class="btn btn-success" onclick="exportData()"><i class="fa fa-download me-2"></i>Export
                </a>
            </div>
        </div>
    </div>

    <div class="row mb-3">
    </div>

    <div class="row">

        <div class="col-12">
            <table id="datatable" class="table table-striped data-table-dr" style="width:100%">
                <thead>
                    <tr>
                        <th>Sr No</th>
                        <th>Slot No </th>
                        <th>No of Doctors </th>
                        <th>Total Amount </th>
                        <th>SOP Generated At </th>
                        <th>Action</th>
                        <th>Date And Time</th>
                    </tr>
                </thead>
                <tbody>
                <tbody>
            </table>
        </div>

    </div>

</div>

</div>


@include('division.layout.footer')


<script>
    $(function() {
        var columns = [
            {
                data: 'DT_RowIndex',
                name: 'DT_RowIndex',
                searchable: false
            },
            {
                data: 'sop_report_slot_no',
                name: 'sop_report_slot_no',
                searchable: false
            },
            {
                data: 'contract_count',
                name: 'contract_count',
            },
            {
                data: 'contract_total_amount',
                name: 'contract_total_amount',
            },

            {
                data: 'sop_record_generated_at',
                name: 'sop_record_generated_at'
            },
            {
                data: 'action',
                name: 'action',
                searchable: false
            },
            {
                data: 'created_at',
                name: 'created_at'
                // searchable: false
            }
        ];
        var columnDefs = [
            // {
            //     'targets': 0,
            //     'checkboxes': {
            //         'selectRow': true,
            //     }
            // }
        ];
        getdatatable("{{ route('division.report.sop.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',
                });
                //for check box
                $('#checkall').prop('checked', false);
                $('.actionBtn').hide();
                $('.dt-checkboxes').click(function() {
                    if ($('[name="checkbox[]"]:checked').length > 0) {
                        $('.actionBtn').show();
                    } else {
                        $('.actionBtn').hide();
                    }
                });
            }
        });
    }

    function exportData() {
        $.ajax({
            type: "POST",
            url: "{{ route('division.sopData.export') }}",
            //  async: false,

            data: {
                _token: "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response == 1) {
                    $.notify("You will get generated report within 10 minutes in download report section.",
                        "info");
                } else {

                    $.notify('Something went wrong !', "error");
                }
            }
        });
    }


</script>