@extends('admin.layout')
@section('main')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/assets/css/compliance-form.css') }}">
    <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>{{ $formLables['lable'] }}<a href="#" class="ml-1" data-toggle="tooltip"
                                data-placement="right" title="{{ $formLables['title'] }}"><i
                                    data-feather="help-circle"></i></a></h2>
                    </div>
                </div>
                <div class="row match-height justify-content-end mb-1">
                    <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 ($fyYears as $year)
                                    <option value="{{ $year }}">{{ $year }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-3 my-1">
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="statusFilter" name="statusFilter">
                                <option value="" selected> Select Status</option>
                                @if ($module != 'initiate')
                                    <option value="Approved">Approved</option>
                                @endif
                                <option value="Pending">Pending</option>
                                <option value="Information Needed">Information Needed</option>
                                <option value="Hold">Hold</option>
                            </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>

                    @if (auth()->user()->can('add_activity_view') && auth()->user()->can('add_activity_add') && $module === 'initiate')
                        <div class="col-lg-auto  col-md-6 my-1 text-right addNewActivity">
                            <div class="form-group">
                                <a href="{{ route('division.activity.compliance-form') }}"
                                    class="btn btn-success btn-toggle-sidebar waves-effect waves-float waves-light">
                                    <span class=""><i class="fa-solid fa-plus me-2"></i> Add New Activity</span>
                                </a>
                            </div>
                        </div>
                    @endif
                    @if ($module != 'initiate')
                        <div class="col-lg-auto  col-md-6 my-1 text-right">
                            <div class="form-group">
                                <a id="exportLink" href="{{ route('division.activity.compliance-export') }}"
                                    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>
                    @endif
                </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>Division Name</th>
                                            <th>Financial Year</th>
                                            <th>Activity Name (Visible for Field and HO Team)</th>
                                            <th>DCF Form</th>
                                            <th>Propsoal Letter</th>
                                            <th>Study Protocol</th>
                                            <th>EC Certificate</th>
                                            <th>Approval Reference</th>
                                            <th>Pre-Read Document</th>
                                            <th style="width:10%">Compliance Approval</th>
                                            <th>Capping Amount</th>
                                            <th>Expiry Days</th>
                                            <th>Last Assign Date</th>
                                            @if ($module == 'approval')
                                                <th>Activity Status</th>
                                            @endif
                                            <th>Date and Time</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 ">
                    <form id="addRemark" method="post">
                        @csrf
                        <div class="modal-body p-2">
                            <input type="hidden" id="iActivityID" name="iActivityID">
                            <div class="form-group mb-2">
                                <label for="remark_id">Add Activity Remark</label>
                                <textarea id="remark_id" name="remark" type="text" class="form-control" rows="5" placeholder="Add Remark">{{ old('remark') }}</textarea>
                            </div>

                        </div>
                        <div class="modal-footer justify-content-center">
                            <button type="submit" class="btn btn-primary" id="remarksubmit">Submit</button>
                            <button type="reset" class="btn btn-light">Clear</button>
                        </div>
                    </form>
                </div>

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

    {{-- comment --}}
    <div class="modal fade text-left " data-backdrop="static" data-keyboard="false" id="show_remark_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="">Activity Remarks</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="show_remark"></p>
                </div>
            </div>
        </div>
    </div>
    {{-- comment --}}
    {{--  Modal show data  Start --}}
    <div class="modal fade text-left modal-slide-in event-sidebar fade" data-backdrop="static" data-keyboard="false"
        id="doc_details" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered sidebar-lg" role="document">
            <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                <div class="modal-header mb-1">
                    <h5 class="modal-title">New Activity</h5>
                </div>
                <div class="modal-body flex-grow-1 pb-sm-0 pb-3">
                    <table class="table table-striped w-100">
                        <tbody>
                            <tr>
                                <th>Initiated By</th>
                                <td id="initiated_by"></td>
                            </tr>
                            <tr>
                                <th>Division Name</th>
                                <td id="division_name"></td>
                            </tr>
                            <tr>
                                <th>Division Code</th>
                                <td id="division_code"></td>
                            </tr>
                            <tr>
                                <th>Cluster Name</th>
                                <td id="cluster_name"></td>
                            </tr>
                            <tr>
                                <th>Company Name</th>
                                <td id="company_name"></td>
                            </tr>
                            <tr>
                                <th>GST No</th>
                                <td id="gst_no"></td>
                            </tr>
                            <tr>
                                <th>Activity Type</th>
                                <td id="activity_type"></td>
                            </tr>

                            <tr>
                                <th>Activity EC Selection</th>
                                <td id="activity_ec_selection"></td>
                            </tr>
                            <tr>
                                <th>Allocated Hour</th>
                                <td id="allocated_hour"></td>
                            </tr>
                            <tr>
                                <th>Activity Name (Visible for Field and HO Team)</th>
                                <td id="activity_name"></td>
                            </tr>
                            <tr>
                                <th>Activity Title (As per Study Protocol)</th>
                                <td id="ipup_title"></td>
                            </tr>
                            <tr>
                                <th>Field Assign Flow</th>
                                <td id="field_assign_flow">Flow</td>
                            </tr>
                            <tr>
                                <th>Field Team Approval Flow </th>
                                <td id="field_team_approval_flow"></td>
                            </tr>
                            <tr>
                                <th>HO Final Approval Flow</th>
                                <td id="ho_final_approval_flow"></td>
                            </tr>
                            <tr>
                                <th>Doctor Approval Flow</th>
                                <td id="doctor_approval_flow"></td>
                            </tr>
                            <tr>
                                <th>Activity Capping Amount</th>
                                <td id="activity_capping_amount"></td>
                            </tr>
                            <tr>
                                <th>FY Year</th>
                                <td id="FY_Year"></td>
                            </tr>
                            <tr id="variable_slab_show">
                                <th>Activity Amount Slab</th>
                                <td id="activity_amount_slab"></td>
                            </tr>

                            <tr>
                                <th>Activity Expiry Days</th>
                                <td id="activity_expiry_days"></td>
                            </tr>
                            <tr>
                                <th>EC Approval Date</th>
                                <td id="ec_approval_date"></td>
                            </tr><tr>
                                <th>Study activation duration</th>
                                <td id="study_activation_duration"></td>
                            </tr>
                            <tr>
                                <th>Last Assign Date</th>
                                <td id="last_assign_date_show"></td>
                            </tr>
                            <tr>
                                <th>GL Code</th>
                                <td id="gl_code"></td>
                            </tr>
                            <tr>
                                <th>No Doctors Proposed</th>
                                <td id="no_doctors_proposed"></td>
                            </tr>
                            <tr>
                                <th>Target Date Of Completion</th>
                                <td id="target_date_of_completion"></td>
                            </tr>
                            <tr>
                                <th>Target Doctor Specialization</th>
                                <td id="target_doctor_specialization"></td>
                            </tr>
                            <tr>
                                <th>Authorized Signatory Name</th>
                                <td id="vp_name"></td>
                            </tr>
                            <tr>
                                <th>Study Objective</th>
                                <td id="study_objective"></td>
                            </tr>
                            <tr>
                                <th>Description Of Services</th>
                                <td id="description_of_services"></td>
                            </tr>
                            <tr>
                                <th>Authorized Signatory</th>
                                <td><img id="show_vp_signature"
                                        src="{{ asset('assets/app-assets/images/avatars/blank.png') }}" alt="VP signature"
                                        width="30px"></td>
                            </tr>
                            <tr>
                                <th>Brand</th>
                                <td id="brand"></td>
                            </tr>
                            <tr>
                                <th>Study Protocol Number</th>
                                <td id="survey_name"></td>
                            </tr>
                            <tr>
                                <th>Survey Purpose</th>
                                <td id="survey_purpose"></td>
                            </tr>
                            <tr>
                                <th>Outcome Expected</th>
                                <td id="outcome_expected"></td>
                            </tr>
                            <tr>
                                <th>No of Question</th>
                                <td id="no_of_question"></td>
                            </tr>
                            <tr>
                                <th>Is the same survey used in the last year ?</th>
                                <td id="survey_last_year"></td>
                            </tr>
                            <tr>
                                <th>Reason, If The Survey Is Repeated </th>
                                <td id="survey_is_repeated"></td>
                            </tr>
                            <tr>
                                <th>Total Budget Amount For Activity </th>
                                <td id="total_amount"></td>
                            </tr>
                            <tr>
                                <th>Utilization of Survey Outcome </th>
                                <td id="survey_outcome"></td>
                            </tr>
                            <tr>
                                <th>Survey Outcome Other</th>
                                <td id="survey_outcome_other"></td>
                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Activity Track Modal -->
    <div class="modal fade" id="track_modal" tabindex="-1" role="dialog" aria-labelledby="track_modalLabel"
        aria-hidden="true">
        <div class="modal-dialog  modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="track_modalLabel">Activity Tracking History</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <ul class="timeline" id="track_modal_body">

                    </ul>
                </div>

            </div>
        </div>
    </div>



    {{--  Modal show data  End --}}
@endsection
@section('scripts')
    @if (session('success'))
        <script>
            $(document).ready(function() {
                $.notify("Success: " + "{{ session('success') }}", 'success');
            });
        </script>
    @endif

    <script>
        function activityTrack(id) {
            data = {
                'iComplianceActivitiesID': id,
                '_token': "{{ csrf_token() }}"
            }

            $.ajax({
                url: "{{ route('division.activity.compliance.track') }}",
                type: 'POST',
                data: data,
                success: function(response) {
                    activityTrack_response(response);
                },
                error: function(xhr) {
                    console.error('Error fetching activity track data:', xhr);
                    toastr.error('Failed to load activity tracking data');
                }
            });
        }

        function activityTrack_response(response) {
            var html = '';

            $(response).each(function(index, element) {
                var actionType = element.eType;
                var actionClass = '';

                // Assign different classes based on action type
                switch (actionType) {
                    case 'Initiated':
                        actionClass = 'badge-primary';
                        break;
                    case 'Updated':
                        actionClass = 'badge-info';
                        break;
                    case 'Approved':
                        actionClass = 'badge-success';
                        break;
                    case 'Information Needed':
                        actionClass = 'badge-warning';
                        break;
                    case 'Hold':
                        actionClass = 'badge-secondary';
                        break;
                    default:
                        actionClass = 'badge-light';
                        break;
                }
                html += '<li class="timeline-item">' +
                    '<span class="timeline-point timeline-point-indicator"></span>' +
                    '<div class="timeline-event">' +
                    '<div class="d-flex justify-content-between flex-sm-row flex-column mb-sm-0 mb-0">' +
                    '<h5 class="font-weight-bold mb-0">Activity ' + element.eType + ' By</h5>' +
                    '<span class="timeline-event-time mr-1 text-right" style="color:#415f6c"><i class="fa fa-calendar mr-1"></i> ' +
                    element.created_date + ' <br /> <i class="fa fa-clock mr-1"></i>' + element.created_time +
                    '</span>' +
                    '</div>' +
                    '<h6>' + element.userName +
                    '<label class="badge badge-light-primary">' + (element.vuserRole || element.vDesignation ||
                        'User') + '</label></h6>' +
                    '</div>' +
                    '<hr class="mb-0">' +
                    '</li>';

            });

            if (html === '') {
                html = '<div class="text-center p-3">No activity tracking data available</div>';
            }

            $("#track_modal_body").html(html);
            $("#track_modal").modal('show');
        }
    </script>


    <script>
        var outcome_expected = {!! json_encode(config('enum.outcome_expected')) !!};
        var survey_outcome = {!! json_encode(config('enum.survey_outcome')) !!};

        jQuery.validator.addMethod("noSpaces", function(value, element) {
            return value.trim() !== '';
        }, "Please enter valid text, not just spaces.");

        $(function() {
            $("#addRemark").validate({
                rules: {
                    remark: {
                        required: true,
                        noSpaces: true,
                       // pattern: /^[a-zA-Z0-9\s/]+$/,
                    },
                },
                errorPlacement: function(error, element) {
                    element.closest('.form-group').append(error);
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#addRemark")[0]);
                    ajax_submit("{{ route('division.activity.update-activity-status') }}", 'POST',
                        formData, 1,
                        'dataTable', 1, 1, 'remark_response');
                }
            });
        });

        function viewRemark(remark) {
            $("#show_remark").html(remark);
            $("#show_remark_modal").modal('show');
        }

        function remark_response(response) {
            $("#comment_modal").modal('hide');
        }

        function addRemarkOnActivity(id) {
            $("#iActivityID").val(id);
            $("#comment_modal").modal('show');
        }

        function unHoldActivity(id) {
            var text = "You want to resume activity ?"
            var status = "Pending"
            var msg = "Activity un-hold successfully!"
            updateActivityStatus(id, text, status, msg)
        }

        function holdActivity(id) {
            var text = "You want to hold the activity ?"
            var status = "Hold"
            var msg = "Activity hold successfully!"
            updateActivityStatus(id, text, status, msg)
        }

        function approveActivity(id) {
            var text = "You want to approve the activity ?"
            var status = "Approved"
            var msg = "Activity approved successfully!"
            updateActivityStatus(id, text, status, msg)
        }


        function updateActivityStatus(id, text, status, msg) {
            Swal.fire({
                title: 'Are you sure?',
                text: text,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: "{{ route('division.activity.update-activity-status') }}",
                        type: 'POST',
                        data: {
                            'iActivityID': id,
                            'status': status,
                            '_token': "{{ csrf_token() }}"
                        },
                        dataType: "json",
                        error: function(error) {
                            $.notify('Error : ', error, "error");
                        },
                        success: function(data) {
                            $.notify(msg, "success");
                            var dataTable = $('#dataTable').DataTable();
                            dataTable.draw();
                        }
                    });
                }
            })
        }



        function activityStatusUpdate(id, activityName) {
            var text = "You want to change the activity status of '" + activityName + "' to Live?";
            var msg = "Activity status updated to Live successfully!";

            Swal.fire({
                title: 'Are you sure?',
                text: text,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: "{{ route('division.activity.update-activity-status') }}",
                        type: 'POST',
                        data: {
                            'iActivityID': id,
                            'activity_status': 'Live',
                            '_token': "{{ csrf_token() }}"
                        },
                        dataType: "json",
                        error: function(error) {
                            $.notify('Error: ' + error, "error");
                        },
                        success: function(data) {
                            $.notify(msg, "success");
                            var dataTable = $('#dataTable').DataTable();
                            dataTable.draw();
                        }
                    });
                }
            });
        }

        function openDocDetailsModal(id) {
            $.ajax({
                url: "{{ route('division.activity.get-form-data') }}",
                type: 'POST',
                data: {
                    'isView': true,
                    'iActivityID': id,
                    '_token': "{{ csrf_token() }}"
                },
                dataType: "json",
                error: function(error) {
                    $.notify('Error : ', error, "error");
                },
                success: function(data) {
                    // var activityAmountSlab = data.activity_amount_slab;
                    // var displayText = activityAmountSlab[0] === null ? '-' : activityAmountSlab.join(', ');
                    // $('#activity_amount_slab').text(displayText);
                    var activityAmountSlab = data.activity_amount_slab || [];
                    var isVariable = data.is_variable;
                    activityAmountSlab = activityAmountSlab.filter(item => item !== null && item !== '').map(item => item.trim());
                    activityAmountSlab = activityAmountSlab.filter(item => item.toLowerCase() !== 'other');
                    if (isVariable === 'Y') {
                        activityAmountSlab.push('Other');
                    }
                    var displayText = activityAmountSlab.length ? activityAmountSlab.join(', ') : '-';
                    $('#activity_amount_slab').text(displayText);
                    $('#division_name').text(data.divisionData.vDivision);
                    $("#division_code").text(data.divisionData.vDivisionCode);
                    $("#cluster_name").text(data.divisionData.vClusterName);
                    $("#company_name").text(data.divisionData.company.vCompanyName);
                    $("#gst_no").text(data.divisionData.company.vGSTNumber);
                    // if(data.activity_type == 'MRS'){
                    $("#allocated_hour").text(data.allocated_hour ?? '-');
                    // }
                    $("#activity_type").text(data.activity_type ?? '-');
                    $("#activity_ec_selection").text(data.activity_ec_selection ?? '-');
                    $("#activity_name").text(data.activity_name ?? '-');
                    $("#ipup_title").text(data.ipup_title ?? '-');
                    $("#field_assign_flow").text(data.field_assign_flow ?? '-');
                    $("#field_team_approval_flow").text(data.field_team_approval_flow ?? '-');
                    $("#ho_final_approval_flow").text(data.ho_final_approval_flow ?? '-');
                    $("#doctor_approval_flow").text(data.doctor_approval_flow ?? '-');
                    $("#activity_capping_amount").text(data.activity_capping_amount ?? '-');
                    $("#FY_Year").text(data.FY_Year ?? '-');
                    $("#description_of_services").text(data.description_of_services ?? '-');
                    $("#activity_expiry_days").text(data.activity_expiry_days ?? '-');
                    $("#ec_approval_date").text(data.ec_approval_date ?? '-');
                    $("#study_activation_duration").text(data.study_activation_duration == '01-1-1970' ? '-' : data
                    .study_activation_duration);
                    $("#last_assign_date_show").text(data.lastAssignDate == '01-1-1970' ? '-' : data
                        .lastAssignDate);
                    $("#target_doctor_specialization").text(data.sp_dr_names.length === 0 ? '-' : data
                        .sp_dr_names.join(', '));
                    $("#gl_code").text(data.gl_code ?? '-');
                    $("#target_date_of_completion").text(data.target_date_of_completion == '01-1-1970' ? '-' :
                        data.target_date_of_completion);
                    $("#no_doctors_proposed").text(data.no_doctors_proposed ?? '-');
                    $("#study_objective").text(data.study_objective ?? '-');
                    $("#vp_name").text(data.vp_name ?? '-');
                    $("#brand").text(data.brand ?? '-');
                    $("#survey_name").text(data.survey_name ?? '-');
                    $("#survey_purpose").text(data.survey_purpose ?? '-');
                    // $("#outcome_expected").text(outcome_expected[data.outcome_expected]);
                    $("#outcome_expected").text(data.outcome_expected ?? '-');
                    $("#no_of_question").text(data.no_of_question ?? '-');
                    $("#survey_last_year").text(data.survey_last_year ?? '-');
                    $("#survey_is_repeated").text(data.survey_is_repeated ?? '-');
                    $("#total_amount").text(data.total_amount ?? '-');
                    $("#survey_outcome_other").text(data.survey_outcome_other ?? '-');



                    // if (data.survey_outcome == "0") {
                    //     $("#survey_outcome").text(data.survey_outcome_other);
                    // } else {
                    //     $("#survey_outcome").text(typeof data.survey_outcome === 'undefined' ? '-' :
                    //         survey_outcome[data.survey_outcome]);
                    // }
                    if (data.survey_outcome) {
                        let outcomes = Array.isArray(data.survey_outcome) ?
                            data.survey_outcome :
                            (typeof data.survey_outcome === 'string' && data.survey_outcome.includes(',') ?
                                data.survey_outcome.split(',') :
                                [data.survey_outcome]);

                        let displayOutcomes = [];

                        outcomes.forEach(outcome => {
                              if (survey_outcome[outcome]) {
                                    displayOutcomes.push(survey_outcome[outcome]);
                                }
                        });

                        $("#survey_outcome").text(displayOutcomes.length > 0 ? displayOutcomes.join(', ') :
                        '-');
                    } else {
                        $("#survey_outcome").text('-');
                    }

                    $("#initiated_by").text((data.initiatedBy.vFirstName == null ? '' : ' ' + data.initiatedBy
                            .vFirstName) +
                        ' ' + (data.initiatedBy.vMiddleName == null ? '' : ' ' + data.initiatedBy
                            .vMiddleName) + ' ' +
                        (data.initiatedBy.vLastName == null ? '' : ' ' + data.initiatedBy.vLastName));

                    $("#show_vp_signature").attr("src", data.vp_signature);

                    if (data.vp_signature == null) {
                        var basePath = "/vp-sign/";
                        var imageName = data.divisionData.compliance.vSignLocalName;
                        var imagePath = basePath + imageName;

                        $.ajax({
                            url: imagePath,
                            type: 'HEAD',
                            error: function() {
                                imageName = data.divisionData.compliance.vSignLocalName;
                                imagePath = basePath + imageName;

                                $.ajax({
                                    url: imagePath,
                                    type: 'HEAD',
                                    error: function() {
                                        $('#show_vp_signature').attr('src',
                                            '{{ asset('assets/app-assets/images/avatars/blank.png') }}'
                                        );
                                    },
                                    success: function() {
                                        $('#show_vp_signature').attr('src', imagePath);
                                    }
                                });
                            },
                            success: function() {
                                $('#show_vp_signature').attr('src', imagePath);
                            }
                        });
                    }
                    $('#doc_details').modal('show');
                }
            });
        }

        function showActivityLabel(activityType, activityAssignMethod) {
            const mappings = {
                'MRS-vs': 'Variable Slab',
                'MRS-fs': 'Fixed Slab',
                'PMS-ppa': 'Per Patient Amount',
                'PMS-vs': 'Variable Slab',
                'PMS-fs': 'Fixed Slab',
                'PMS-avs': 'Amount Variable Slab'
            };
            const key = `${activityType}-${activityAssignMethod}`;
            return mappings[key] || '';
        }

        $('.upload-file').change(function() {
            var filename = $(this).val().replace(/C:\\fakepath\\/i, '');
            $(this).siblings('span').html(filename);
        });


        $(function() {
            var columns = [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'action',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'ActivityType',
                    name: 'ActivityType',
                    "orderable": false,
                    searchable: true,
                },
                {
                    data: 'divisionName',
                    name: 'divisionName',
                    "orderable": false,
                    searchable: true,
                },
                {
                    data: 'fyYear',
                    name: 'fyYear',
                    searchable: true,
                    "orderable": false,
                    searchable: true,

                },
                {
                    data: 'activityName',
                    name: 'activityName',
                    searchable: true,
                    "orderable": false,
                },
                {
                    data: 'dcfForm',
                    name: 'dcfForm',
                    searchable: false,
                    "orderable": false,
                },
                {
                    data: 'proposalLetter',
                    name: 'proposalLetter',
                    searchable: false,
                    "orderable": false,
                },
                {
                    data: 'studyProtocol',
                    name: 'studyProtocol',
                    searchable: false,
                    "orderable": false,
                },
                {
                    data: 'ecCertificate',
                    name: 'ecCertificate',
                    searchable: false,
                    "orderable": false,
                },
                {
                    data: 'approvalReference',
                    name: 'approvalReference',
                    searchable: false,
                    "orderable": false,
                },
                {
                    data: 'preReadDocumentFile',
                    name: 'preReadDocumentFile',
                    searchable: false,
                    "orderable": false,
                },
                {
                    data: 'status',
                    name: 'status',
                    searchable: true,
                    "orderable": false,
                },
                {
                    data: 'cappingAmount',
                    name: 'cappingAmount',
                    searchable: true,
                    "orderable": false,
                }, {
                    data: 'expiryDays',
                    name: 'expiryDays',
                    searchable: true,
                    "orderable": false,
                },
                {
                    data: 'lastAssignDate',
                    name: 'lastAssignDate',
                    searchable: true,
                    "orderable": false,
                },

                @if ($module == 'approval')
                    {
                        data: 'activity_status',
                        name: 'activity_status',
                        searchable: true,
                        "orderable": false,
                    },
                @endif {
                    data: 'created_at',
                    name: 'created_at',
                    searchable: true,
                },
            ];
            var columnDefs = [];
            var page = "{{ $module }}";
            getdatatable("{{ route('division.compliance.activity.paginate') }}", columns, columnDefs, page);

            toggleDivisionColumn();

            $('#iDivisionIDNav').on('change', function() {
                toggleDivisionColumn();
            });
        });


        function getdatatable(url, columns, columnDefs, page) {
            $('#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.flag = page,
                            d.statusFilter = $("#statusFilter").val(),
                            d.financialYearFilter = $("#financialYearFilter").val()

                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();

                }
            });
        }


        function toggleDivisionColumn() {
            var table = $('#dataTable').DataTable();
            var divisionColumnIndex = 3;
            var divisionFilter = $('#iDivisionIDNav').val();
            var addButton = $('.addNewActivity');

            table.column(divisionColumnIndex).visible(divisionFilter === 'all');
            if (divisionFilter === 'all') {
                addButton.hide();
            } else {
                addButton.show();
            }
        }

        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 setFilter() {
            $('#dataTable').DataTable().ajax.reload();
        }

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

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

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

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

            updateExportLink();

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

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

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