@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">
            <!-- Dashboard Ecommerce Starts -->
            <section id="dashboard-ecommerce">
                <div class="row match-height justify-content-end mb-1">
                    <div class="col-lg-12 mr-auto">
                        <h2>Pending Medical Approval<a href="#" class="ml-1" data-toggle="tooltip" data-placement="right" title="View list of activities for whom medical approval is pending."><i data-feather="help-circle"></i></a>
                        </h2>
                    </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>Action</th>
                                            <th>Activity Type</th>
                                            <th>Study/Questionnaire Name</th>
                                            @foreach (config('custome.doc_types') as $key => $value)
                                                <th>{{ $value }}</th>
                                            @endforeach
                                            <th>Medical Request Date & Time </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: 'action.',
                    "orderable": false,
                    searchable: false
                }, {
                    data: 'TypeName.',
                    "orderable": false,
                    searchable: false
                }, {
                    data: 'vActivity'
                },
                @foreach (config('custome.doc_types') as $key => $value)
                    {
                        data: 'doc_{{ $key }}',
                        "orderable": false,
                        searchable: false
                    },
                @endforeach {
                    data: 'dtMedicalStatusUpdated'
                }
            ];
            var columnDefs = [];
            getdatatable("{{ route('division.medical.approval.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 approve_medical(id) {
            Swal.fire({
                title: 'Are you sure?',
                text: "You want to approve this activity?",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes'
            }).then((result) => {
                if (result.isConfirmed) {
                    data = {
                        'iActivityID': id,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('division.medical.approval.approve') }}", 'POST', data, 1, 'dataTable');
                }
            })
        }


        function reject_medical(id) {
            Swal.fire({
                title: 'Are you sure?',
                text: "You Want to Reject ?",
                icon: 'warning',
                input: 'textarea',
                inputAttributes: {
          required: 0
        },
        validationMessage: "This field is required",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, Reject it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    data = {
                        'iActivityID': id,
                        'vReason': result.value,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('division.medical.approval.reject') }}", 'POST', data, 1, 'dataTable');
                }
            })
        }

        function Test(iActivityID) {
            data = {
                'iActivityID': iActivityID,
                '_token': "{{ csrf_token() }}"
            }
            ajax_call("{{ route('division.testActivity') }}", 'POSt', data, isdataTable = 0, 'dataTable', type_return =
                1,
                notify = 0, function_name = 'Test_response');
        }

        function Test_response(response) {
            if (response.status == 1) {
                window.open("{{ url('/patientForm/test') }}", '_blank');
            }
        }
    </script>
@endsection