@include('division.layout.header')
<style>
    .red_star {
        color: red;
    }

    .status-badge {
        cursor: pointer;
        padding: 10px 15px;
        font-size: 14px;
        border-radius: 8px;
        display: inline-block;
        font-weight: bold;
    }
</style>

<div class="container-fluid">
    <div class="row g-2">
        <div class="col-auto my-auto">
            <h2 class="main_title">Manage Activity</h2>
        </div>
        @if (Auth::user()->role == 'Admin' || Auth::user()->role == 'Medical')
            <div class="col-lg-auto ms-auto">
                <select class="select2 js-example-basic-single select-label form-control w-100"
                    id="custom_division_filter" name="custom_division_filter" onchange="studyFilterData()">
                    <option value="" selected disabled>Select Division</option>
                    @foreach ($divisionData as $key => $value)
                        <option value="{{ $value['id'] }}">{{ $value['name'] }}</option>
                    @endforeach
                </select>
            </div>
            {{-- <div class="col-lg-auto">
                <select class="select2 js-example-basic-single select-label form-control w-100" name="activity_type_id"
                    id="activity_type_id" onchange="studyFilterData()">
                    <option value="" selected disabled>Select Type</option>
                    <option value="1">CRF</option>
                    <option value="2">SRS</option>
                </select>
            </div> --}}
            <div class="col-lg-auto">
                <select class="select2 js-example-basic-single select-label form-control w-100" id="custom_study_filter"
                    name="custom_study_filter">
                    <option value="" selected disabled>Select Study</option>
                </select>
            </div>

            <div class="col-lg-auto">
                <div class="d-flex align-items-center">
                    <a href="javascript:void(0);" id="applyButton" class="btn btn-primary ms-2"><i
                            class="fa fa-search"></i></a>
                    <a href="javascript:void(0);" id="clearButton" class="btn btn-danger ms-2"><i
                            class="fa fa-times"></i></a>
                </div>
            </div>
            <div class="col-lg-auto">
                <a href="javascript:void(0);" class="btn btn-success" onclick="exportActivityData()"><i
                        class="fa fa-download me-2"></i>Export
                </a>
            </div>


        @endif
    </div>

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

    <div class="row">
        <div class="col-12">
            <table id="manageActivityDataTable" class="table data-table-dr w-100">
                <thead>
                    <tr>
                        <th>Sr. No.</th>
                        <th>Indication</th>
                        @if (Auth::user()->role == 'Admin')
                            <th>Action</th>
                        @endif
                        <th>Activity Type</th>
                        <th>Division Name</th>
                        <th>Study Protocol Number</th>
                        <th>Study Name</th>
                        <th>Study Title</th>
                        <th>Patient Enrolment Count</th>
                        <th>Patient Summary</th>
                        <th>Patient Max Limit</th>
                        <th>Investigator Declaration</th>
                        <th>Consultancy Agreement</th>
                        <th>EC Certificate</th>
                        <th>Study Protocol</th>
                        @if (Auth::user()->role == 'Admin')
                            <th>BU Signatory Name</th>
                            <th>BU Signature</th>
                        @else
                            <th>Medical Affairs Team Name</th>
                            <th>Medical Affairs Team Signature</th>
                        @endif
                        <th>Start Effective Date</th>
                        <th>End Effective Date</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

</div>

