@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>All Activities<a href="#" class="ml-1" data-toggle="tooltip" data-placement="right"
                                title="View list of all activities available in the division."><i
                                    data-feather="help-circle"></i></a></h2>
                    </div>
                    <div class="col-lg-2 col-md-3 my-1 ml-auto">
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="financialYearFilter"
                                name="financialYearFilter">
                                <option value="" selected> Select Financial-Year</option>
                                @foreach ($fyGroup as $item)
                                    <option value="{{ $item->FY }}">{{ $item->FY }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-auto col-md-6 my-1">
                        <div class="d-lg-flex">
                            <a href="#" class="btn btn-primary" onclick="setFilter()">Apply</a>
                            <a href="#" class="btn btn-light ml-1" onclick="resetFilter()">Clear</a>
                        </div>
                    </div>

                    <div class="col-lg-auto col-md-6 my-1">
                        <a href="{{ route('division.activity.export') }}" id="exportLink"
                            class="btn btn-success btn-toggle-sidebar waves-effect waves-float waves-light">
                            <span class=""><i data-feather="download" class="ml-1"></i> Export</span>
                        </a>
                    </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>
                                            <th>Protocol Number</th>
                                            @foreach (config('custome.doc_types') as $key => $value)
                                                <th>{{ $value }}</th>
                                            @endforeach
                                            <th style="width:10%">Medical Approval </th>
                                            <th>Capping Amount</th>
                                            <th>No Of Doctors Proposed</th>
                                            <th>Generated Contracts</th>
                                            <th>Expiry Days</th>
                                            <th>Last Assign Date</th>
                                            <th>Patient/Survey Data</th>
                                            <th>Closure Proof</th>
                                            <th>Supporting Document</th>
                                            <th>Closure Proof Utilization</th>
                                            <th>Status </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Dashboard Ecommerce ends -->

        </div>
    </div>


    {{-- comment --}}
    <div class="modal fade text-left " data-backdrop="static" data-keyboard="false" id="comment_modal" tabindex="-1"
        role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title font-weight-bolder" id="">Comment</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-2 ">
                    <p id="comment_body"></p>
                </div>

            </div>
        </div>
    </div>
    {{-- comment --}}


    {{-- Edit Activity Modal --}}
    <div class="modal fade text-left " data-keyboard="false" id="editActivityModal" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel1">Edit Activity</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {{ Form::open(['url' => '#', 'name' => 'validateFormEdit', 'id' => 'validateFormEdit', 'enctype' => 'multipart/form-data']) }}
                <div class="modal-body p-2">
                    <input type="hidden" id="iActivityID" name="iActivityID">
                    <div class="form-group mb-2">
                        <label for="">Study Name</label>
                        <input type="text" class="form-control" id="study_name" name="study_name">
                    </div>
                    <div class="form-group mb-2">
                        <label for="">Protocol Number</label>
                        <input type="text" class="form-control" id="protocol_number" name="protocol_number">
                    </div>
                    <div class="form-group mb-2">
                        <label for="">Financial year</label>
                        <select class="form-control w-100" id="financialYear" name="financialYear">
                            <option value="" disabled> Select Financial-Year</option>
                            @foreach ($fyGroup as $item)
                                <option value="{{ $item->FY }}">{{ $item->FY }}</option>
                            @endforeach
                        </select>
                    </div>

                </div>
                <div class="modal-footer justify-content-center">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</a>
                        <button type="reset" class="btn btn-light">Clear</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>


    {{-- for expiry days --}}
    <div class="modal fade text-left " data-keyboard="false" id="expiry_date" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel1">Set Expiry Days</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {{ Form::open(['url' => '#', 'name' => 'validateForm', 'id' => 'validateForm', 'enctype' => 'multipart/form-data']) }}
                <div class="modal-body p-2">
                    <input type="hidden" id="expiry_daysiActivityID" name="iActivityID">
                    <div class="form-group mb-2">
                        <label for="">Expiry Days</label>
                        <input type="number" min="0" class="form-control" id="expiry_days" name="expiry_days">
                    </div>

                </div>
                <div class="modal-footer justify-content-center">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</a>
                        <button type="reset" class="btn btn-light">Clear</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    {{-- for expiry days --}}


    {{-- for capping --}}
    <div class="modal fade text-left " data-keyboard="false" id="capping" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel1">Set Capping Amount</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {{ Form::open(['url' => '#', 'name' => 'validateForm2', 'id' => 'validateForm2', 'enctype' => 'multipart/form-data']) }}
                <div class="modal-body p-2">
                    <input type="hidden" id="iActivityID_capping" name="iActivityID_capping">
                    <div class="form-group mb-2">
                        <label for="">Capping Amount</label>
                        <input type="text" class="form-control" id="capping_amount" name="capping_amount">
                    </div>

                </div>
                <div class="modal-footer justify-content-center">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</a>
                        <button type="reset" class="btn btn-light">Clear</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    {{-- for capping --}}


    {{-- for NoOfDoctorsProposed --}}
    <div class="modal fade text-left " data-keyboard="false" id="NoOfDoctorsProposed_modal" tabindex="-1"
        role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel1">Set No Of Doctors Proposed</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {{ Form::open(['url' => '#', 'name' => 'validateFormNoOfDoctorsProposed', 'id' => 'validateFormNoOfDoctorsProposed', 'enctype' => 'multipart/form-data']) }}
                <div class="modal-body p-2">
                    <input type="hidden" id="iActivityID_vNoOfDoctorsProposed" name="iActivityID_vNoOfDoctorsProposed">
                    <div class="form-group mb-2">
                        <label for="">No Of Doctors Proposed</label>
                        <input type="text" class="form-control" id="vNoOfDoctorsProposed"
                            name="vNoOfDoctorsProposed">
                    </div>

                </div>
                <div class="modal-footer justify-content-center">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</a>
                        <button type="reset" class="btn btn-light">Clear</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    {{-- for NoOfDoctorsProposed --}}




    {{-- for Last Assign Date --}}
    <div class="modal fade text-left " data-keyboard="false" id="last_assign_date" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel1">Set Last Assign Date</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {{ Form::open(['url' => '#', 'name' => 'validateForm3', 'id' => 'validateForm3', 'enctype' => 'multipart/form-data']) }}
                <div class="modal-body p-2">
                    <input type="hidden" id="lastiActivityID" name="lastiActivityID">
                    <div class="form-group mb-2">
                        <label for="">Last Assign Date</label>
                        <input type="date" class="form-control" id="dtLastAssignDate" name="dtLastAssignDate">
                    </div>

                </div>
                <div class="modal-footer justify-content-center">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</a>
                        <button type="reset" class="btn btn-light">Clear</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    {{-- for Last Assign Date --}}


    {{-- for Closure Proof Upload --}}
    <div class="modal fade text-left " data-keyboard="false" id="upload_closure_proof" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel1">Upload Closure Proof</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {{ Form::open(['url' => '#', 'name' => 'validateForm4', 'id' => 'validateForm4', 'enctype' => 'multipart/form-data']) }}




                <div class="modal-body p-2">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="form-group mb-2">
                            <label for="utilization_id"> Utilization <span class="red_star">*</span> </label>
                            <select class="select2 select-label form-control w-100" id="utilization_id"
                                name="utilization">
                                <option value="" selected default disabled> Select Utilization
                                </option>
                                @foreach (config('enum.utilization') as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                        <label id="utilization_id-error" class="error" for="utilization_id"></label>
                    </div>
                    <div class="col-lg-12 col-md-12 col-sm-12 col-12" id="utilization_other_box" style="display: none;">
                        <div class="form-group mb-2">
                            <label for="study_objective_id">Other Utilization <span class="red_star">*</span></label>
                            <textarea id="utilization_other_id" name="utilization_other" type="text" class="form-control" rows="1"
                                placeholder="Other Utilization">{{ old('utilization_other') }}</textarea>
                        </div>
                    </div>
                    <input type="hidden" id="closureiActivityID" name="closureiActivityID">
                    <div class="form-group mt-2 col-lg-12">
                        <button class="btn btn-outline-primary w-100">
                            <input type="file" id="closureProofDocument" name="closureProofDocument"
                                class="upload-file">
                            <span class="filename">Browse</span>
                            <i class="fa fa-upload ml-1" style="color: #db644d;"></i>
                        </button>
                        <label id="closureProofDocument-error" class="error" for="closureProofDocument"></label>

                    </div>

                </div>
                <div class="modal-footer justify-content-center">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</a>
                        <button type="reset" class="btn btn-light">Clear</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    {{-- for Closure Proof Upload --}}


    {{-- for Supporting Document Upload --}}
    <div class="modal fade text-left " data-keyboard="false" id="upload_supporting_document" tabindex="-1"
        role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel1">Upload Supporting Document</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {{ Form::open(['url' => '#', 'name' => 'validateFormSupporting', 'id' => 'validateFormSupporting', 'enctype' => 'multipart/form-data']) }}
                <div class="modal-body p-2">
                    <input type="hidden" id="supportingActivityID" name="supportingActivityID">
                    <div class="form-group mt-2 col-lg-12">
                        <button class="btn btn-outline-primary w-100">
                            <input type="file" id="supportingDocument" name="supportingDocument" class="upload-file">
                            <span class="filename">Browse</span>
                            <i class="fa fa-upload ml-1" style="color: #db644d;"></i>
                        </button>
                        <label id="supportingDocument-error" class="error" for="supportingDocument"></label>
                    </div>
                </div>
                <div class="modal-footer justify-content-center">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    {{-- for Supporting Document Upload --}}


    {{-- for document --}}
    <div class="modal fade" id="document" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-lg modal-dialog-centered" role="document">
            <div class="modal-content" id="document_area">
            </div>
        </div>
    </div>
    {{-- for document --}}

    {{-- comment --}}
    <div class="modal fade text-left " data-backdrop="static" data-keyboard="false" id="reject_comment_modal"
        tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title font-weight-bolder" id="">Comment</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-2 ">
                    <p id="comment_body_reject"></p>
                </div>

            </div>
        </div>
    </div>
    {{-- comment --}}
@endsection
@section('scripts')
    <script>
        function upload_supporting_document(id) {
            $("#supportingDocument").val('');
            $(".filename").html('Browse');
            $("#supportingActivityID").val('');
            $("#supportingActivityID").val(id);
            $("#upload_supporting_document").modal('show');
        }

        $(function() {
            $("#validateFormSupporting").validate({
                rules: {
                    supportingActivityID: {
                        required: true,
                    },
                    supportingDocument: {
                        required: true,
                    },
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#validateFormSupporting")[0]);

                    ajax_submit("{{ route('division.activity.supportingDocument.save') }}", 'POST',
                        formData, 1,
                        'dataTable', 1, 1, 'upload_supporting_document_response');
                }
            });
        });

        function upload_supporting_document_response(response) {
            if (response.status == 1) {
                $("#supportingActivityID").val('');
                $("#upload_supporting_document").modal('hide');
            }
        }

        function view_supporting_documents(id) {
            // Make an AJAX call to get all documents for this activity
            $.ajax({
                url: "{{ route('division.activity.supportingDocument.view') }}",
                type: "POST",
                data: {
                    iActivityID: id,
                    _token: "{{ csrf_token() }}"
                },
                success: function(response) {
                    // Display the documents in a modal with iframes
                    $("#document_area").html(response);
                    $("#document").modal('show');
                    if (feather) {
                        feather.replace({
                            width: 14,
                            height: 14
                        });
                    }
                },
                error: function() {
                    $.notify('Error loading documents', "error");
                }
            });
        }
    </script>
    <script>
        $('.upload-file').change(function() {
            var filename = $(this).val().replace(/C:\\fakepath\\/i, '');
            // console.log(filename);
            $(this).siblings('span').html(filename);
        });


        $(function() {
            var columns = [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    "orderable": false,
                    searchable: false
                }, {
                    data: 'action',
                    name: 'action',
                    "orderable": false,
                    searchable: false,
                },
                {
                    data: 'TypeName',
                    name: 'activity_type.vActivityType',
                    "orderable": false,
                    searchable: false,
                }, {
                    data: 'vActivity',
                    name: 'vActivity',
                },
                {
                    data: 'vProtocolNo',
                    name: 'vProtocolNo',
                },
                @foreach (config('custome.doc_types') as $key => $value)
                    {
                        data: 'doc_{{ $key }}',
                        "orderable": false,
                        searchable: false
                    },
                @endforeach {
                    data: 'medical',
                    name: 'eMedicalStatus',
                }, {
                    data: 'capping',
                    name: 'dCapping',
                }, {
                    data: 'vNoOfDoctorsProposed',
                    name: 'vNoOfDoctorsProposed',
                    searchable: false
                }, {
                    data: 'assigned_doctor_count',
                    name: 'assigned_doctor_count',
                    searchable: false
                }, {
                    data: 'expiry_days',
                    name: 'iExpiryDays',
                },
                {
                    data: 'last_assign_date',
                    name: 'dtLastAssignDate',
                },
                {
                    data: 'patientExport',
                    searchable: false,
                    "orderable": false
                },
                {
                    data: 'closureProof',
                    searchable: false,
                    "orderable": false
                },
                {
                    data: 'supportingDocument',
                    searchable: false,
                    "orderable": false
                },
                {
                    data: 'vClosureUtilization',
                    // searchable: false,
                    "orderable": false
                },
                {
                    data: 'status',
                    name: 'eStatus',
                },
            ];
            var columnDefs = [];
            getdatatable("{{ route('division.activity.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() }}"
                        d.financialYearFilter = $("#financialYearFilter").val()
                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();

                }
            });
        }

        function changeStatus(id, status) {
            data = {
                'eStatus': status,
                'iActivityID': id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.activity.status') }}", 'POST', data, 1, 'dataTable');
        }

        //open Expiry modal
        function activity_expiry_day(id) {
            data = {
                'iActivityID': id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.activity.expirydays') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'activity_expiry_day_response');
        }
        //open Last Assign modal
        function last_assign_date(id) {
            data = {
                'iActivityID': id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.activity.lastAssignDate') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'last_assign_date_response');
        }

        function activity_expiry_day_response(response) {
            console.log(response);
            $("#expiry_days").val('');
            $("#expiry_daysiActivityID").val('');
            $("#expiry_days").val(response.expiry_days);
            $("#expiry_daysiActivityID").val(response.iActivityID);
            $("#expiry_date").modal('show');
        }

        function last_assign_date_response(response) {
            // console.log(response);
            $("#dtLastAssignDate").val('');
            $("#lastiActivityID").val('');
            $("#dtLastAssignDate").val(response.last_assign_date);
            $("#lastiActivityID").val(response.iActivityID);

            // setNextDate(response.last_assign_date);
            $("#last_assign_date").modal('show');
        }


        function last_date_update_response(response) {
            if (response.status == 1) {
                $("#dtLastAssignDate").val('');
                $("#lastiActivityID").val('');
                $("#last_assign_date").modal('hide');
            }
        }

        $(function() {
            $("#validateForm").validate({
                rules: {
                    expiry_days: {
                        required: true,
                        number: true,
                    },
                    iActivityID: {
                        required: true,
                    },
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#validateForm")[0]);

                    ajax_submit("{{ route('division.activity.expirydays.save') }}", 'POST', formData,
                        1, 'dataTable', 1, 1, 'activity_expiry_day_update_response');
                }
            });

        });

        function activity_expiry_day_update_response(response) {
            if (response.status == 1) {
                $("#expiry_days").val('');
                $("#expiry_daysiActivityID").val('');
                $("#expiry_date").modal('hide');
            }
        }
        //open capping
        function activity_capping(id) {
            data = {
                'iActivityID': id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.activity.capping') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'activity_capping_response');
        }

        function activity_capping_response(response) {
            $("#capping_amount").val('');
            $("#iActivityID_capping").val('');
            $("#capping_amount").val(response.capping);
            $("#iActivityID_capping").val(response.iActivityID);
            $("#capping").modal('show');
        }


        //open capping
        function activity_vNoOfDoctorsProposed(id) {
            data = {
                'iActivityID': id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.activity.proposedDoctor') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'activity_NoOfDoctorsProposed_response');
        }

        function activity_NoOfDoctorsProposed_response(response) {
            $("#vNoOfDoctorsProposed").val('');
            $("#iActivityID_vNoOfDoctorsProposed").val('');
            $("#vNoOfDoctorsProposed").val(response.vNoOfDoctorsProposed);
            $("#iActivityID_vNoOfDoctorsProposed").val(response.iActivityID);
            $("#NoOfDoctorsProposed_modal").modal('show');
        }



        //open capping
        function patient_data_export(id) {
            var activityID = id;
            $.ajax({
                type: "POST",
                url: '{{ url('division/manage-activities/patientDataExport') }}',
                //  async: false,

                data: {
                    iActivityID: activityID,
                    '_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");
                    }
                }
            });
        }


        $(function() {
            $("#validateForm2").validate({
                rules: {
                    capping_amount: {
                        required: true,
                        number: true,
                    },
                    iActivityID: {
                        required: true,
                    },
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#validateForm2")[0]);

                    ajax_submit("{{ route('division.activity.capping.save') }}", 'POST', formData, 1,
                        'dataTable', 1, 1, 'activity_capping_update_response');
                }
            });

        });


        $(function() {
            $("#validateFormNoOfDoctorsProposed").validate({
                rules: {
                    vNoOfDoctorsProposed: {
                        required: true,
                        number: true,
                    },
                    iActivityID_vNoOfDoctorsProposed: {
                        required: true,
                    },
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#validateFormNoOfDoctorsProposed")[0]);

                    ajax_submit("{{ route('division.activity.proposedDoctor.save') }}", 'POST',
                        formData, 1,
                        'dataTable', 1, 1, 'validateFormNoOfDoctorsProposed_response');
                }
            });

        });


        function validateFormNoOfDoctorsProposed_response(response) {
            if (response.status == 1) {
                $("#vNoOfDoctorsProposed").val('');
                $("#iActivityID_vNoOfDoctorsProposed").val('');
                $("#NoOfDoctorsProposed_modal").modal('hide');
            } else {
                $.notify('You cannot update this data !', "error");
            }
        }




        $(function() {
            $("#validateForm3").validate({
                rules: {
                    lastiActivityID: {
                        required: true,
                    },
                    last_assign_date: {
                        required: true,
                    },
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#validateForm3")[0]);

                    ajax_submit("{{ route('division.activity.lastAssignDate.save') }}", 'POST',
                        formData, 1,
                        'dataTable', 1, 1, 'last_date_update_response');
                }
            });

        });

        function activity_capping_update_response(response) {
            if (response.status == 1) {
                $("#capping").val('');
                $("#iActivityID_capping").val('');
                $("#capping").modal('hide');
            }
        }


        function medicalRequest(id) {
            Swal.fire({
                title: 'Are you sure?',
                text: "You Want to Send for Medical Approval ?",
                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.activity.medical.request') }}", 'POST', data, 1, 'dataTable');
                }
            })
        }

        // function comment(comment) {
        //     alert(comment);
        //     $("#comment_body").html(comment);
        //     $("#comment_modal").modal('show');
        // }

        // $(document).on("click", ".TestActivity", function() {
        //         var iActivityID = $(this).data('cid');
        //     });

        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');
            }
        }
        //open Last Assign modal
        function upload_closure_proof(id) {
            data = {
                'iActivityID': id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.activity.closureProofData') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'upload_closure_proof_response');
        }



        //open Last Assign modal
        function upload_closure_proof(id) {
            data = {
                'iActivityID': id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.activity.closureProofData') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'upload_closure_proof_response');
        }


        function upload_closure_proof_response(response) {
            // console.log(response);

            $("#closureProofDocument").val('');
            $(".filename").html('Browse');
            $("#closureiActivityID").val('');
            $("#closureiActivityID").val(response.iActivityID);
            $("#upload_closure_proof").modal('show');
        }



        $(function() {
            $("#validateForm4").validate({
                rules: {
                    closureiActivityID: {
                        required: true,
                    },
                    closureProofDocument: {
                        required: true,
                    },
                    utilization: {
                        required: true,
                    },
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#validateForm4")[0]);

                    ajax_submit("{{ route('division.activity.closureProofData.save') }}", 'POST',
                        formData, 1,
                        'dataTable', 1, 1, 'upload_closure_proof_response_table');
                }
            });

        });

        function upload_closure_proof_response_table(response) {
            if (response.status == 1) {
                $("#closureiActivityID").val('');
                $("#upload_closure_proof").modal('hide');
            }
        }

        function view_closure_proof(activity_id) {
            data = {
                'iActivityID': activity_id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.activity.closureProofData.view') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'view_closure_response');
        }

        function view_closure_response(response) {

            $("#document_area").html(response);
            $("#document").modal('show');
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        }



        function closureApprove(id = '') {
            if (id == '') {
                id = $("[name='checkbox[]']:checked").map(function() {
                    return $(this).val();
                }).get();

                if (id.length == 0) {
                    $.notify('Please select more than one from the list ', "error");
                    return false;
                }
            }
            Swal.fire({
                title: 'Are you sure?',

                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, approve it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    data = {
                        'eClosureProofStatus': 'Approved',
                        'iClosureDocumentID': id,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('division.activity.closureProof.status') }}", 'POST', data, 1, 'dataTable',
                        1, 0,
                        'closureProof_responce');
                }
            })
        }

        function closureReject(id = '') {
            if (id == '') {
                id = $("[name='checkbox[]']:checked").map(function() {
                    return $(this).val();
                }).get();

                if (id.length == 0) {
                    $.notify('Please select more than one from the list ', "error");
                    return false;
                }
            }
            Swal.fire({
                title: 'Are you sure?',

                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 = {
                        'eClosureProofStatus': 'Rejected',
                        'iClosureDocumentID': id,
                        'eClosureProofRejectionComment': result.value,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('division.activity.closureProof.status') }}", 'POST', data, 1, 'dataTable',
                        1, 0,
                        'closureProof_responce');
                }
            })
        }


        function closureProof_responce(responce) {
            $("#document").modal('hide');

        }


        function setNextDate(ab) {
            var today = new Date(ab);

            var dd = today.getDate();
            var mm = today.getMonth() + 1; //January is 0 so need to add 1 to make it 1!
            var yyyy = today.getFullYear();
            if (dd < 10) {
                dd = '0' + dd
            }
            if (mm < 10) {
                mm = '0' + mm
            }
            today = yyyy + '-' + mm + '-' + (dd + 1);
            document.getElementById("vPatientNextDate").setAttribute("min", today);
        }


        function rejectcomment(comment) {
            $("#comment_body_reject").html(comment);
            $("#reject_comment_modal").modal('show');
        }



        $(document).ready(function() {
            $('#utilization_id').change(function() {
                var selectedValue = $(this).val();

                if (selectedValue === "0") {
                    $("#utilization_other_box").show();
                    $("#utilization_other_id").prop('required', true)
                } else {
                    $("#utilization_other_id").val('');
                    $("#utilization_other_box").hide();
                    $("#utilization_other_id").prop('required', false)
                }
            });
        });

        function setFilter() {
            $('#dataTable').DataTable().ajax.reload();
        }

        function resetFilter() {
            $("#financialYearFilter").val('').select2();
            $('#dataTable').DataTable().ajax.reload();
        }

        function editActivity(id) {
            data = {
                'iActivityID': id,
                '_token': "{{ csrf_token() }}"
            }
            ajax_call("{{ route('division.activity.edit') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'editActivityResponse');
        }

        function editActivityResponse(response) {
            $("#iActivityID").val('');
            $("#protocol_number").val('');
            $("#study_name").val('');
            $("#financialYear").val('');
            console.log(response.id);
            $("#iActivityID").val(response.id);
            $("#protocol_number").val(response.response.vProtocolNo);
            $("#study_name").val(response.response.vActivity);
            $("#financialYear").val(response.response.FY).trigger('change');
            $("#editActivityModal").modal('show');
        }

        $(function() {
            $("#validateFormEdit").validate({
                rules: {
                    iActivityID: {
                        required: true,
                    },
                    protocol_number: {
                        required: true,
                    },
                    study_name: {
                        required: true,
                    },
                    financialYear: {
                        required: true
                    }
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#validateFormEdit")[0]);
                    ajax_submit("{{ route('division.activity.update') }}", 'POST', formData, 1,
                        'dataTable', 1, 1, 'update_activity_response');
                }
            });
        });

        function update_activity_response(response) {
            if (response.status == 1) {
                $("#iActivityID").val('');
                $("#protocol_number").val('');
                $("#study_name").val('');
                $("#financialYear").val('');
                $("#editActivityModal").modal('hide');
            }
        }

        $(document).ready(function() {
            function updateExportLink() {
                var selectedYear = $('#financialYearFilter').val();
                var iDivisionID = $('#iDivisionIDNav').val();
                var exportLink = $('#exportLink');
                var baseUrl = "{{ route('division.activity.export') }}";

                var queryParams = '?division=' + encodeURIComponent(iDivisionID);

                if (selectedYear) {
                    queryParams += '&year=' + encodeURIComponent(selectedYear);
                }
                exportLink.attr('href', baseUrl + queryParams);
            }

            updateExportLink();
            $('#iDivisionIDNav').change(function() {
                updateExportLink();
            });

            $('#financialYearFilter').change(function() {
                updateExportLink();
            });
        });
    </script>
@endsection