@extends('Frontend.partials.layout')
@section('styles')
    <link rel="stylesheet" href="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/select2/select2.css') }}">

    <link rel="stylesheet" href="{{ asset('/css/treatment.css') }}">

    <style>
        .seemore {
            display: none;
        }
        #custom-top-padding.single-treat-container {
            padding: 0px !important; 
        }
        .single-treat-container .treat {
            margin: 0px auto !important;
        } 
        @media(max-width: 767px){
            #custom-top-padding.single-treat-container {
                padding: 0px !important; 
            }
            .single-treat-container .treat {
                margin: 0px auto !important;
            } 
            nav#layout-navbar.layout-navbar.navbar {
                position: fixed;
                width: 100%;
                left: 0;
                top: 0;
                z-index: 11111;
                background-color: #00000057 !important;
                padding-bottom: 0px !important;
                padding-top: 0px !important;
            }
            .form-group.form-inline.allBgImgSelectBox .dropdown.bootstrap-select {
                top: 60px !important;
            }
            nav#layout-navbar .nav-link {
                color: #fff !important;
            }
            nav#layout-navbar .nav-link .userFullName {
                color: #fff !important;
            }
            .fullscreen-btn-container {
            }
            #fullscreen-btn {
                bottom: 45px;
                right: 3px;
            }
            .layout-footer {
                position: fixed;
                bottom: 0px;
                width: 100%;
                z-index: 99;
                left: 0;
                background-color: #0000004a !important;
            }
            .bg-footer-theme .footer-left.text-left .footer-link,
            .layout-footer .footer-link {
                color: #fff !important;
            }
            .layout-footer .footer-link a {
                color: #fff !important;
                font-weight: bolder;
            }

            #analysis_name.expandable {
            height: 94px;
            position: relative;
            }
            #analysis_name .seemore {
                display: block;
            cursor: pointer;
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            z-index: 11;
            font-size: 15px;
            background-color: #02bc77;
            padding: 6px;
            text-decoration: underline;
            }
            
            .audio-player-name.running-analysis-name {
                top: unset;
                bottom: -105px;

            
            }
            #analysis_name.expanded .seemore {
                position: relative;
            }
            .treat-main-content-image {
                margin-left: 0 !important;
            }
            .footer-right .footer-link {
                display: none;
            }
        }




 
        div#optimizedModalBody {
            overflow: hidden;
            height: 180px;
            overflow-y: scroll;
        }

        .custom_modal .modal-body {
            overflow-y: hidden;
        }

        /* width */
        #optimizedModalBody::-webkit-scrollbar {
        width: 3px;
        }

        /* Track */
        #optimizedModalBody::-webkit-scrollbar-track {
        background: #f1f1f1; 
        }
        
        /* Handle */
        #optimizedModalBody::-webkit-scrollbar-thumb {
        background: #888; 
        }

        /* Handle on hover */
        #optimizedModalBody::-webkit-scrollbar-thumb:hover {
        background: #555; 
        }

        div#optimizedModalBody {
                overflow: hidden;
                height: 180px;
                overflow-y: scroll;
                padding-right: 5px;
            }

            .custom_modal .modal-body {
                overflow-y: hidden !important;
            }

            /* width */
            #optimizedModalBody::-webkit-scrollbar {
            width: 3px;
            }

            /* Track */
            #optimizedModalBody::-webkit-scrollbar-track {
            background: #f1f1f1; 
            }
            
            /* Handle */
            #optimizedModalBody::-webkit-scrollbar-thumb {
            background: #888; 
            }

            /* Handle on hover */
            #optimizedModalBody::-webkit-scrollbar-thumb:hover {
            background: #555; 
            }

            #optimizedModal .button-container {}

            #optimizedModal .button-container span[role="button"] {
                position: relative;
                padding: 5px;
            }

            #optimizedModal .button-container span[role="button"] img {
                max-width: 55px;
                padding: 8px 15px;
                border-radius: 5px;
                box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
                border: 1px solid #f5f5f5;
                cursor: pointer;
            }

            div#optimizedModalBody h3 {
                text-align: center;
                display: block;
                width: 100%;
            }



            .optimizedModal.custom_modal.h-500 .modal-body {
                min-height: 550px !important;
            }

            .dislike-reason-form {
                position: relative;
                max-width: 260px;
                margin: 10px auto;
            }

            .dislike-reason-form label {
                display: block;
                text-align: center;
            }

            .dislike-reason-form textarea {
                width: 100%;
                border: 1px solid #c7c7c7;
                border-radius: 3px;
                text-align: left;
                height: 60px;
            }
            .dislike-reason-form button {
                background-color: #2fab66;
                border: 1px solid #02bc77;
                color: #fff;
                padding: 4px 10px;
                border-radius: 4px;
            }

            .dislike-reason-form {
                text-align: center;
            }


            .dislike-reason-form {
                background-color: #f1f1f1;
                padding: 15px;
                position: relative;
                border-radius: 5px;
                top: 5px;
            }

            .dislike-reason-form:after {
                position: absolute;
                content: '';
                width: 15px;
                height: 15px;
                background-color: #f1f1f1;
                transform: rotate(45deg);
                top: -6px;
                right: 50px;
            }
            #optimizedModalBody.fullheight {
                height: 335px !important;
            }
    </style>
