@extends('admin.layout')

@section('main')
    <div class="content-header row">
    </div>

    <div class="content-body">

        <section id="dashboard-ecommerce">
            <div class="row match-height justify-content-end g-2 mb-2">
                <div class="col-lg-auto col-md-auto col-sm-auto col-auto mr-auto my-auto">
                    <h2 class="m-0">
                        <a href="{{ route('fieldDivision.other.activity.draft') }}" class="ml-1 mr-1">
                            <i class="fa-solid fa-arrow-left-long"></i>
                        </a>
                        Other Services

                    </h2>
                </div>

            </div>
        </section>
        <section>
            <div class="row match-height  g-2 mb-2">
                <div class="col-lg-12 col-md-12 col-sm-12 col-12  my-auto">
                    <div class="orange_bx">
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-sm-4 col-4  my-auto">
                                <div class="act_type">
                                    <span>Activity Type :</span>
                                    <span>{{ $activityData->vActivityType }}</span>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-4 col-4  my-auto">
                                <div class="act_type">
                                    <span>Brand Name :</span>
                                    <span>{{ $activityData->vBrandName }}</span>
                                </div>
                            </div>
                            @if ($activityData->vMeetingType != null)
                                <div class="col-lg-4 col-md-4 col-sm-4 col-4  my-auto">
                                    <div class="act_type p-0" style="border:0;">
                                        <span>{{ $activityData->vActivityType }} Type :</span>
                                        <span>{{ $activityData->vMeetingType }}</span>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

        </section>
        <!-- Dashboard Ecommerce ends -->
        <section id="">
            <div class="row">
                <div class="col-12">
                    <div class="tabing_rs bg_tab">
                        <ul class="tabs">
                            <li class="tab-link {{ $activityData->vCurrentStage == '1' ? 'current' : '' }} {{ $isDraftData == 'N' ? 'current' : '' }}"
                                data-tab="meeting-detail-tab">Meeting
                                Details</li>
                            <li class="tab-link {{ $activityData->vCurrentStage == '2' ? 'current' : '' }}"
                                data-tab="venue-detail-tab">Venue Details</li>
                            <li class="tab-link {{ $activityData->vCurrentStage == '3' ? 'current' : '' }}"
                                data-tab="stay-detail-tab">Stay Details</li>
                            <li class="tab-link {{ $activityData->vCurrentStage == '4' ? 'current' : '' }}"
                                data-tab="transportation-detail-tab">Transportation Details</li>
                        </ul>
                    </div>
                    <div class="tabing_rs_detiles">
                        @include('field.otherservice.' . $activityData->vFrontViewName)
                        @include('field.otherservice.venueDetail')
                        @include('field.otherservice.stayDetail')
                        @include('field.otherservice.transportationDetail')
                    </div>
                </div>
            </div>
        </section>
    </div>

    </div>
