Sh3ll
OdayForums


Server : Apache
System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64
User : tradze ( 1001)
PHP Version : 8.1.34
Disable Function : NONE
Directory :  /home/tradze/public_html/storage-old/framework/views/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /home/tradze/public_html/storage-old/framework/views/85011379765895bbc2d1066c55ddcc58a613725c.php
<!doctype html>
<html lang="en">

<head>
    <title>Tradze, <?php echo $__env->yieldContent('title'); ?></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
    <meta property="og:title" content="<?php echo $__env->yieldContent('meta_title'); ?>">
    <meta property="og:description" content="<?php echo $__env->yieldContent('meta_description'); ?>">

    <!-- Global styles START -->
    <?php echo $__env->make('frontend_new.partials.core-css', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <!-- Global styles END -->

    <!-- Start css page -->

    <link rel="stylesheet"
        href="<?php echo e(asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.theme.css')); ?>"
        type="text/css" media="screen" />
    <link rel="stylesheet"
        href="<?php echo e(asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.carousel.css')); ?>"
        type="text/css" media="screen" />

    <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/plugins/FlipClock/compiled/flipclock.css')); ?>"
        type="text/css" media="screen">
    <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/bootstrap-css/bootstrap-datepicker.css')); ?>"
        type="text/css" media="screen">
    <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-carousel-treatments.css')); ?>"
        type="text/css" media="screen" />

    <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend/assets/css/typehead-bootstrap3.css')); ?>" type="text/css"
        media="screen">

    <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-top-contact.css')); ?>" type="text/css"
        media="screen" />
    <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/build.css')); ?>" type="text/css"
        media="screen" />
    <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-book-massage.css')); ?>" type="text/css"
        media="screen" />
    <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-treatment.css')); ?>" type="text/css"
        media="screen" />

    <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/salon/css/style.css')); ?>">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />

    <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet">  -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />

     <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

    <?php echo $__env->yieldContent('css_page'); ?>

    <style>
   .select2-container {
    width: 100% !important;
}
    </style>


</head>

<body class="no_testimonials_page">
    <?php /*start header*/ ?>
    <?php echo $__env->make('frontend_new.partials.salonheader', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php /*end start header*/ ?>
    <div class="sec-salon-top-banner-main sec-services-venu-v-2">
         <div class="back-button">
            <a href="<?php echo e(url('booking/treatment')); ?>" class="btn-back"> <i class="fa fa-arrow-left"></i></a>
         </div>
        <div class="top-green-banner-wrap">
            
                <div class="shape shape-left">
                    <svg width="314" height="343" viewBox="0 0 314 343" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="73.2311" cy="156.229" r="119.5" transform="rotate(5.09161 73.2311 156.229)" stroke="black" stroke-opacity="0.04" stroke-width="73"/>
                        <circle cx="158.21" cy="340.5" r="118.5" transform="rotate(5.09161 158.21 340.5)" stroke="black" stroke-opacity="0.04" stroke-width="73"/>
                    </svg>
                </div>
                <div class="shape shape-right">
                    <svg width="321" height="392" viewBox="0 0 321 392" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="156.227" cy="52.2292" r="119.5" transform="rotate(5.09161 156.227 52.2292)" stroke="black" stroke-opacity="0.04" stroke-width="73"/>
                        <circle cx="241.21" cy="236.5" r="118.5" transform="rotate(5.09161 241.21 236.5)" stroke="black" stroke-opacity="0.04" stroke-width="73"/>
                    </svg>
                </div>
                
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="top-green-banner-inr">
                            <div class="top-green-banner-left">
                                <h1>A Variety Of Services For Every Individual</h1>
                                <p>Comprehensive Service Solutions: Expert Care and Support Across All Industries for Your Business, Home, and Personal Needs</p>


                                <div class="sec-gap sec-salon-banner-main">
                                    <section class="calender_Elements sec-salon-main">
                                        <div class="container_salon">
                                        <div class="outer_calender">
                                            <div class="inner_calender">
                                            <ul class="nav nav-tabs nav-justified" role="tablist">
                                            <li role="presentation" class="active">
                                                <a href="#tab-top-left" aria-controls="home" role="tab" data-toggle="tab">
                                                    <img src="<?php echo e(asset('/themes/frontend_new/assets/img/ic-treatments.png')); ?>" alt="">
                                                    <span class="d-block">SERVICES</span> 
                                                </a>
                                            </li>
                                                    <li role="presentation">
                                                <a href="#tab-top-right" aria-controls="profile" role="tab" data-toggle="tab">
                                                    <img src="<?php echo e(asset('/themes/frontend_new/assets/img/ic-venue-icon.png')); ?>" alt="">
                                                    <span class="d-block">VENUES</span> 
                                                </a>
                                            </li>
                                            </ul>
                                                <div class="tab-content">
                                                    <div role="tabpanel" class="tab-pane active" id="tab-top-left">
                                                        <div class="right_elements">
                                                            <div class="head_textFile">
                                                            <!--  <h2></h2> -->
                                                                <!-- <?php if(isset($salon_booking_date)): ?>
                                                                <p><span> <?php echo e($salon_booking_date); ?></span></p>
                                                                <?php endif; ?>
                                                                <?php if(isset($salon_booking_time)): ?>
                                                                <p><span> <?php echo e($salon_booking_time); ?> </span></p>
                                                                <?php endif; ?> -->
                                                                <!-- <p></p> -->
                                                            </div>
                                                            <div class="accordian_layer">
                                                                <div class="accordion">
                                                                    <div class="accordion-item">
                                                                        <div class="accordion-item-header">
                                                                            <div class="inner_accordion">
                                                                                <label class="container_radio">
                                                                                    <!-- <input id="tab_4" type="radio" onclick="checkDiv()" name="radio"> -->
                                                                                    <!-- <span class="checkmark"></span> -->
                                                                                <!-- <img src="<?php echo e(asset('/themes/frontend_new/assets/img/ic-treatments.png')); ?>" alt="">  -->
                                                                                <img src="<?php echo e(asset('/themes/frontend_new/assets/img/service-icon.png')); ?>" alt=""> 
                                                                                <span class="treatmentTitle"><?php echo e($salon_booking_treatment_name ?? 'ALL SERVICES'); ?></span>
                                                                                </label>
                                                                                <div class="date_detials">
                                                                                    <!-- 9.00:<span>AM</span> -->
                                                                                </div>
                                                                            </div>
                                                                        </div><!-- /.accordion-item-header -->
                                                                        <div class="accordion-item-body">
                                                                            <div class="accordion-item-body-content sec-treatments-con">
                                                                                <div class="ss1">
                                                                                <div class="ss2">
                                                                                    <select onchange="select_treatments(this)" class="form-control" id="select2-dropdown">
                                                                                        <option value="">Select Services</option>
                                                                                        <?php foreach($treatments as $treatment): ?>
                                                                                        <?php if(isset($salon_booking_treatment_name) && $salon_booking_treatment_name == $treatment->name): ?>
                                                                                        <option selected value="<?php echo e($treatment->id); ?>"><?php echo e($treatment->name); ?></option>
                                                                                        <?php else: ?>
                                                                                        <option value="<?php echo e($treatment->id); ?>"><?php echo e($treatment->name); ?></option>
                                                                                        <?php endif; ?>
                                                                                        <?php endforeach; ?>
                                                                                    </select>
                                                                                    <!-- <?php foreach($treatments as $treatment): ?>
                                                                                    <div class="col-three">
                                                                                    <a href="<?php echo e(route('booking.salon.users', ['id' => $treatment->id])); ?>">
                                                                                    <div class="box-inner">
                                                                                        <div class="imgbox">
                                                                                            <?php if($treatment->image): ?>
                                                                                            <img src="<?php echo e(asset('images/'.$treatment->image)); ?>" alt="">
                                                                                            <?php else: ?>
                                                                                            <img src="<?php echo e(asset('/themes/frontend_new/assets/img/placeholder.png')); ?>" alt="">
                                                                                            <?php endif; ?>
                                                                                        </div>
                                                                                        <h2><?php echo e($treatment->name); ?></h2>
                                                                                    </div>
                                                                                    </a>
                                                                                    </div>
                                                                                    <?php endforeach; ?> -->
                                                                                </div>
                                                                            </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    

                                                                    <!-- <div class="accordion-item">
                                                                        <div class="accordion-item-header">
                                                                            <div class="inner_accordion">
                                                                                <label class="container_radio">
                                                                                <img src="<?php echo e(asset('/themes/frontend_new/assets/img/ic-service.png')); ?>" alt=""> Service
                                                                                </label>
                                                                                <div class="date_detials">                                            
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="accordion-item-body">
                                                                            <div class="accordion-item-body-content">
                                                                                <div id="tab-content-2" class="inner_caLlist">
                                                                                
                                                                                <div class="row custom-row">
                                                                                    <?php foreach($treatments as $treatment): ?>
                                                                                    <div class="col-three">
                                                                                    <a href="<?php echo e(route('booking.salon.users', ['id' => $treatment->id])); ?>">
                                                                                    <div class="box-inner">
                                                                                        <div class="imgbox">
                                                                                            <?php if($treatment->image): ?>
                                                                                            <img src="<?php echo e(asset('images/'.$treatment->image)); ?>" alt="">
                                                                                            <?php else: ?>
                                                                                            <img src="<?php echo e(asset('/themes/frontend_new/assets/img/placeholder.png')); ?>" alt="">
                                                                                            <?php endif; ?>
                                                                                        </div>
                                                                                        <h2><?php echo e($treatment->name); ?></h2>
                                                                                    </div>
                                                                                    </a>
                                                                                    </div>
                                                                                    <?php endforeach; ?>
                                                                                </div>
                                                                            </div>
                                                                            </div>
                                                                        </div>
                                                                    </div> -->

                                                                    <div class="accordion-item">
                                                                        <div class="accordion-item-header">
                                                                            <div class="inner_accordion">
                                                                                <label class="container_radio">
                                                                                    <!-- <input id="tab_3" type="radio" onclick="checkDiv()" name="radio"> -->
                                                                                    <!-- <span class="checkmark"></span> -->
                                                                                <!-- <img src="<?php echo e(asset('/themes/frontend_new/assets/img/ic-location.png')); ?>" alt="">   -->
                                                                                <img src="<?php echo e(asset('/themes/frontend_new/assets/img/map-pin-icon.png')); ?>" alt="">  
                                                                                <span id="LocationPicker"><?php echo e($booking['address'] ?? 'Location'); ?></span>
                                                                                </label>
                                                                                <div class="date_detials">
                                                                                    
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="accordion-item-body">
                                                                            <div class="accordion-item-body-content">
                                                                                <div class="location-area">
                                                                                    <div class="form-group">
                                                                                        <!-- <input type="text" placeholder="Search" class="form-control"> -->
                                                                                        <?php echo Form::text('findaddress_new',isset($booking['address'])?$booking['address']:null,['class'=>'testing form-control typeahead','style'=>'width:100%important!;','id'=>'findaddress_new']); ?>

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

                                                                    <div class="accordion-item">
                                                                        <div class="accordion-item-header">
                                                                            <div class="inner_accordion">
                                                                                <label class="container_radio">
                                                                                    <!-- <input id="tab_1" type="radio" checked="checked" onclick="checkDiv()" name="radio"> -->
                                                                                    <!-- <span class="checkmark"></span> -->
                                                                                    <!-- <img src="<?php echo e(asset('/themes/frontend_new/assets/img/ic-calendar.png')); ?>" alt=""> -->
                                                                                    <img src="<?php echo e(asset('/themes/frontend_new/assets/img/date-time-icon.png')); ?>" alt="">
                                                                                    <span id="salonBookingDate"><?php echo e($salon_booking_date ?? 'Date'); ?></span> - <span id="salonBookingTime"><?php echo e($salon_booking_time ?? 'Time'); ?></span>
                                                                                </label>
                                                                                <div class="date_detials">
                                                                                    <!-- 9.00:<span>AM</span> -->
                                                                                </div>
                                                                            </div>
                                                                        </div><!-- /.accordion-item-header -->
                                                                        <div class="accordion-item-body">
                                                                            <div class="accordion-item-body-content">
                                                                                    <div class="left_elements">
                                                                                        <div id="datepicker" class="calendar">
                                                                                        </div>

                                                                                        <div class="calendar-footer">
                                                                                            <div class="sec-foot-btn select-time-area">
                                                                                                <div class="form-group dd-flex">
                                                                                                        <div class='input-group date' id='datetimepicker3'>
                                                                                                        <input id="datetimeforsalon" type='text' class="form-control" onfocusout="myFunction()" value="<?php echo e($salon_booking_time); ?>" />
                                                                                                        <span class="input-group-addon">
                                                                                                            <span class="glyphicon glyphicon-time"></span>
                                                                                                        </span>
                                                                                                        </div>
                                                                                                </div>
                                                                                            </div>

                                                                                    <label class="sec-foot-btn sec-anytime">
                                                                                        <input type="checkbox" name="test" value="1" onchange="selectAnyTime(this)" />
                                                                                    <span class="btn-any-time">anytime</span>
                                                                                    </label>
                                
                                                                            <label class="sec-foot-btn select-anydate-area">
                                                                                <input type="checkbox" name="test" value="big" onchange="selectAnyDate(this)" />
                                                                                <span class="btn-select-anydate">any date</span>
                                                                            
                                                                            </label>

                                                                                            
                                                                                        </div>
                                                                                            <!-- <input class="form-control" value="<?php echo e($salon_booking_time); ?>" type="time" id="datetimeforsalon" onfocusout="myFunction()"/> -->
                                                                                    </div>
                                                                                <!-- <div class="list_body">
                                                                                    <ul>
                                                                                        <li>make a plan</li>
                                                                                        <li>make a plan</li>
                                                                                        <li>make a plan</li>
                                                                                    </ul>
                                                                                </div> -->
                                                                                <!-- <div class="btn_sttting">
                                                                                    <a href="#"><i class="fa-solid fa-gear"></i></a>
                                                                                </div> -->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    

                                                                    <div class="ac-item text-center button-foot">
                                                                                <a class="button-gd" href="<?php echo e(route('booking.salon.owners')); ?>">“Reach for the Stars”</a>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div role="tabpanel" class="tab-pane" id="tab-top-right">

                                                        <select onchange="select_salon(this)" class="form-control" id="selectBankList">
                                                            <option value="">Select Venues</option>
                                                            <?php foreach($active_salons as $salon_user): ?>
                                                            <option value="<?php echo e($salon_user->id); ?>"><?php echo e($salon_user->name); ?></option>
                                                            <?php endforeach; ?>
                                                        </select>
                                                    
                                                        <div class="ac-item text-center button-foot">
                                                        <a class="button-gd" onclick="redirect_to_salon()" href="javascript:void(0)">“Reach for the Stars”</a>
                                                        </div>

                                                    </div>
                                                </div>

                                            <!--  <div class="tab-content">
                                                
                                                </div> -->

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


                                
                            </div>
                            <div class="top-green-banner-right">
                            <img class="desktop_bg_image" src="<?php echo e(asset('/themes/frontend_new/assets/img/banner-top-green-1.png')); ?>" alt="">


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



         <!-- <img class="mobile_bg_image" src="<?php echo e(asset('/themes/frontend_new/assets/img/salon_background_mobile.jpg')); ?>" alt="">
         <img class="desktop_bg_image" src="<?php echo e(asset('/themes/frontend_new/assets/img/salon_background.jpg')); ?>" alt=""> -->
          
    </div>
   

    <?php /*start footer*/ ?>
    <?php echo $__env->make('frontend_new.partials.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php /*end footer*/ ?>
    <?php echo e(csrf_field()); ?>


    <?php /*start core js*/ ?>
    <?php echo $__env->make('frontend_new.partials.core-js', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php /*end core js*/ ?>

    <!--Page JS-->

    
    <script type="text/javascript"
        src="<?php echo e(asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.carousel.js')); ?>"></script>
    <script type="text/javascript"
        src="<?php echo e(asset('/themes/frontend_new/assets/css/salon/js/jquery-3.3.1.min.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset('/themes/frontend_new/assets/css/salon/js/calender.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset('/themes/frontend_new/assets/css/salon/js/custom.js')); ?>"></script>
    <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"
        integrity="sha256-eTyxS0rkjpLEo16uXTS0uVCS4815lc40K2iVpWDvdSY=" crossorigin="anonymous"></script> 
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
    <script async defer src='https://maps.googleapis.com/maps/api/js?key=<?php echo e(config("googlemaps.key")); ?>&libraries=places&callback=initMap'></script>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> 
    <script type="text/javascript">
        $(document).ready(function () {
            var CSRF_TOKEN = $('input[name="_token"]').val();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': CSRF_TOKEN
                }
            }); 
        });
    </script>
    <script type="text/javascript">
        function initMap() {
        var input = document.getElementById('findaddress_new');
        console.log("input", input);
        var autocomplete = new google.maps.places.Autocomplete(input);
        autocomplete.setComponentRestrictions({'country': ['UK']});//{'country': ['it']}
        google.maps.event.addListener(autocomplete, 'place_changed', function() {
            var place = autocomplete.getPlace() ;
            console.log(place);
            var postalCode = ''; 
            var postalCodeS = ''; 
            var completeAddress = place.formatted_address;
            console.log("address", completeAddress);
            jQuery.each( place.address_components, function( index, value ){
                console.log(value.types);
                if(value.types[0]=='postal_code'){
                    console.log("inside if");
                  postalCode = value.long_name;
                  postalCodeS = value.short_name;
                }
            });
            console.log("postal Code", postalCode);
            //jQuery("#gaddress").text('Postal code : '+postalCode);
            //jQuery("#gaddress_short").text('Short Postal code : '+postalCodeS);
            //console.log(postalCode+" is the postal code");
            var lat = place.geometry.location.lat();
            var lng = place.geometry.location.lng();
            //window.alert(JSON.stringify(place));
            //window.alert(place.address_components[0].long_name);   ------- long name of address
            //window.alert(place.address_components[0].short_name);    ------- short name of address
            //jQuery("#final_address").val(place.formatted_address);
            jQuery("#latitude").val(lat);
            jQuery("#longitude").val(lng);

            $.ajax({
                method: "POST",
                url: "<?php echo e(route('bookings.setpostcode')); ?>",
                cache: false,
                data: { postcode:postalCode, address: completeAddress },
                dataType: "json",
            })
            .done(function(data) {
                // selecttype();
                console.log(data);
                $("#LocationPicker").html(completeAddress);
                hideAll();
                // load_hours(date);
                // $('#modalInfo').find('.modal-title').text('SUCCESS');
                // $('#modalInfo').find('.modal-body').html("<h5 class='text-success'>"+data.message+"</h5>");
                // $('#modalInfo').modal('show');
            }); 
        });
    }

    function select_treatments(e){
        console.log(e.value);
        $.ajax({
            method: "POST",
            url: "<?php echo e(route('booking.salon.settreatments')); ?>",
            cache: false,
            data: {id: e.value},
            dataType: "json",
        })
        .done(function(data) {
            console.log(data);
            $(".treatmentTitle").html(data.treatment.name);
            hideAll();
        });
    }

    function hideAll() {
        const elements = document.getElementsByClassName("accordion-item-header");
        for(var i = 0; i<elements.length; i++ ){
            var classes = elements[i].classList;
            if(classes.contains('active'))
             {
                elements[i].classList.remove("active");
             }
        }
        const styles = document.getElementsByClassName("accordion-item-body");
        for(var i = 0; i<styles.length; i++ ){
            styles[i].style.removeProperty("max-height");
        }
    }

    function select_salon(e){
        // console.log(e.value);
    }
    function redirect_to_salon() {
        // alert("here");
        var id = document.getElementById("selectBankList").value;
        if(id){
            window.location.href = "/booking/salon/details"+"/"+id;
        }
        // alert(id);
    }

    function selectAnyDate(value){
        if(value.checked){
            $.ajax({
                        method: "GET",
                        url: ajaxUrl+"?date=AnyDate",
                        cache: false,
                        dataType: "json",
                    })
                    .done(function(data) { $("#salonBookingDate").html(data.date); });
            jQuery("#salonBookingDate").html("AnyDate");
        } else {
            jQuery("#salonBookingDate").html("Date");
        }
    }

    function selectAnyTime(value){
        if(value.checked){
            jQuery("#salonBookingTime").html("AnyTime");
            $.ajax({
            method: "GET",
            url: ajaxUrlTime+"?time=AnyTime",
            cache: false,
            dataType: "json",
            })
            .done(function(data) {
                // window.location.reload();
                $("#salonBookingTime").html(data.time);
            });
        } else {
            jQuery("#salonBookingTime").html("Time");
        }
    }
    </script>
    <script type="text/javascript">
        $(function () {
             $('#datetimepicker3').datetimepicker({
                 format: 'LT',
                 stepping: 30,
                 widgetPositioning: {
                    horizontal: "auto",
                    vertical: "top"
                  }
             });
         });
    </script>
    <script>
        const accordionItemHeaders = document.querySelectorAll(".accordion-item-header");

        accordionItemHeaders.forEach(accordionItemHeader => {
            accordionItemHeader.addEventListener("click", event => {

                // Uncomment in case you only want to allow for the display of only one collapsed item at a time!

                    const currentlyActiveAccordionItemHeader = document.querySelector(".accordion-item-header.active");
                    if(currentlyActiveAccordionItemHeader && currentlyActiveAccordionItemHeader!==accordionItemHeader) {
                       currentlyActiveAccordionItemHeader.classList.toggle("active");
                       currentlyActiveAccordionItemHeader.nextElementSibling.style.maxHeight = 0;
                     }

                accordionItemHeader.classList.toggle("active");
                const accordionItemBody = accordionItemHeader.nextElementSibling;
                if (accordionItemHeader.classList.contains("active")) {
                    accordionItemBody.style.maxHeight = accordionItemBody.scrollHeight + "px";
                }
                else {
                    accordionItemBody.style.maxHeight = 0;
                }

            });
        });
    </script>
    <script>
    let ajaxUrl = "<?php echo route('booking.salon.setdate'); ?>";
    let ajaxUrlTime = "<?php echo route('booking.salon.settime'); ?>";
    </script>  
    <script> 
        function myFunction(){
            // alert("here");
            var x = document.getElementById("datetimeforsalon");
            let time = x.value;
            $.ajax({
                        method: "GET",
                        url: ajaxUrlTime+"?time="+time,
                        cache: false,
                        dataType: "json",
                    })
                    .done(function(data) {
                        // window.location.reload();
                        $("#salonBookingTime").html(data.time);
                    });
        }
    </script>  
    <!-- <script>
            $('#tab-content-1').show();
            $('#tab-content-2').hide();
            $('#tab-content-3').hide();
            $('#tab-content-4').hide();
    </script> -->
    <!-- <script>
       function checkDiv() {
          var selected_Id = $('input[name="radio"]:checked').attr('id');
          // alert(selected_Id);
          if(selected_Id == 'tab_1'){
            $('#tab-content-1').show();
            $('#tab-content-2').hide();
            $('#tab-content-3').hide();
            $('#tab-content-4').hide();
          }
          if(selected_Id == 'tab_2'){
           $('#tab-content-1').hide();
            $('#tab-content-2').show();
            $('#tab-content-3').hide();
            $('#tab-content-4').hide();
          }
          if(selected_Id == 'tab_3'){
            $('#tab-content-1').hide();
            $('#tab-content-2').hide();
            $('#tab-content-3').show();
            $('#tab-content-4').hide();
          }
          if(selected_Id == 'tab_4'){
            $('#tab-content-1').hide();
            $('#tab-content-2').hide();
            $('#tab-content-3').hide();
            $('#tab-content-4').show();
          }
       }
    </script> -->
    <!-- Select 2 -->
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#select2-dropdown').select2();
            $('#select2-dropdown').on('change', function (e) {
                var data = $('#select2-dropdown').select2("val");
                // @this.set('ottPlatform', data);
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            $('#selectBankList').select2();
            $('#selectBankList').on('change', function (e) {
                var data = $('#selectBankList').select2("val");
                // @this.set('ottPlatform', data);
            });
        });
    </script>
    <!-- Select 2 end -->
    <script>
        $(document).ready(function () {
            $(".owl-treatments").owlCarousel({
                autoPlay: 3000, //Set AutoPlay to 3 seconds
                navigation: false,
                pagination: true,
                itemsCustom: [
                    [0, 2],
                    [450, 2],
                    [600, 3],
                    [700, 4],
                    [1000, 5],
                    [1200, 6],
                    [1400, 6],
                    [1600, 7]
                ],
            });

            $(".owl-social").owlCarousel({
                autoPlay: 3000, //Set AutoPlay to 3 seconds
                navigation: false,
                pagination: true,
                itemsCustom: [
                    [0, 2],
                    [450, 2],
                    [600, 3],
                    [700, 3],
                    [1000, 4],
                    [1200, 5],
                    [1400, 5],
                    [1600, 5]
                ],
            });

            $(".owl-event").owlCarousel({
                autoPlay: 3000, //Set AutoPlay to 3 seconds
                navigation: true,
                pagination: false,
                itemsCustom: [
                    [0, 1],
                    [450, 1],
                    [600, 3],
                    [700, 3],
                    [1000, 4],
                    [1200, 4],
                    [1400, 5],
                    [1600, 5]
                ],
            });
        });
    </script>
    

    <?php echo $__env->yieldContent('custom_scripts'); ?>
</body>

</html>

ZeroDay Forums Mini