@endsection

@section('content')

@php
    $bio        = biorythVisibleDetails();
    $udetails   = ($data['userDetails'] != null) ? $data['userDetails'] : getUserDetails();
    $cartProduct= !empty($data['cartRecords']) ? $data['cartRecords'] : getCartDataInstance('CronEMailCart', $udetails->id);

    $cartCnt    = 0;
    $bgimage    = getTreatBGImage($udetails);
    $allBGImage = getCustomeImage();
    $totaltime  = 0;
    $question = getQuestion($udetails->id);
@endphp
{{-- treat section --}}
<section class="treat" >

    {{-- treat page preloader --}}
    <div class="preloader" id="preload_product">
        <img src="{!! asset('images/Fill-4.png') !!}" alt="">
    </div>

    {{-- treat middle section --}}
    <div class="row">
        <div class="col-md-12">
            {{-- treat middle section container --}}
            <div class="treat-main-content treat-main-content-container position-relative" id="treat-main-content">
                <div class="treat-main-content-animation" style="position:relative">
                    <div class="treat-main-content-image">
                        {{-- gif, timer and audio player container  --}}
                        <div class="treat-main-content-image-inner">
                            {{-- gif image --}}
                           <img src="@if(!empty($bgimage)) {!! asset($bgimage) !!} @else{{ asset('images/circle_new.gif') }}@endif" id="bgimgContainer" class="ap-disk-img treat-gif-img" alt="">
                            
                           <div class="audio-player d-flex flex-column align-items-center justify-content-between">

                                <img data-profileimage="true" id="center_img" class="d-inline-block rounded-circle user-avatar" height="100%" width="100%">
                                <img class="d-inline-block rounded-circle treat-body-mental-img" id="center_img_2" src="">

                                {{-- center countdown overlay --}}
                                <div class="analysis_box center-countdown-overlay"></div>

                                {{-- center countdown container--}}
                                <div class="analysis_price center-countdown-container">
                                    {{-- center countdown --}}
                                    <span id="durationCount" class="d-block"></span>
                                    <span class="treat-global-count d-block center-treat-global-count">00:00:00</span>
                                    {{-- audio player --}}
                                    <audio id="audio" autoplay="true" type="audio/mp3"></audio>
                                </div>

                            </div>

                            {{-- treat analysis name --}}
                            <div  class="audio-player-name running-analysis-name">
                                <p id="analysis_name" class="bg-success"></p>
                                <style>
                                    @media(min-width: 768px){
                                        .lessmorebtn {
                                            display: none !important;
                                        }
                                    }
                                    @media(max-width: 767px){
                                        .lessmorebtn {
                                            position: absolute;
                                            bottom: -12px;
                                            background-color: #02BC77 !important;
                                            max-width: 345px;
                                            width: 100%;
                                            padding: 5px;
                                            border-bottom-left-radius: 5px;
                                            border-bottom-right-radius: 5px;
                                        }
                                        
                                        .lessmorebtn span {
                                            font-size: 16px;
                                            text-decoration: underline;
                                            cursor: pointer;
                                        }

                                        .seemore {
                                            display: block;
                                        }

                                        .lessmorebtn.expandable .seeless {
                                            display: none;
                                        }
                                        .lessmorebtn .seemore {
                                            display: none;
                                        }
                                        .lessmorebtn.expandable .seemore {
                                            display: block;
                                        }
                                    }
                                </style>
                                <div class="lessmorebtn" style="display: none;">
                                    <span class="seemore">{{trans('action.more')}}</span>
                                    <span class="seeless">{{trans('action.less')}}</span>
                                </div>
                            </div>
                        </div>

                    </div>

                    @if($allBGImage && !$allBGImage->isEmpty())
                        <div class="form-group form-inline allBgImgSelectBox">
                            <select data-show-subtext="true" class="selectpicker bs-select form-control m-0 col-md-6" onchange="changeBGImage(this)" data-userid="{{ $udetails->id }}" data-adminid="{{ $udetails->boss_id }}" data-size="8" name="bgImage">
                                <option value="" >{{__('action.defaultimage')}}</option>
                                <option value="Random" @if($data['random_status']) selected @endif>{{__('action.randomimage')}}</option>
                                @foreach ($allBGImage as $img)
                                    <option id="imageid" data-src="{!! asset($img->image) !!}" data-content="<img style='background-color:#02BC77;' src='{!! asset($img->image) !!}' height='25px' width='25px'/>" value="{{ $img->id }}" @if($bgimage == $img->image && $data['random_status'] == false) selected class="selected" @endif></option>
                                @endforeach
                            </select>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    {{-- playlist sidebar contents --}}
    <div class="treat-playlist-canvas">
        {{-- playlist sidebar toggle button --}}
        <button class="playlist-toggle-btn">
            <i class="fas fa-angle-left"></i>
        </button>
        <div class="no-padding-md no-padding-lg">
            <div class="right-panel custom-right-panel p-0">
                <div class="card position-relative border-0 rounded-0">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        {{-- playlist heading --}}
                        <h5 class="m-0 text-success" style="line-height: 22px; float: left;">
                            <i class="fas fa-music">&nbsp;</i>{{__('action.currently_treatment')}}
                            {{-- treat playlist total time countdown --}}
                            {{-- <span class="text-secondary" id="trt_count">00:00:00</span> --}}
                            <span class="text-secondary treat-global-count">00:00:00</span>
                        </h5>
                        <span class="pull-right text-success">
                            @if($data['crondetails']->pdf_export)
                                <a href="{{route('cron.viewpdf', [$data['userDetails']->id, $data['crondetails']->id, $data['crondetails']->timeid, $data['crondetails']->unique_id])}}" target="_blank"><i class="fas fa-file-pdf text-success"></i></a>
                            @endif
                        </span>

                        {{-- <i class="fas fa-file-pdf text-success" style="padding: 1% 1% 0% 20%; cursor: pointer;"></i> --}}
                        
                    </div>

                    <div class="card-body">
                        <div class="right-panel-list">
                            {{-- treat playlist items --}}
                            <ul class="p-1" id="playlist" >
                                @forelse ($cartProduct as $cart)
                                    @continue($cart->options->optimized == true || $cart->options->price == 0)
                                    @php
                                        $cartCnt++;
                                        $totaltime += $cart->options->price;
                                        $types = [
                                            'Analysis'=>$cart->options->analysisID,
                                            'Causes'=>$cart->options->causes_id,
                                            'Medium'=>$cart->options->medium_id,
                                            'Tipp'=>$cart->options->tipp_id,
                                            'Fokus'=>$cart->options->causes_id,
                                            'Einfluss'=>$cart->options->causes_id,
                                            'Topic'=>$cartCnt."T"
                                        ];
                                        
                                    @endphp
                                    <li class="updateclass divid{{ $types[$cart->options->type].$cart->options->type }}" 
                                        data-name="{{ $cart->options->analysisName }}" 
                                        data-price="{{ $cart->options->price }}" 
                                        data-anaid="{{ $types[$cart->options->type] }}" 
                                        data-subid="{{$cart->options->submenu_id }}" 
                                        data-proid="{{ $cart->options->productID }}" 
                                        data-serialno="{{ $cartCnt }}" 
                                        data-frequncy="{{ calculationFrequency($cart->options->analysisName) }}" 
                                        data-body="{{ (($bodyImages) && $bodyImages->firstWhere('analyse_id', $cart->options->analysisID)) ? Storage::disk('images')->url($bodyImages->firstWhere('analyse_id', $cart->options->analysisID)->image) : null }}"
                                        data-mental="{{ (($mentalImages) && $mentalImages->firstWhere('analyse_id', $cart->options->analysisID)) ? Storage::disk('images')->url($mentalImages->firstWhere('analyse_id', $cart->options->analysisID)->image) : null }}"
                                        data-global="{{ (($globalImages) && $globalImages->firstWhere('analyse_id', $cart->options->analysisID)) ? Storage::disk('images')->url($globalImages->firstWhere('analyse_id', $cart->options->analysisID)->desc_image) : null }}"
                                        data-type="{{ $cart->options->type }}">
                                        <p data-toggle="tooltip" data-placement="bottom" title="{{ $cart->options->analysisName }}"> <span class="text-success">{{ gmdate('i:s', $cart->options->price) }}</span> {{ $cart->options->analysisName }} </p>
                                    </li>
                                @empty
                                    <li class="updateclass">
                                        <p class="text-danger" data-toggle="tooltip" data-placement="bottom" title="{{ trans('action.no_data_found') }}"> 00:00 {{ trans('action.no_data_found') }} </p>
                                    </li>
                                @endforelse
                            </ul>
                            <input type="hidden" name="setting" class="_tretment-basic-settings" 
                            data-totalcount={{ $cartCnt }}
                            data-totaltime={{ $totaltime }}
                            data-rangeValue={{ $range }}
                            data-min="{{ $bio->gs_form_frequency }}" 
                            data-max="{{ $bio->gs_to_frequency }}" 
                            data-playfrom="treat"
                            data-rastatus={{ $data['crondetails']->ra_status }}
                            data-pdfstatus={{ $data['crondetails']->pdf_status }}
                            data-setupid={{ $data['crondetails']->id }}
                            data-sound="{{ $udetails->useroption->sound }}" 
                            data-uniqueid={{ $data['crondetails']->unique_id }}>
                        </div>
                    </div>

                    {{-- treat sound control buttons container --}}
                    <div class="right-panel-button border-top bg-white">
                        <div class="current-player-session">
                            @livewire('treatment.session-id')
                        </div>
                        <div class="sound_controll_point">

                            {{-- treat sound control button --}}
                            @if($udetails->useroption->sound)
                                <button class="btn btn-default mb-2" id="sound" onclick="soundControll(2)" data-music="1">
                                    <span class="d-inline-block">
                                        <i id="vup" class="fas fa-volume-up"></i> {{ __('action.music') }}
                                    </span>
                                </button>
                            @else 
                                <button class="btn btn-default mb-2" id="sound" onclick="soundControll(2)" data-music="2">
                                    <span class="d-inline-block">
                                        <i id="vup" class="fas fa-volume-down"></i> {{ __('action.music') }}
                                    </span>
                                </button>
                            @endif

                            {{-- treat sound control button --}}
                            <button class="btn btn-default mb-2" id="frequencyset" onclick="soundControll(1)" data-freq="2">
                                <span class="d-inline-block">
                                    <i id="vdwn" class="fas fa-volume-down"></i> {{ __('action.frequency_due_power') }}
                                </span>
                            </button>
                            <button class="btn bg-success btn-success" id="abbrechen" data-id="relode">{{__('action.abrot')}}</button>
                            <button class="bg-warning btn btn-warning" onclick="playPause(this)" data-play='fas fa-play'><i  class="fas fa-pause">&nbsp;</i><span>Pause</span></button>
                    
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- playlist sidebar backdrop--}}
    <div class="playlist-canvas-backdrop"></div>
    {{-- playlist sidebar end--}}

    {{-- fullscreen button --}}
    <div class="fullscreen-btn-container text-right">
        <button class="text-white" id="fullscreen-btn">
            <i class="fas fa-expand"></i>
        </button>
    </div>

    {{-- Optimized Modal content --}}
    <div class="modal fade custom_modal optimizedModal" id="optimizedModal"  data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="optimizedModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="optimizedModalLabel">{{__('action.reactionValue')}}</h5>
                    {{-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button> --}}
                </div>
                <div class="modal-body">
                    <div class="modal_preloader">
                        <div class="loading">
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>
                    <div id="optimizedModalBody" class="fullheight">

                    </div>
                    @if($question)
                        <div class="button-container hide">
                            <p id="question" data-id="{{ $question->id }}">{{  (app()->getLocale() == 'de' || app()->getLocale() == '') ? $question->text:$question->{app()->getLocale().'_text'} }}</p>
                            <span role="button" class="like-button" title="GOOD" data-status="1"><img src="{{ asset('images/thumb-up.svg') }}" alt="like"></span>
                            <span role="button" class="average-button" title="AVERAGE" data-status="2"><img src="{{ asset('images/like.svg') }}" alt="average"></span>
                            <span role="button" class="dislike-button" title="BAD" data-status="3"><img src="{{ asset('images/thumb-down.svg') }}" alt="dislike"></span>                              
                        </div>


                        <div class="dislike-reason-form hide">
                            <form id="feedback-form">
                                @csrf
                                <input type="hidden" name="url" value="{{Request::url()}}">
                                <label for="dislike_feedback">{{trans("action.dislike_feedback_massage")}}</label>
                                <textarea name="dislike_feedback" id="dislike_feedback"></textarea>
                                <button type="submit" id="submit-feedback">{{trans("action.submit")}}</button>
                            </form>
                        </div>
                    @endif
                </div>
                <div class="modal-footer">
                    @if ($data['crondetails']->pdf_status)
                        <a href="javascript:void(0)" class="d-inline-block mr-2 btn btn-primary hide" id="reactionPdfButton" data-toggle="modal" data-target="#reactionPdfGenerateModal">
                            <i class="fas fa-file-pdf text-default">&nbsp;</i>{{ __('action.save_pdf') }}
                        </a>
                    @endif
                    <a class="optimizedDsahClone">
                        <button type="button" class="btn btn-success" id="optimizedbtn">{{__('action.optimize')}}</button>
                    </a>
                    <button type="button" class="btn btn-warning" id="optimizedClosed">{{__('action.close')}}</button>                   
                </div>
            </div>
        </div>
    </div>

    {{-- Pdf Generate Modal --}}
    <div class="modal modal-top fade" id="reactionPdfGenerateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">{{ __('action.pdf_title') }}</h4>
                    <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <input type="text" id="pdfNameforReaction" class="form-control" placeholder="{{__('action.pdf_title')}}" name="pdf_name">
                </div>
                <div class="modal-footer">
                    <button type="button" id="create-pdf" class="btn btn-info icon"><i class="ion ion-ios-save">&nbsp;</i>{{ __('action.save_pdf') }}</button>
                    <button type="button" class="btn btn-warning icon pdfCreateModal" data-dismiss="modal">{{ __('action.close') }}</button>
                </div>
            </div>
        </div>
    </div>

    {{--START treatment  tutorial view modal--}}
    <div class="modal modal-top fade lg" id="treatmentTutorialVideoPlayModal" tabindex="-1" role="dialog"
        aria-labelledby="tutorialModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <video id="treatmentTutorialVideo" controlsList="nodownload" class="vjs-default-skin vjs-big-play-centered"
                        controls preload="auto" width="100%" height="100%" data-setup='{}'>
                        <source src="" type="video/mp4">
                    </video>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning icon pdfCreateModal" data-dismiss="modal">{{
                        __('action.close') }}</button>
                </div>
            </div>
        </div>
    </div>
    {{--END treatment tutorial view modal--}}