@if (Auth::user()->role == 'Admin')
    <div class="modal fade" id="updateStudyDetailsModal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title fs-5" id="updateStudyDetailsModalLabel">Edit Study Details</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="studyDetailsForm" name="studyDetailsForm" method="post">
                        @csrf
                        <div class="row">
                            <input type="hidden" name="studyDetailsUpdateId" id="studyDetailsUpdateId">
                            <div class="col-sm-12 col-12">
                                <div class="mb-3">
                                    <label for="study_name" class="form-label">Study Name</label> <span
                                        class="red_star">*</span>
                                    <input type="text" class="form-control br_from" id="study_name" name="study_name"
                                        placeholder="Enter Study Name">
                                </div>
                            </div>
                            <div class="col-sm-12 col-12">
                                <div class="mb-3">
                                    <label for="study_import_name" class="form-label">Study Protocol Number</label>
                                    <span class="red_star">*</span>
                                    <input type="text" class="form-control br_from" id="study_import_name"
                                        name="study_import_name" placeholder="Enter Study Protocol Number">
                                </div>
                            </div>
                            <div class="col-sm-12 col-12">
                                <div class="mb-3">
                                    <label for="study_description" class="form-label">Study Title</label> <span
                                        class="red_star">*</span>
                                    <textarea class="form-control br_from" id="study_description" name="study_description" placeholder="Enter Study Title"></textarea>
                                </div>
                            </div>
                            <div class="col-sm-12 col-12">
                                <div class="mb-3">
                                    <label for="max_patient_count" class="form-label">Max Patient Capping Count</label>
                                    <span class="red_star">*</span>
                                    <input type="text" class="form-control br_from" id="max_patient_count"
                                        name="max_patient_count" placeholder="Enter Patient Capping Amount">
                                </div>
                            </div>
                            <div class="col-lg-12 text-center">
                                <div class="mb-3">
                                    <button type="submit" id="studyDetailsFormSubmit"
                                        class="btn btn-primary mt-4">Submit</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="updateStudyEffectiveDateUpdateModal" tabindex="-1"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title fs-5" id="updateStudyEffectiveDateUpdateLabel">Set Study Effective Date
                    </h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="studyEffectiveDateUpdateForm" name="studyEffectiveDateUpdateForm" method="post">
                        @csrf
                        <div class="row">
                            <input type="hidden" name="updateId" id="studyEffectiveDateUpdateId">
                            <div class="col-sm-12 col-12">
                                <div class="mb-3">
                                    <label for="min_activation_date" class="form-label">Start Effective Date</label>
                                    <input type="date" class="form-control br_from" id="min_activation_date"
                                        name="min_activation_date" placeholder="Enter Patient Capping Amount"
                                        min="{{ $date['today'] }}">
                                </div>
                            </div>
                            <div class="col-sm-12 col-12">
                                <div class="mb-3">
                                    <label for="effective_date" class="form-label">End Effective Date</label>
                                    <input type="date" class="form-control br_from" id="effective_date"
                                        name="effective_date" placeholder="Enter Patient Capping Amount"
                                        min="{{ $date['today'] }}">
                                </div>
                            </div>
                            <div class="col-lg-12 text-center">
                                <div class="mb-3">
                                    <button type="submit" id="studyEffectiveDateFormSubmit"
                                        class="btn btn-primary mt-4">Submit</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endif


<div class="modal fade" id="viewDocuments" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
    tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-xl modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="viewDocumentsHeader">View Document</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <iframe id="pdfViewer" src="" frameborder="0" width="100%" height="600px"></iframe>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="documentContractView" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false"
    tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header d-flex flex-column align-items-start">
                <h5 class="modal-title fs-4 mb-1" id="documentType">Document View</h5>
                <div class="subject-container w-100 d-flex align-items-center">
                    <p class="mb-0 text-muted me-2">Study Name :</p>
                    <h6 id="studyName" class="fw-bold text-dark mb-0"></h6>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="middle_ct letter_shadow_remove" id="documentContent">
                    {{-- Dynamic document content will be inserted here --}}
                </div>
            </div>
            <div class="modal-footer justify-content-center">
                <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="view_study_description" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
    tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Study Title</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p class="m-0" id="studyDescription"></p>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="studyDetailsUpdateTrackModal" tabindex="-1" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel">Activity Track</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <ul class="timeline ml-50">
                    {{-- Dynamic contract will be added here --}}
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="view_bu_signature" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
    tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Bu Signature</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="sign_img_show">
                    <img src="" id="buSignatureImg" alt="Bu Signature" />
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="divisionModal" tabindex="-1" aria-labelledby="divisionModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="divisionModalLabel">Division Details</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <table class="table table-bordered space_table">
                    <thead>
                        <tr>
                            <th>Division Name</th>
                            <th>Existing Patient Count</th>
                        </tr>
                    </thead>
                    <tbody id="divisionModalBody">
                        <!-- Data will be injected here -->
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@include('division.layout.footer')