@endsection
@section('scripts')
    <script src="{{ asset('assets/custom/js/productMeeting.js') }}"></script>
    <script src="{{ asset('assets/custom/js/venueDetails.js') }}"></script>
    <script src="{{ asset('assets/custom/js/stayDetails.js') }}"></script>
    <script src="{{ asset('assets/custom/js/transportationDetails.js') }}"></script>
    <script>
        $('table tr').hasClass('.selected')

        $(document).ready(function() {
            $('ul.tabs li').click(function() {
                var tab_id = $(this).attr('data-tab');
                $('ul.tabs li').removeClass('current');
                $('.tab-content').removeClass('current');
                $(this).addClass('current');
                $("#" + tab_id).addClass('current');
            });

            $('.tab').on('click', function(evt) {
                evt.preventDefault();
                var $parentTabContent = $(this).closest('.tab-content');

                $parentTabContent.find('.tab').removeClass(
                    'active');
                $(this).addClass('active');

                var sel = this.getAttribute('data-toggle-target');
                $parentTabContent.find('.tab-content').removeClass('active').filter(sel).addClass('active');
            });


            $(".tab_down_view").click(function() {
                $(this).closest(".item").find(".sub_tab").slideToggle();
            });



        })

        $(function() {

            var start = moment().subtract(29, 'days');
            var end = moment();

            function cb(start, end) {
                $('#dtActivityDate span').html(start.format('MMMM D, YYYY') + ' - ' + end.format(
                    'MMMM D, YYYY'));
                $("#dtActivityDateStart").val(start.format('YYYY-MM-DD'));
                $("#dtActivityDateEnd").val(end.format('YYYY-MM-DD'));
            }

            $('#dtActivityDate').daterangepicker({
                startDate: start,
                endDate: end,

            }, cb);



            function venuecb(start, end) {
                $('#dtVenueDate span').html(start.format('MMMM D, YYYY') + ' - ' + end.format(
                    'MMMM D, YYYY'));
                $("#dtVenueDateStart").val(start.format('YYYY-MM-DD'));
                $("#dtVenueDateEnd").val(end.format('YYYY-MM-DD'));


                dtVenueDateStart = $("#dtVenueDateStart").val();
                dtVenueDateEnd = $("#dtVenueDateEnd").val();

                $.ajax({
                    url: "{{ route('field.getDraftAddedBanquetData') }}",
                    type: "POST",
                    data: {
                        iDraftID: '{{ $activityData->id }}',
                        iOtherStepID: '2',
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(result) {
                        if (result.banquetData != null) {

                            banquetDataSet(dtVenueDateStart, dtVenueDateEnd, result.banquetData);

                        } else {
                            banquetDataSet(dtVenueDateStart, dtVenueDateEnd);
                        }
                    }
                });




            }

            $('#dtVenueDate').daterangepicker({
                startDate: start,
                endDate: end,
            }, venuecb);



            function clinicvenuecb(start, end) {
                $('#dtClinicVenueDate span').html(start.format('MMMM D, YYYY') + ' - ' + end.format(
                    'MMMM D, YYYY'));
                $("#dtClinicVenueDateStart").val(start.format('YYYY-MM-DD'));
                $("#dtClinicVenueDateEnd").val(end.format('YYYY-MM-DD'));


                dtClinicVenueDateStart = $("#dtClinicVenueDateStart").val();
                dtClinicVenueDateEnd = $("#dtClinicVenueDateEnd").val();
            }

            $('#dtClinicVenueDate').daterangepicker({
                startDate: start,
                endDate: end,
            }, clinicvenuecb);



        });

        @if ($activityData->vFrontViewName == 'productMeeting')
            getListedDoctorData();
            getAgreementtype();
            getSpeakerData();
            getCategoryData();


            function getListedDoctorData() {
                $.ajax({
                    url: "{{ route('field.getListedDoctorData') }}",
                    type: "POST",
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(result) {
                        $('#listedDoctors').html('<option value="">Select Doctor</option>');
                        $.each(result, function(key, value) {
                            doc = ((value.vFname !== null ? value.vFname : '') + ' ' + (value.vMname !==
                                null ? value.vMname : '') + (value.vLname !== null ? value
                                .vLname :
                                ''));

                            $("#listedDoctors").append('<option value="' + value.iDoctorID + '">' +
                                doc + ' (' + value.vSCCode + ')' + '</option>');
                        });

                    }
                })
            }

            function getSpeakerData() {
                $.ajax({
                    url: "{{ route('field.getListedDoctorData') }}",
                    type: "POST",
                    data: {
                        isSpeakerData: 'Y',
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(result) {
                        $('#vSpeakerData').html('<option value="">Select Doctor</option>');
                        $.each(result, function(key, value) {
                            doc = ((value.vFname !== null ? value.vFname : '') + ' ' + (value.vMname !==
                                null ? value.vMname : '') + (value.vLname !== null ? value
                                .vLname :
                                ''));

                            $("#vSpeakerData").append('<option value="' + value.iDoctorID + '">' +
                                doc + ' (' + value.vSCCode + ')' + '</option>');
                        });

                    }
                })
            }

            function getCategoryData() {
                $.ajax({
                    url: "{{ route('field.getCategoryData') }}",
                    type: "POST",
                    data: {

                        _token: '{{ csrf_token() }}'
                    },
                    success: function(result) {
                        $('#iCategoryID').html('<option value="">Select Agreement Type</option>');
                        $.each(result, function(key, value) {


                            $("#iCategoryID").append('<option value="' + value.id + '">' +
                                value.vCategoryName + '</option>');
                        });

                    }
                })
            }

            function getAgreementtype() {
                $.ajax({
                    url: "{{ route('field.getAgreementtype') }}",
                    type: "POST",
                    data: {
                        iActivityTypeID: '{{ $activityData->iActivityTypeID }}',
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(result) {
                        $('#iOtherActivityAgreementID').html('<option value="">Select Agreement Type</option>');
                        $.each(result, function(key, value) {


                            $("#iOtherActivityAgreementID").append('<option value="' + value.id + '">' +
                                value.vAgreementTypeName + '</option>');
                        });

                    }
                })
            }

            function getDoctorDetails() {
                $.ajax({
                    url: "{{ route('field.getDoctorDetails') }}",
                    type: "POST",
                    data: {
                        iDoctorID: $('#vSpeakerData').val(),
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(result) {
                        $('#vSCCode').val(result.vSCCode);
                        $('#vSpecialityName').val(result.vSpecialityName);
                        $('#vFMVAmount').val(result.vFMVAmount);

                        doctorCapping = parseFloat((parseFloat(result.vFMVAmount)) * 2);
                        $("#doctorCapping").val(parseFloat(doctorCapping).toFixed(2));
                    }
                })
            }


            function addListedHotel() {
                $.ajax({
                    url: "{{ route('field.getHotelDetails') }}",
                    type: "POST",
                    data: {
                        iHotelID: $('#iHotelID').val(),
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(result) {
                        setHotelData(result);
                    }
                })
            }


            getAddedProductMeetingDraftData();

            function getAddedProductMeetingDraftData() {
                $.ajax({
                    url: "{{ route('field.getAddedDraftData') }}",
                    type: "POST",
                    data: {
                        iDraftID: '{{ $activityData->id }}',
                        iOtherStepID: '1',
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(result) {
                        if (result.activityData != '0') {
                            $('#vNoOfEmployees').val(result.activityData.vNoOfEmployees);
                            $('#dtActivityDateEnd').val(result.activityData.dtActivityDateEnd);
                            $('#vActivityObjective').val(result.activityData.vActivityObjective);
                            $('#dtActivityDateStart').val(result.activityData.dtActivityDateStart);
                            $('#vCityNameOfTheEvent').val(result.activityData.vCityNameOfTheEvent);
                            $('#dtActivityDate span').html(result.activityData.dtActivityDateStart + ' - ' +
                                result.activityData.dtActivityDateEnd);

                            $.each(result.draftedListedDoctorsData, function(key, draftedDoctorID) {
                                addListedDr(draftedDoctorID.iDoctorID);
                            });


                            if (result?.activityData?.nonlistedDoctorsData) {
                                let arr = result.activityData.nonlistedDoctorsData.split(/[,]+/);
                                $.each(arr, function(key, value) {
                                addNonListedDr(value);
                            });
                            }









                            var noOfContract = result.contractData.length;
                            $.each(result.contractData, function(key, contractData) {
                                contractDataList(1, contractData, key);
                            });
                        }

                    }
                })
            }

            function generateHonarariumOptions(selectedValue) {
                var optionsHtml = '';
                var honarariumOptions = @json(config('otherServicesCustom.honararium_to_be_paid'));
                $.each(honarariumOptions, function(key, optionValue) {
                    var selected = (key == selectedValue) ? 'selected' : '';
                    optionsHtml += '<option value="' + key + '" ' + selected + '>' + optionValue +
                        '</option>';
                });

                return optionsHtml;
            }
        @endif




        $(document).ready(function() {


            $.validator.addMethod("count1", function(value, element) {
                if ($('input[name="' + element.name + '"]').length > 0) {
                    return true;
                } else {
                    return false;
                }
            }, "Please select atleast one Doctor.");


            $.validator.addMethod("doctorcaplimit", function(value, element) {
                doctorCapping = $("#doctorCapping").val();
                contractAmount = $("#doctorCapping").val();
                if (contractAmount > doctorCapping) {
                    return false;
                } else {
                    return true;
                }
            }, 'Amount Cannot be more than Doctor FMV !');

            $("#validateProductMeetingForm").validate({
                ignore: ".ignore",
                rules: {
                    vNoOfEmployees: {
                        required: true,
                    },
                    vCityNameOfTheEvent: {
                        required: true,
                    },
                    vActivityObjective: {
                        required: true,
                    },
                    dtActivityDateStart: {
                        required: true,
                    },


                },
                submitHandler: function(form) {
                    $("#product-meeting-down-draft-btn").html('<span> Processing...</span>');
                    $("#product-meeting-down-draft-btn").attr('disabled', true);

                    var formData = new FormData($("#validateProductMeetingForm")[0]);

                    $.ajax({
                        url: "{{ route('field.activity.draft.data.save') }}",
                        type: 'POST',
                        data: formData,
                        processData: false,
                        contentType: false,
                        dataType: "json",
                        success: function(response) {
                            if (response.status == 0) {
                                $("#product-meeting-down-draft-btn").html('Save & Draft');
                                $("#product-meeting-down-draft-btn").attr('disabled',
                                    false);
                                $.notify(response.message, "error");
                            } else {
                                $.notify(response.message, "success");
                                setTimeout(function() {
                                    location.reload();
                                }, 2000);
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            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");
                            }

                            var flag = 0;
                            $("#product-meeting-down-draft-btn").html('Save & Draft');
                            $("#product-meeting-down-draft-btn").attr('disabled', false);
                            $.each(jqXHR.responseJSON.errors, function(index, data) {
                                if (flag == 0) {
                                    $('input[name="' + index + '"]').focus();
                                    flag = 1;
                                }
                                if (document.getElementsByName(index)[0]
                                    .tagName == "INPUT" && document
                                    .getElementsByName(index)[0].type != 'radio'
                                ) {
                                    $('input[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "SELECT") {
                                    $('select[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "TEXTAREA") {
                                    $('textarea[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "INPUT" && document
                                    .getElementsByName(index)[0].type == 'radio'
                                ) {
                                    $('input[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                }
                            });
                        }
                    });
                }
            });
        });


        function setFinalSubmitValue() {
            $('#isProductMeetingFinalSubmit').val('Y');
        }

        function setVenueFinalSubmitValue() {
            $('#isVenueFinalSubmit').val('Y');
        }

        function setStayFinalSubmitValue() {
            $('#isStayFinalSubmit').val('Y');
        }

        document.addEventListener("DOMContentLoaded", function() {
            var checkbox = document.getElementById('Venue');
            venueAdd(checkbox);
        });

        function venueAdd(checkbox) {

            if (checkbox.checked) {
                $("#second_venue").show();
            } else {
                $("#second_venue").hide();
            }
        }


        document.addEventListener("DOMContentLoaded", function() {
            var checkbox = document.getElementById('Stay');
            stayAdd(checkbox);
        });

        function stayAdd(checkbox) {

            if (checkbox.checked) {
                $("#Stay_Details").show();
            } else {
                $("#Stay_Details").hide();
            }
        }

        document.addEventListener("DOMContentLoaded", function() {
            var checkbox = document.getElementById('Transportation');
            transportationAdd(checkbox);
        });

        function transportationAdd(checkbox) {

            if (checkbox.checked) {
                $("#transportation_details").show();
            } else {
                $("#transportation_details").hide();
            }
        }


        $('#iVenueType').change(function() {
            var selectedValue = $(this).val();
            if (selectedValue === "clinic") {
                $('#HospitalClinic').show();
                $('#OutsideVenue').hide();
                $('#hotelDetails').hide();


                $('input[name="dtClinicVenueDateStart"]').rules('add', 'required');
                $('input[name="vClinicName"]').rules('add', 'required');
                $('textarea[name="vClinicAddress"]').rules('add', 'required');
                $('input[name="vClinicPinCode"]').rules('add', 'required');
                $('select[name="iClinicStateID"]').rules('add', 'required');
                $('select[name="iCityID"]').rules('add', 'required');

                $('input[name="dtVenueDateStart"]').rules('remove', 'required');


                $("#BanquetDetailsDataID").html('');
            } else if (selectedValue === "outside") {
                $('#OutsideVenue').show();
                $('#hotelDetails').show();
                $('#HospitalClinic').hide();

                $('input[name="dtVenueDateStart"]').rules('add', 'required');

                $('input[name="dtClinicVenueDateStart"]').rules('remove', 'required');
                $('input[name="vClinicName"]').rules('remove', 'required');
                $('textarea[name="vClinicAddress"]').rules('remove', 'required');
                $('input[name="vClinicPinCode"]').rules('remove', 'required');
                $('select[name="iClinicStateID"]').rules('remove', 'required');
                $('select[name="iCityID"]').rules('remove', 'required');


            }
        });



        $("#validateVenueDetails").validate({
            ignore: ".ignore",
            rules: {
                iVenueType: {
                    required: true,
                },
            },
            submitHandler: function(form) {
                $("#product-meeting-down-draft-btn").html('<span> Processing...</span>');
                $("#product-meeting-down-draft-btn").attr('disabled', true);

                var formData = new FormData($("#validateVenueDetails")[0]);

                $.ajax({
                    url: "{{ route('field.activity.draft.data.save') }}",
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                    success: function(response) {
                        if (response.status == 0) {
                            $("#product-meeting-down-draft-btn").html('Save & Draft');
                            $("#product-meeting-down-draft-btn").attr('disabled',
                                false);
                            $.notify(response.message, "error");
                        } else {
                            setTimeout(function() {
                                location.reload();
                            }, 2000);
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        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");
                        }

                        var flag = 0;
                        $("#product-meeting-down-draft-btn").html('Save & Draft');
                        $("#product-meeting-down-draft-btn").attr('disabled', false);
                        $.each(jqXHR.responseJSON.errors, function(index, data) {
                            if (flag == 0) {
                                $('input[name="' + index + '"]').focus();
                                flag = 1;
                            }
                            if (document.getElementsByName(index)[0]
                                .tagName == "INPUT" && document
                                .getElementsByName(index)[0].type != 'radio'
                            ) {
                                $('input[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            } else if (document.getElementsByName(index)[0]
                                .tagName == "SELECT") {
                                $('select[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            } else if (document.getElementsByName(index)[0]
                                .tagName == "TEXTAREA") {
                                $('textarea[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            } else if (document.getElementsByName(index)[0]
                                .tagName == "INPUT" && document
                                .getElementsByName(index)[0].type == 'radio'
                            ) {
                                $('input[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            }
                        });
                    }
                });
            }
        });




        function getOTPState() {
            pincode = $('#vClinicPinCode').val();
            if (pincode.length == 6) {
                $.ajax({
                    url: "{{ route('field.getPincodeData') }}",
                    type: "POST",
                    data: {
                        vClinicPinCode: pincode,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(result) {
                        if (result != null && result != '') {
                            $('select[name="iClinicStateID"]').val(result.iStateID).select2();
                            $('input[name="iPincodeID"]').val(result.id);
                            $("select[name=iClinicStateID]").attr("readonly", "readonly");
                        }

                    }
                })
            } else {

            }
        }


        function generateBanquetOptions(selectedValue = '') {
            var optionsHtml = '';
            var banquetOptions = @json(config('otherServicesCustom.BANQUET_BOOKING_TYPE'));


            $.each(banquetOptions, function(key, optionValue) {
                var selected = (key == selectedValue) ? 'selected' : '';
                optionsHtml += '<option value="' + key + '" ' + selected + '>' + optionValue +
                    '</option>';
            });

            return optionsHtml;
        }


        function generateSeatingArrangementOptions(selectedValue = '') {
            var optionsHtml = '';
            var seatingArrangement = @json(config('otherServicesCustom.SEATING_ARRANGEMENT'));
            $.each(seatingArrangement, function(key, optionValue) {
                var selected = (key == selectedValue) ? 'selected' : '';
                optionsHtml += '<option value="' + key + '" ' + selected + '>' + optionValue +
                    '</option>';
            });

            return optionsHtml;
        }

        function generateAudioRequirementOptions(selectedValue = '') {
            var optionsHtml = '';
            var audioRequirement = @json(config('otherServicesCustom.AUDIO_VISUAL_REQUIRMENTS'));
            $.each(audioRequirement, function(key, optionValue) {
                var selected = (key == selectedValue) ? 'selected' : '';
                optionsHtml += '<option value="' + key + '" ' + selected + '>' + optionValue +
                    '</option>';
            });

            return optionsHtml;
        }

        function generateColdDrinkOptions(selectedValue = '') {
            var optionsHtml = '';
            var coldDrink = @json(config('otherServicesCustom.COLD_DRINKS'));
            $.each(coldDrink, function(key, optionValue) {
                var selected = (key == selectedValue) ? 'selected' : '';
                optionsHtml += '<option value="' + key + '" ' + selected + '>' + optionValue +
                    '</option>';
            });

            return optionsHtml;
        }

        function generatefoodOptions(selectedValue = '') {
            var optionsHtml = '';
            var food = @json(config('otherServicesCustom.FOOD'));
            $.each(food, function(key, optionValue) {
                var selected = (key == selectedValue) ? 'selected' : '';
                optionsHtml += '<option value="' + key + '" ' + selected + '>' + optionValue +
                    '</option>';
            });

            return optionsHtml;
        }



        getAddedVenueDetailsData();

        function getAddedVenueDetailsData() {
            $.ajax({
                url: "{{ route('field.getAddedDraftData') }}",
                type: "POST",
                data: {
                    iDraftID: '{{ $activityData->id }}',
                    iOtherStepID: '2',
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    if (result.activityData != '0') {
                        $('select[name="iVenueType"]').val(result.activityData.iVenueType).trigger('change')
                            .select2();
                        if (result.activityData.iVenueType == 'clinic') {
                            $('#vClinicName').val(result.activityData.vClinicName);
                            $('#vClinicAddress').val(result.activityData.vClinicAddress);
                            $('#vClinicState').val(result.activityData.vClinicState);
                            $('input[name="vClinicPinCode"]').val(result.pincode);
                            $('input[name="iPincodeID"]').val(result.activityData.iPincodeID);
                            $('textarea[name="otherVenueRemarks"]').val(result.activityData.otherVenueRemarks);
                            $('select[name="iClinicStateID"]').val(result.activityData.iClinicStateID).trigger(
                                'change').select2();

                            $('#dtClinicVenueDateStart').val(result.activityData.dtClinicVenueDateStart);
                            $('#dtClinicVenueDateEnd').val(result.activityData.dtClinicVenueDateEnd);
                            $('#dtClinicVenueDate span').html(result.activityData.dtClinicVenueDateStart +
                                ' - ' +
                                result.activityData.dtClinicVenueDateEnd);


                        } else {
                            $('#dtVenueDateStart').val(result.activityData.dtVenueDateStart);
                            $('#dtVenueDateEnd').val(result.activityData.dtVenueDateEnd);
                            $('#dtVenueDate span').html(result.activityData.dtVenueDateStart + ' - ' +
                                result.activityData.dtVenueDateEnd);
                            $('textarea[name="otherVenueRemarks"]').val(result.activityData.otherVenueRemarks);

                            $.each(result.hotelData, function(key, hotelDataID) {
                                setHotelData(hotelDataID, 1);
                            });

                            $.each(result.otherHotelData, function(key, otherHotelDataID) {
                                setHotelData(otherHotelDataID, 2);
                            });


                            banquetDataSet(result.activityData.dtVenueDateStart, result.activityData
                                .dtVenueDateEnd, result.banquetData);

                        }

                    }

                }
            })
        }

        $(window).on('load', function() {
            $("#iHotelID").select2({
                placeholder: "Select a hotel...",
                ajax: {
                    url: "{{ route('field.getHotelData') }}", // Make sure this URL is correct
                    type: "POST",
                    dataType: 'json',
                    delay: 250, // Add a slight delay for better performance
                    data: function(params) {
                        return {
                            _token: '{{ csrf_token() }}', // CSRF token for Laravel
                            searchTerm: params.term // Search term entered by user
                        };
                    },
                    processResults: function(data) {
                        return {
                            results: data.map(function(hotel) {
                                return {
                                    id: hotel.id, // ID of the hotel
                                    text: hotel.vHotelName,
                                    html: '<div class="hotel_search">' +
                                        '   <div class="view_hotel">' +
                                        '      <p><img src="{{ asset('assets/app-assets/images/hotel.png') }}"> <b>' +
                                        hotel.vHotelName + '</b></p>' +
                                        '      <p><img src="{{ asset('assets/app-assets/images/location.png') }}"> ' +
                                        hotel.vHotelAddress + '</p>' +
                                        '   </div>' +
                                        '</div>'

                                };
                            })
                        };
                    },
                    cache: true
                },
                minimumInputLength: 2, // Minimum characters before search starts
                // Use templateResult to display custom HTML for each option
                templateResult: function(hotel) {
                    if (!hotel.id) {
                        return hotel.text;
                    }

                    return $('<span>' + hotel.html + '</span>');
                },

                // Use templateSelection to display custom HTML when an item is selected (optional)
                templateSelection: function(hotel) {
                    return hotel.text; // Keep this as plain text for the selected item
                }
            });



            $("#iStayHotelID").select2({
                placeholder: "Select a hotel...",
                ajax: {
                    url: "{{ route('field.getHotelData') }}", // Make sure this URL is correct
                    type: "POST",
                    dataType: 'json',
                    delay: 250, // Add a slight delay for better performance
                    data: function(params) {
                        return {
                            _token: '{{ csrf_token() }}', // CSRF token for Laravel
                            searchTerm: params.term // Search term entered by user
                        };
                    },
                    processResults: function(data) {
                        return {
                            results: data.map(function(hotel) {
                                return {
                                    id: hotel.id, // ID of the hotel
                                    text: hotel.vHotelName,
                                    html: '<div class="hotel_search">' +
                                        '   <div class="view_hotel">' +
                                        '      <p><img src="{{ asset('assets/app-assets/images/hotel.png') }}"> <b>' +
                                        hotel.vHotelName + '</b></p>' +
                                        '      <p><img src="{{ asset('assets/app-assets/images/location.png') }}"> ' +
                                        hotel.vHotelAddress + '</p>' +
                                        '   </div>' +
                                        '</div>'

                                };
                            })
                        };
                    },
                    cache: true
                },
                minimumInputLength: 2, // Minimum characters before search starts
                // Use templateResult to display custom HTML for each option
                templateResult: function(hotel) {
                    if (!hotel.id) {
                        return hotel.text;
                    }

                    return $('<span>' + hotel.html + '</span>');
                },

                // Use templateSelection to display custom HTML when an item is selected (optional)
                templateSelection: function(hotel) {
                    return hotel.text; // Keep this as plain text for the selected item
                }
            });


        });


        $.validator.addMethod("greaterThan", function(value, element, params) {
            var checkInDate = $(params).val();
            if (!/Invalid|NaN/.test(new Date(value))) {
                return new Date(value) >= new Date(checkInDate);
            }
            return false;
        }, 'Check-Out Date must be greater than Check-In Date.');

        $("#validateStayDetails").validate({
            ignore: ".ignore",
            rules: {
                iStayDoctors: {
                    required: false,
                },
                dtCheckInDate: {
                    required: false,
                },
                dtCheckOutDate: {
                    required: false,
                    // greaterThan: "#dtCheckInDate"
                },

            },
            submitHandler: function(form) {
                $("#stay-details-down-draft-btn").html('<span> Processing...</span>');
                $("#stay-details-down-draft-btn").attr('disabled', true);

                var formData = new FormData($("#validateStayDetails")[0]);

                $.ajax({
                    url: "{{ route('field.activity.draft.data.save') }}",
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                    success: function(response) {
                        if (response.status == 0) {
                            $("#stay-details-down-draft-btn").html('Save & Draft');
                            $("#stay-details-down-draft-btn").attr('disabled', false);
                            $.notify(response.message, "error");
                        } else {
                            setTimeout(function() {
                                location.reload();
                            }, 2000);
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        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");
                        }

                        var flag = 0;
                        $("#stay-details-down-draft-btn").html('Save & Draft');
                        $("#stay-details-down-draft-btn").attr('disabled', false);
                        $.each(jqXHR.responseJSON.errors, function(index, data) {
                            if (flag == 0) {
                                $('input[name="' + index + '"]').focus();
                                flag = 1;
                            }
                            if (document.getElementsByName(index)[0]
                                .tagName == "INPUT" && document
                                .getElementsByName(index)[0].type != 'radio'
                            ) {
                                $('input[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            } else if (document.getElementsByName(index)[0]
                                .tagName == "SELECT") {
                                $('select[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            } else if (document.getElementsByName(index)[0]
                                .tagName == "TEXTAREA") {
                                $('textarea[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            } else if (document.getElementsByName(index)[0]
                                .tagName == "INPUT" && document
                                .getElementsByName(index)[0].type == 'radio'
                            ) {
                                $('input[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            }
                        });
                    }
                });
            }
        });



        getDraftContractGeneratedDoctors();


        function getDraftContractGeneratedDoctors() {
            $.ajax({
                url: "{{ route('field.getDraftContractGeneratedDoctors') }}",
                type: "POST",
                data: {
                    iDraftID: '{{ $activityData->id }}',
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    $('#iStayDoctors').html('<option value="">Select Doctor</option>');
                    $('#iTransportationDoctors').html('<option value="">Select Doctor</option>');
                    $.each(result, function(key, value) {
                        doc = ((value.vFname !== null ? value.vFname : '') + ' ' + (value.vMname !==
                            null ? value.vMname : '') + (value.vLname !== null ? value
                            .vLname :
                            ''));

                        $("#iStayDoctors").append('<option value="' + value.iDoctorID + '">' +
                            doc + ' (' + value.vSCCode + ')' + '</option>');

                        $("#iTransportationDoctors").append('<option value="' + value.iDoctorID + '">' +
                            doc + ' (' + value.vSCCode + ')' + '</option>');
                    });

                }
            })
        }




        function getHotelDetails(iHotelID) {
            $.ajax({
                url: "{{ route('field.getHotelDetails') }}",
                type: "POST",
                data: {
                    iHotelID: iHotelID,
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    return result;
                }
            })
        }


        var getHotelDetailsrouteUrl = @json(route('field.getHotelDetails'));
        var csrfToken = @json(csrf_token());




        getAddedStayData();


        function getAddedStayData() {
            $.ajax({
                url: "{{ route('field.getAddedDraftData') }}",
                type: "POST",
                data: {
                    iDraftID: '{{ $activityData->id }}',
                    iOtherStepID: '3',
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    if (result.activityData != '0') {

                        var noOfstayData = result.stayData.length;
                        $.each(result.stayData, function(key, addedStay) {
                            $.each(result.hotelData, function(hotelkey, addedHotelData) {
                                if (addedStay.iDraftDataID == hotelkey) {

                                    setStayData(1, addedStay, addedHotelData, key);
                                }
                            });


                        });

                    }

                }
            })
        }



        //transport js
        $("#validateTransportationDetails").validate({
            ignore: ".ignore",
            rules: {
                iTransportationDoctors: {
                    required: true,
                },
                vModeOfTransportation: {
                    required: false,
                },


            },
            submitHandler: function(form) {
                $("#transport-details-down-draft-btn").html('<span> Processing...</span>');
                $("#transport-details-down-draft-btn").attr('disabled', true);

                var formData = new FormData($("#validateTransportationDetails")[0]);

                $.ajax({
                    url: "{{ route('field.activity.draft.data.save') }}",
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                    success: function(response) {
                        if (response.status == 0) {
                            $("#transport-details-down-draft-btn").html('Save & Draft');
                            $("#transport-details-down-draft-btn").attr('disabled', false);
                            $.notify(response.message, "error");
                        } else {
                            setTimeout(function() {
                                location.reload();
                            }, 2000);
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        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");
                        }

                        var flag = 0;
                        $("#transport-details-down-draft-btn").html('Save & Draft');
                        $("#transport-details-down-draft-btn").attr('disabled', false);
                        $.each(jqXHR.responseJSON.errors, function(index, data) {
                            if (flag == 0) {
                                $('input[name="' + index + '"]').focus();
                                flag = 1;
                            }
                            if (document.getElementsByName(index)[0]
                                .tagName == "INPUT" && document
                                .getElementsByName(index)[0].type != 'radio'
                            ) {
                                $('input[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            } else if (document.getElementsByName(index)[0]
                                .tagName == "SELECT") {
                                $('select[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            } else if (document.getElementsByName(index)[0]
                                .tagName == "TEXTAREA") {
                                $('textarea[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            } else if (document.getElementsByName(index)[0]
                                .tagName == "INPUT" && document
                                .getElementsByName(index)[0].type == 'radio'
                            ) {
                                $('input[name="' + index + '"]').after(
                                    '<label id="' + index +
                                    '-error" class="error" for="' +
                                    index + '">' + data + '</label>');
                            }
                        });
                    }
                });
            }
        });



        getAddedTransportData();


        function getAddedTransportData() {
            $.ajax({
                url: "{{ route('field.getAddedDraftData') }}",
                type: "POST",
                data: {
                    iDraftID: '{{ $activityData->id }}',
                    iOtherStepID: '4',
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    if (result.activityData != '0') {
                        $.each(result.transportData, function(key, addedTransport) {
                            listTransportationData(addedTransport, 1, key);
                        });

                    }

                }
            })
        }



        function finalSubmit() {
            $.ajax({
                url: "{{ route('field.draftDataFinalSave') }}",
                type: "POST",
                data: {
                    iDraftID: '{{ $activityData->id }}',
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    if (result.status == '1') {
                        // $.notify("Data added successfully !", "success");
                        setTimeout(function () {
                            window.location = "{{ route('field.other.services') }}";
                        }, 700);

                    } else {
                        $.notify(result.message, "error");
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    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");
                    }

                }
            })
        }
    </script>
@endsection