</section>
{{-- treat section /--}}
@endsection

@section('scripts')
    <script src="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.js') }}"></script>
    <script src="{{ asset('/vendor/libs/select2/select2.js') }}"></script>
    <script src="{{ asset('/js/tone/Tone.js') }}"></script>
    <script src="{{ asset('/js/tone/player.js') }}"></script>


    {{-- <script src="{{ asset('/js/commontreatment.js') }}"></script> --}}
    <script src="{{ asset('/js/playtreatmentremote.js') }}"></script>
    <script>
        $(document).ready(function(){
            $('#custom-top-padding').addClass('single-treat-container');
            showSwalModal();
            $('#treatmentTutorialVideoPlayModal').on('hidden.bs.modal', function () {
                $('#treatmentTutorialVideo source').closest('video')[0].pause();
                showSwalModal();
            });
            async function showSwalModal() {
                let response = await getTutorialVideoLink();
                Swal.fire({
                    title: '{{trans("action.play_treatment")}}',
                    icon: 'success',
                    allowOutsideClick: false,
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#fb0404',
                    showConfirmButton: response.video_link ? true : false,
                    confirmButtonText: '{{trans("action.cron_tutorial")}}',
                    cancelButtonText: '{{trans("action.cancel")}}',
                    showDenyButton: true,
                    denyButtonColor: '#20c997',
                    denyButtonText: '{{trans("action.start_treat")}}'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Handle Tutorial button action
                        $('#treatmentTutorialVideo source').attr('src', response.video_link).closest('video')[0].load();
                        $('#treatmentTutorialVideoPlayModal').modal('show');
                    } else if (result.isDenied) {
                        // Handle Start Treat button action
                        __startTreatment();
                    } else {
                        // Navigate back to the previous page
                        if (window.history.length > 1) {
                            // There is a history to go back to, so go back one step.
                            window.history.back();
                        } else {
                            // There is no history, so navigate to the home page or another URL.
                            window.location.href = '/';
                        }
                    }
                });
            }
        
            async function getTutorialVideoLink() {
                try {
                    const response = await fetch(`/get/tutorial/video`);
                    const data = await response.json();
                    return data;
                } catch (error) {
                    return false;
                }
            }
            $('.lessmorebtn').on('click', function(){
                $(this).toggleClass('expandable');
                $('#analysis_name').toggleClass('expandable');
            });


            $('.like-button').on('click', function(){
                $('.dislike-reason-form').addClass('hide');
                $('.optimizedModal').removeClass('h-500'); 
            });
            $('.average-button').on('click', function(){
                $('.dislike-reason-form').addClass('hide');
                $('.optimizedModal').removeClass('h-500'); 
            }); 




            $('.dislike-button').on('click', function(){
                $('.dislike-reason-form').removeClass('hide');
                $('.optimizedModal').addClass('h-500'); 
            });




            $('#feedback-form').on('submit', function (e) {
                e.preventDefault();
                var formData = $(this).serialize();

                formData += '&user_id={{ $udetails->id }}'; 
                // alert('Submit clicked');
                $.ajax({
                    type: 'POST',
                    url: '{{ route('cron.saveBadfeedback') }}', // This will resolve to "cron/open_treat/submit-feedback"
                    data: formData,
                    success: function (data) {
                        // Handle the success response, for example, show a success message
                        Swal.fire({
                            icon: 'success',
                            title: 'Success',
                            text: data.message,
                        });
                    },
                    error: function (error) {
                        // Handle the error response, for example, show an error message
                        console.log(error);
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: 'An error occurred',
                        });
                    }
                });
            });
            
        })
    </script>
    {{-- @include('JSBlade.TreatmentJS') --}}
@endsection