<script>
    var manageActivityDataTable;

    function showDivisionModal(data) {
        let divisions = typeof data === "string" ? JSON.parse(data) : data;
        let tbody = document.getElementById('divisionModalBody');
        tbody.innerHTML = ''; // Clear previous content

        divisions.forEach(function(division) {
            let row = `<tr>
                            <td>${division.division_name}</td>
                            <td>${division.existing_patient_count}</td>
                        </tr>`;
            tbody.innerHTML += row;
        });

        // Show modal
        let divisionModal = new bootstrap.Modal(document.getElementById('divisionModal'));
        divisionModal.show();
    }

    function studyFilterData() {
        $.ajax({
            @if (Auth::user()->role == 'Admin')
                url: "{{ route('getStudyData') }}",
            @else
                url: "{{ route('medical.getStudyData') }}",
            @endif
            type: "POST",
            data: {
                @if (Auth::user()->role == 'Admin' || Auth::user()->role == 'Medical')
                    division_id: $('#custom_division_filter option:selected').val(),
                    // activity_type_id: $('#activity_type_id option:selected').val(),
                @else
                    division_id: '{{ Auth::user()->id }}',
                @endif
                _token: '{{ csrf_token() }}'
            },
            success: function(result) {
                $('#custom_study_filter').html('<option value="">Select Study</option>');
                $.each(result, function(key, value) {
                    $("#custom_study_filter").append('<option value="' + value.study_id + '">' +
                        value
                        .study_name + '</option>');
                });
            }
        });
    }

    $(document).on('click', '.viewDocumentsBt', function() {
        let recordId = $(this).data('id');
        let type = $(this).data('type');

        $.ajax({
            type: "POST",
            url: "{{ route('manageActivity.getDocumentContent') }}",
            data: {
                _token: "{{ csrf_token() }}",
                id: recordId,
                type: type
            },
            success: function(response) {
                if (response.status == 1) {
                    $('#studyName').text(response.study_name);
                    if (type == 'consultancy') {
                        $('#documentType').text('Consultancy Agreement');
                    } else {
                        $('#documentType').text('Investigator Declaration');
                    }

                    $('#documentContent').html(response.html);

                    $('#documentContractView').modal('show');
                } else if (response.status == 0) {
                    $.notify(response.message, 'info');
                }
            }
        });
    });

    function studyDescriptionSet(studyDescription) {
        $("#studyDescription").text(studyDescription);
    }

    function studyDetailsUpdateTrackerView(id) {
        $.ajax({
            type: "POST",
            url: "{{ route('admin.getUpdateStudyDetailsLogs') }}",
            data: {
                _token: "{{ csrf_token() }}",
                id: id
            },
            success: function(response) {
                if (response.status == 1) {
                    // Get the timeline container
                    const timelineContainer = $('.timeline.ml-50');

                    // Clear existing timeline items
                    timelineContainer.empty();

                    // Iterate through response data and create timeline items
                    response.data.forEach(item => {
                        // Parse and format the created_at timestamp
                        const date = new Date(item.created_at);
                        const formattedDate = date.toLocaleDateString('en-GB', {
                            day: '2-digit',
                            month: '2-digit',
                            year: 'numeric'
                        }).split('/').join('/');
                        const formattedTime = date.toLocaleTimeString('en-US', {
                            hour: 'numeric',
                            minute: '2-digit',
                            hour12: true
                        });

                        const timelineItem = `
                        <li class="timeline-item">
                            <span class="timeline-point timeline-point-indicator"></span>
                            <div class="timeline-event">
                                <div class="d-flex justify-content-between align-items-start flex-sm-row flex-column mb-sm-0 mb-0">
                                    <h5 class="font-weight-bold d-flex align-items-center mb-0">
                                        ${item.action_description}
                                    </h5>
                                    <span class="timeline-event-time mr-1 text-right">
                                        <i class="fa fa-calendar mr-1"></i> ${formattedDate} <br />
                                        <i class="fa fa-clock mr-1"></i> ${formattedTime}
                                    </span>
                                </div>
                                <h6 >${item.user_name} <label class="badge badge-light-primary">${item.role}</label></h6>
                            </div>
                        </li>
                    `;
                        timelineContainer.append(timelineItem);
                    });

                    // Show the modal
                    $('#studyDetailsUpdateTrackModal').modal('show');
                } else {
                    $.notify('Error loading email content', 'error');
                }
            },
            error: function() {
                $.notify('Error loading study details', 'error');
            }
        });
    }

    $(document).on("click", ".small_view", function() {
        var fileUrl = $(this).data("file");
        var header = $(this).data("header");
        $("#pdfViewer").attr("src", fileUrl);
        $("#viewDocumentsHeader").text(header);
    });

    $(document).on("click", ".view_sign", function() {
        var fileUrl = $(this).data("image");
        $("#buSignatureImg").attr("src", fileUrl);
    });

    @if (Auth::user()->role == 'Admin')
        function studyStatusChange(Id, status) {
            const swalWithBootstrapButtons = Swal.mixin({
                customClass: {
                    confirmButton: "btn btn-success me-2",
                    denyButton: "btn btn-danger"
                },
                buttonsStyling: false
            });
            swalWithBootstrapButtons.fire({
                title: 'Are you sure?',
                text: "You want to change study status?",
                icon: 'warning',
                showDenyButton: true,
                denyButtonText: 'No',
                confirmButtonText: 'Yes'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: "{{ route('admin.updateStudyStatus') }}",
                        type: 'POST',
                        data: {
                            'update_id': Id,
                            'status': status,
                            '_token': "{{ csrf_token() }}"
                        },
                        dataType: "json",
                        success: function(response) {
                            if (response.status == 1) {
                                $.notify(response.message, "success");
                            } else {
                                $.notify(response.message, "error");
                            }
                            manageActivityDataTable.draw();
                        },
                        error: function(jqXHR) {
                            if (jqXHR.status == 419) {
                                $.notify("Please refresh the Page", "error");
                            } else if (jqXHR.status == 500) {
                                $.notify("Please try after a few minutes", "error");
                            } else {
                                $.notify(jqXHR.responseJSON.message, "error");
                            }
                            manageActivityDataTable.draw();
                        }
                    });
                } else {
                    $.notify("The status remains unchanged.", "info");
                    manageActivityDataTable.draw();
                }
            });
        }

        // Helper function to decode HTML entities
        function htmlDecode(input) {
            let textarea = document.createElement('textarea');
            textarea.innerHTML = input;
            return textarea.value;
        }

        function studyDetailsFormSet(studyDetailsUpdateId, study_name, study_import_name, study_description,
            max_patient_count) {
            // Decode parameter to handle special characters
            let decodedStudyName = htmlDecode(decodeURIComponent(study_name));
            let decodedStudyImportName = htmlDecode(decodeURIComponent(study_import_name));
            let decodedStudyDescription = htmlDecode(decodeURIComponent(study_description));

            // Set decoded values to form fields using jQuery
            $("#studyDetailsUpdateId").val(studyDetailsUpdateId);
            $("#study_name").val(decodedStudyName);
            $("#study_import_name").val(decodedStudyImportName);
            $("#study_description").val(decodedStudyDescription);
            $("#max_patient_count").val(max_patient_count);
        }

        function studyEffectiveDateFormSet(updateId, study_name, min_activation_date, effective_date) {
            // console.log(study_name, min_activation_date);

            $("#studyEffectiveDateUpdateId").val(updateId);
            $("#updateStudyEffectiveDateUpdateLabel").text('Study : '+ study_name +' Set Effective Date');
            $("#min_activation_date").val(min_activation_date);
            $("#effective_date").val(effective_date);
        }
    @endif

    function patient_data_export(study_id, division_id = 0) {
        $.ajax({
            type: "POST",
            @if (Auth::user()->role == 'Admin')
                url: "{{ route('studyVisePatientDataExport') }}",
            @else
                url: "{{ route('medical.studyVisePatientDataExport') }}",
            @endif
            //  async: false
            data: {
                '_token': "{{ csrf_token() }}",
                study_id: study_id,
                @if (Auth::user()->role == 'Admin' || Auth::user()->role == 'Medical')
                    custom_division_filter: division_id
                @endif
            },
            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");
                }
            }
        });
    }

    $(document).ready(function() {
        $("#applyButton").click(function() {
            manageActivityDataTable.draw();
        });

        $("#clearButton").click(function() {
            $("#custom_study_filter").val('').change();
            // $("#activity_type_id").val('').change();
            $("#custom_division_filter").val('').change();
            manageActivityDataTable.draw();
        });

        @if (Auth::user()->role == 'Admin')
            $('#updateStudyDetailsModal').on('hidden.bs.modal', function() {
                // Reset form fields
                $(this).find('form')[0].reset();

                // Reset hidden input specifically
                $('#studyDetailsUpdateId').val('');

                // Reset select boxes to their default value (usually the first option)
                // $(this).find('select').val('').trigger('change');

                // Clear validation error messages and reset the form's validation state
                var form = $(this).find('form');
                form.validate().resetForm(); // Clears error messages
                form.find('.is-invalid').removeClass('is-invalid'); // Remove error class from input fields
            });

            $.validator.addMethod("notOnlySpaces", function(value, element) {
                return $.trim(value).length > 0;
            }, "This field cannot contain only spaces.");

            // Add custom validation method for date comparison
            $.validator.addMethod('greaterThanStartDate', function(value, element) {
                var startDate = $('#min_activation_date').val();
                if (!startDate || !value)
                    return true; // Skip if either date is empty (handled by required rules)

                var start = new Date(startDate);
                var end = new Date(value);

                // Ensure effective_date is at least 1 day greater than min_activation_date
                start.setDate(start.getDate() + 1); // Add 1 day to start date
                return end >= start;
            }, 'End Effective Date must be at least one day greater than Start Effective Date.');

            $('#studyDetailsForm').validate({
                ignore: ".ignore",
                rules: {
                    study_name: {
                        required: true,
                        minlength: 1,
                        maxlength: 255,
                        notOnlySpaces: true,
                    },
                    study_import_name: {
                        required: true,
                        minlength: 1,
                        maxlength: 255,
                        notOnlySpaces: true,
                    },
                    study_description: {
                        required: true,
                        minlength: 1,
                        maxlength: 65535,
                        notOnlySpaces: true,
                    },
                    max_patient_count: {
                        required: true,
                        number: true,
                        minlength: 1,
                        maxlength: 7,
                        notOnlySpaces: true,
                    },
                    // min_activation_date: {
                    //     required: {
                    //         depends: function(element) {
                    //             // Required only if effective_date has a value
                    //             return $('#effective_date').val() !== '';
                    //         }
                    //     }
                    // },
                    // effective_date: {
                    //     required: {
                    //         depends: function(element) {
                    //             // Required only if min_activation_date has a value
                    //             return $('#min_activation_date').val() !== '';
                    //         }
                    //     },
                    //     greaterThanStartDate: true // Custom rule to ensure effective_date > min_activation_date + 1 day
                    // },
                },
                messages: {
                    study_name: {
                        required: "Study Name is required.",
                        notOnlySpaces: "Study Name cannot contain only spaces.",
                        minlength: "Study Name must be at least 1 character long.",
                        maxlength: "Study Name must not exceed 255 characters.",
                    },
                    study_import_name: {
                        required: "Study Protocol Number is required.",
                        notOnlySpaces: "Study Protocol Number cannot contain only spaces.",
                        minlength: "Study Protocol Number must be at least 1 character long.",
                        maxlength: "Study Protocol Number must not exceed 255 characters.",
                    },
                    study_description: {
                        required: "Study Title is required.",
                        notOnlySpaces: "Study Title cannot contain only spaces.",
                        minlength: "Study Title must be at least 1 character long.",
                        maxlength: "Study Title must not exceed 65535 characters.",
                    },
                    max_patient_count: {
                        required: "Patient Capping Amount is required.",
                        number: "Patient Capping Amount can only contain number.",
                        minlength: "Patient Capping Amount must be at least 1 character long.",
                        maxlength: "Patient Capping Amount must not exceed 255 characters.",
                    },
                    // min_activation_date: {
                    //     required: "Start Effective Date is required when End Effective Date is provided."
                    // },
                    // effective_date: {
                    //     required: "End Effective Date is required when Start Effective Date is provided."
                    // }
                },
                errorPlacement: function(error, element) {
                    let placement = $(element).data('error');
                    if (placement) {
                        $(placement).append(error)
                    } else {
                        error.insertAfter(element);
                    }
                },
                submitHandler: function(form) {
                    $("#studyDetailsFormSubmit").attr('disabled', true);
                    let formData = new FormData($("#studyDetailsForm")[0]);

                    $.ajax({
                        url: '{{ route('admin.updateStudyDetails') }}',
                        method: 'POST',
                        data: formData,
                        processData: false,
                        contentType: false,
                        headers: {
                            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                        },
                        dataType: "json",
                        success: function(response) {
                            if (response.status == 1) {
                                $('#updateStudyDetailsModal').modal('hide');
                                $.notify(response.message, "success");
                            } else if (response.status == 0) {
                                $.notify(response.message, "error");
                            }
                            manageActivityDataTable.draw();
                            $("#studyDetailsFormSubmit").attr('disabled', false);
                        },
                        error: function(xhr, status, error) {
                            if (jqXHR.status == 419) {
                                $.notify("Please refresh the Page", "error");
                            } else if (jqXHR.status == 500) {
                                $.notify("Please try after a few minutes", "error");
                            } else {
                                $.notify(jqXHR.responseJSON.message, "error");
                            }
                            console.error('An error occurred:', error);
                            $("#studyDetailsFormSubmit").attr('disabled', false);
                            if (jqXHR.status == 419) {
                                $.notify("Please refresh the Page", "error");
                            } else if (jqXHR.status == 500) {
                                $.notify("Please try after a few minutes", "error");
                            } else {
                                $.notify(jqXHR.responseJSON.message, "error");
                            }
                        }
                    });
                }
            });

            $('#studyEffectiveDateUpdateForm').validate({
                ignore: ".ignore",
                rules: {
                    min_activation_date: {
                        required: {
                            depends: function(element) {
                                // Required only if effective_date has a value
                                return $('#effective_date').val() !== '';
                            }
                        }
                    },
                    effective_date: {
                        required: {
                            depends: function(element) {
                                // Required only if min_activation_date has a value
                                return $('#min_activation_date').val() !== '';
                            }
                        },
                        greaterThanStartDate: true // Custom rule to ensure effective_date > min_activation_date + 1 day
                    },
                },
                messages: {
                    min_activation_date: {
                        required: "Start Effective Date is required when End Effective Date is provided."
                    },
                    effective_date: {
                        required: "End Effective Date is required when Start Effective Date is provided."
                    }
                },
                errorPlacement: function(error, element) {
                    let placement = $(element).data('error');
                    if (placement) {
                        $(placement).append(error)
                    } else {
                        error.insertAfter(element);
                    }
                },
                submitHandler: function(form) {
                    $("#studyEffectiveDateFormSubmit").attr('disabled', true);
                    let formData = new FormData($("#studyEffectiveDateUpdateForm")[0]);

                    $.ajax({
                        url: '{{ route('admin.updateStudyEffectiveDate') }}',
                        method: 'POST',
                        data: formData,
                        processData: false,
                        contentType: false,
                        headers: {
                            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                        },
                        dataType: "json",
                        success: function(response) {
                            if (response.status == 1) {
                                $('#updateStudyEffectiveDateUpdateModal').modal('hide');
                                $.notify(response.message, "success");
                            } else if (response.status == 0) {
                                $.notify(response.message, "error");
                            }
                            manageActivityDataTable.draw();
                            $("#studyEffectiveDateFormSubmit").attr('disabled', false);
                        },
                        error: function(xhr, status, error) {
                            console.error('An error occurred:', error);
                            $("#studyEffectiveDateFormSubmit").attr('disabled', false);
                            if (jqXHR.status == 419) {
                                $.notify("Please refresh the Page", "error");
                            } else if (jqXHR.status == 500) {
                                $.notify("Please try after a few minutes", "error");
                            } else {
                                $.notify(jqXHR.responseJSON.message, "error");
                            }
                        }
                    });
                }
            });
        @endif

        manageActivityDataTable = $('#manageActivityDataTable').DataTable({
            scrollX: true,
            destroy: true,
            processing: true,
            serverSide: true,
            responsive: false,
            autoWidth: false,
            ajax: {
                method: 'post',
                url: "{{ route('manageActivityPaginate') }}",
                data: function(d) {
                    d.division_id = $('#custom_division_filter option:selected').val(),
                        d.custom_study_filter = $('#custom_study_filter option:selected').val(),
                        // d.activity_type_id = $('#activity_type_id option:selected').val(),
                        d._token = "{{ csrf_token() }}"
                },
                // beforeSend: function() {
                //     // Apply blur to the table or the entire page
                //     $('body').addClass('blur-overlay'); // Or target '#manageActivityDataTable'
                //     // Optional: Show a loading message or spinner
                //     $('body').append('<div class="loading-overlay">Loading...</div>');
                // },
                // // Handle AJAX errors (e.g., network failure)
                // error: function(xhr, status, error) {
                //     console.log('AJAX Error: ' + error);
                //     $('body').removeClass('blur-overlay');
                //     $('.loading-overlay').remove();
                // }
            },
            "drawCallback": function(settings) {},
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    searchable: false,
                    orderable: false
                },
                {
                    data: 'indication',
                    name: 'indication',
                    searchable: false,
                    orderable: false
                },
                @if (Auth::user()->role == 'Admin')
                    {
                        data: 'action',
                        name: 'action',
                        searchable: false,
                        orderable: false
                    },
                @endif {
                    data: 'activity_type_id',
                    name: 'activity_type_id',
                    searchable: false
                },
                {
                    data: 'division_name',
                    name: 'division_name',
                    searchable: false
                },
                {
                    data: 'study_import_name',
                    name: 'study_import_name',
                    searchable: true
                },
                {
                    data: 'study_name',
                    name: 'study_name',
                    searchable: true
                },
                {
                    data: 'study_description',
                    name: 'study_description',
                    searchable: false,
                    orderable: false
                },
                {
                    data: 'existing_patient_count',
                    name: 'existing_patient_count',
                    searchable: false
                },
                {
                    data: 'patientSummary',
                    name: 'patientSummary',
                    searchable: false,
                    orderable: false
                },
                {
                    data: 'max_patient_count',
                    name: 'max_patient_count',
                    searchable: false
                },
                {
                    data: 'investigatorDeclaration',
                    name: 'investigatorDeclaration',
                    searchable: false,
                    orderable: false
                },
                {
                    data: 'consultancyAgreement',
                    name: 'consultancyAgreement',
                    searchable: false,
                    orderable: false
                },
                {
                    data: 'study_ethics_committee_certificate',
                    name: 'study_ethics_committee_certificate',
                    searchable: false,
                    orderable: false
                },
                {
                    data: 'study_protocol_file',
                    name: 'study_protocol_file',
                    searchable: false,
                    orderable: false
                },
                {
                    data: 'bu_name',
                    name: 'bu_name',
                    searchable: true
                },
                {
                    data: 'bu_signature',
                    name: 'bu_signature',
                    searchable: false,
                    orderable: false
                },
                {
                    data: 'min_activation_date',
                    name: 'min_activation_date',
                    searchable: true,
                    orderable: false
                },
                {
                    data: 'effective_date',
                    name: 'effective_date',
                    searchable: false,
                    orderable: false
                },
                {
                    data: 'study_status',
                    name: 'study_status',
                    searchable: false,
                    orderable: false
                }
            ],
            columnDefs: [{
                "aTargets": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17],
                "mRender": function(data, type, full) {
                    if (data != null) {
                        return data;
                    } else {
                        return '-';
                    }
                }
            }, ],
        });
    });


    function exportActivityData(divisionId = '', customStudyFilter = '') {
        $.ajax({
            type: "POST",
            url: "{{ route('manageActivity.export') }}",
            xhrFields: {
                responseType: 'blob'
            },
            data: {
                _token: "{{ csrf_token() }}",
                division_id: divisionId || $('#custom_division_filter option:selected').val(),
                custom_study_filter: customStudyFilter || $('#custom_study_filter option:selected').val()
            },
            success: function(response, status, xhr) {
                var blob = new Blob([response]);
                var link = document.createElement('a');
                link.href = window.URL.createObjectURL(blob);
                link.download = 'manage_activities.xlsx';
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);

                $.notify("Data exported successfully!", "success");
            },
            error: function(xhr, status, error) {
                $.notify("Something went wrong! " + (xhr.responseJSON?.message || error), "error");
            }
        });
    }
</script>