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/fac43683aafbbcfd99d18361d987d60da682c065.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_new/assets/css/typehead-bootstrap3.css')); ?>" type="text/css" media="screen">
    <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/font-awesome.min.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/css-top-bottom.css')); ?>" type="text/css" media="screen"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" />
    <link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/salon_detail.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-later-NEW.css')); ?>" type="text/css" media="screen"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">

    <?php echo $__env->yieldContent('css_page'); ?>
</head>
<body class="no_testimonials_page">
<style>
.cmn_background_cover{ 
    background-image: url("<?php echo e(asset('/themes/frontend_new/assets/img/salon_no_therapist_image.jpg')); ?>");
        padding: 30px 0;
}
.cmn_background_page{
    padding-top: 0px;
    padding-bottom: 0px;
}
.salon_therapists_popup .img-responsive.img-big {
    border:1px solid #000 !important;
   
    /* border-image-source: linear-gradient(101deg, #0022c3, #00fafb) !important;
    border-image-slice: 1 !important;
    border-width: 2px !important; */
}

.availability-gradient .nav-tabs > li.active > a {
    border-image-source: linear-gradient(101deg, #0022c3, #00fafb) !important;
    border-bottom: 5px solid !important;
    border-image-slice: 1 !important;
}

.calender-gradient .active-item {
    border-image-source: linear-gradient(101deg, #0022c3, #00fafb) !important;
    border-bottom: 2px solid;
    border-image-slice: 1;
}

.available-hours-gradient {
    /* border-image-source: linear-gradient(101deg, #0022c3, #00fafb) !important; */
    border: 1px solid ;
    /* border-image-slice: 1; */
    border-width: 1px;
}

.badge-gradient-img .img-badge-massage-table {
    border-radius: 50%;
    border: 2px solid transparent;
    background: linear-gradient(66deg, #0022c3, #00fafb) !important;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
}

.gradient-circle img {
    border-radius: 50%;
    border: 2px solid transparent;
    background: linear-gradient(60deg, #0022c3, #00fafb) !important;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
}

.therepist-border:hover .seeAvailability-border {
    border: solid 2px transparent !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 1px 1000px 1px #fff inset !important;
    padding: 10px 20px;
}

.therepist-border:hover {
    /* border-image-source: linear-gradient(101deg, #0022c3, #00fafb) !important; */
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
}

.availability-gradient .active-hour {
    border-image-source: linear-gradient(101deg, #0022c3, #00fafb) !important;
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
}
.hours-bg .active-hour {
    /* border: 2px solid !important; */
    border-image-slice: 1 !important;
    border-width: 1px !important;
    border-image-source: linear-gradient(101deg, #0022c3, #00fafb) !important;
}
#info-therapist .book-nowBtnborder:hover {
    border: solid 2px transparent !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 1px 1000px 1px #fff inset !important;
}
.add-basket-border .seeAvailability-border {
    border: solid 1px transparent !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 1px 1000px 1px #000 inset !important;
    padding: 10px 20px;
    text-transform: uppercase;
}
#info-therapist .book-nowBtnborder {
    border: solid 2px transparent !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 1px 1000px 1px #000 inset !important;
}
.backBtn-gradient {
    border: solid 1px transparent !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 1px 1000px 1px #000 inset !important;
}
.backBtn-gradient:hover{
    background: transparent !important;
    border-color: #fff !important;
    color: #000 !important;
    border: 1px solid !important;
    box-shadow: 1px 1000px 1px #fff inset !important;
}

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

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

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

<!-- Modal -->

<div class="modal salon_therapists_popup fade popup-bookNowBtn" id="info-therapist" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

            <div class="modal-body ">
                <?php /*load ajax therapis info*/ ?>
            </div>
        </div>
    </div>
</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*/ ?>

<?php /*page scripts*/ ?>
<script src="<?php echo e(asset('/themes/frontend_new/assets/plugins/FlipClock/compiled/flipclock.js')); ?>"></script>
<script src="<?php echo e(asset('/themes/frontend_new/assets/js/bootstrap-datepicker.js')); ?>"></script>
<script src="<?php echo e(asset('/themes/frontend_new/assets/js/typeahead.bundle.js')); ?>"></script>


<script type="text/javascript">
    $(document).ready(function () {

        var CSRF_TOKEN = $('input[name="_token"]').val();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': CSRF_TOKEN
            }
        });

//        selectdate();

        //find address
        var addressList = new Bloodhound({
            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
            queryTokenizer: Bloodhound.tokenizers.whitespace,
            remote: {
                url: 'getaddresslist/',
                replace: function (url, uriEncodedQuery) {
                    var res = url + encodeURIComponent(uriEncodedQuery);
                    return res;
                }
            }
        });

        addressList.initialize();
        var addAddress = $('.typeahead').typeahead(null, {
            name: 'address',
            displayKey: 'StreetAddress',
            source: addressList,
            hint: false,
            highlight: true,
            minLength: 2,
            limit: 1000,
            templates: {
                empty: [
                    '<div class="row">' +
                    '<div class="col-md-16 text-center text-danger">' +
                    '<i class="fa fa-exclamation-triangle "></i> The Postcode is not found!' +
                    '</div>' +
                    '</div>'

                ],
                suggestion: function (data) {
                    if (data.Error) {
                        return '<div><i class="fa fa-info-circle"></i> ' + data.Cause + '</div>'
                    }
                    else
                        return '<div><i class="fa fa-map-marker"></i> ' + data.StreetAddress + ' - ' + data.Place + '</span></div>'
                }
            }
        });

        //get postcode address and checkit into bd
        addAddress.on('typeahead:selected', function (evt, data) {

            if (data.Error) {
                return false;
            }

            $.ajax({
                method: "POST",
                url: "<?php echo e(route('bookings.getaddressdetails')); ?>",
                cache: false,
                data: {id: data.Id, _token: CSRF_TOKEN},
                dataType: "json",
            })
                .done(function (addr) {

                    var completeAddress = addr.Line1 + ' ' + addr.Line2 + ' ' + addr.Line3;

                    $.ajax({
                        method: "POST",
                        url: "<?php echo e(route('bookings.setpostcode')); ?>",
                        cache: false,
                        data: {postcode: addr.Postcode, address: completeAddress},
                        dataType: "json",
                    })
                        .error(function (data) {
                            var response = jQuery.parseJSON(data.responseText);
                            $('#modalInfo').find('.modal-title').text('ERROR');
                            $('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>" + response.message + "</h5>");
                            $('#modalInfo').modal('show');
                        })
                        .done(function (data) {
                            selecttype();
                            load_hours(date);
                            $('#modalInfo').find('.modal-title').text('SUCCESS');
                            $('#modalInfo').find('.modal-body').html("<h5 class='text-success'>" + data.message + "</h5>");
                            $('#modalInfo').modal('show');
                        });
                });
        });

        var reservedTime = "300";

        //date
        if ($("#datepicker").length > 0) {
            <?php if(isset($booking['date'])): ?>
            $("#datepicker").datepicker().datepicker("setDate", new Date('<?php echo e($booking['date']); ?>'));
            var date = $('3datepicker').datepicker('getFormattedDate', "yyyy-mm-dd");
                    <?php else: ?>
            var date = $('#datepicker').datepicker('getFormattedDate', "yyyy-mm-dd");
            <?php endif; ?>
        }
        else {
            var date = '<?php echo e(\Carbon\Carbon::now()->format('Y-m-d')); ?>';
        }

        //select no of therapists
        selecttype();

        // POPOVER FOCAL POINT
        $('[data-toggle="popover"]').popover();


        $(".focalpoint").click(function () {
            $(this).toggleClass('selected');

            var selectedfp = [];
            $(".focalpoint.selected").each(function (i, el) {
                selectedfp.push($(el).attr('focal_point'));
            });

            $.ajax({
                method: "POST",
                url: "<?php echo e(route('bookings.setfocalpoints')); ?>",
                cache: false,
                data: {fp: selectedfp},
                dataType: "json",
            })

        });


        //add to basket
        $("body").on('click', '.checkout-pay, .add-basket', function () {
            var url = $(this).attr('url');
            var toUrl = '<?php echo e(route("bookings.basket.index")); ?>';
            var bigContainer = $('.light-bg');

            $.ajax({
                method: "GET",
                url: url,
                cache: false,
                beforeSend: function () {
                    bigContainer.addClass('blocked');
                }
            })
                .error(function (data) {
                    bigContainer.removeClass('blocked');
                    var response = jQuery.parseJSON(data.responseText);
                    $('#modalInfo').find('.modal-title').text('ERROR');
                    $('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>" + response.message + "</h5>");
                    $('#modalInfo').modal('show');
                })
                .done(function (data) {

                    window.location.href = toUrl;
                });
        });

        // COUNTER
        var clock = $('.clock-01').FlipClock(reservedTime, {
            countdown: true,
            clockFace: 'MinuteCounter',
            autoStart: false,
        });

        var clock2 = $('.clock-02').FlipClock(reservedTime, {
            countdown: true,
            clockFace: 'MinuteCounter',
            autoStart: false,
        });

        // DATE PICKER
        $('#datepicker').datepicker({
            startDate: '+1d',
        });

        displayTherapists();

        // CUSTOM RADIO BUTTONS
        function changeState(el) {
            if (el.readOnly) el.checked = el.readOnly = false;
            else if (!el.checked) el.readOnly = el.indeterminate = true;
        }

        //select massage info:location, duration, massage type
        $("#validpostalcode").click(function () {
            var postalcode = $("#postalcode");
            $.ajax({
                method: "POST",
                url: "<?php echo e(route('bookings.setpostcode')); ?>",
                cache: false,
                data: {postcode: postalcode.val()},
                dataType: "json",
            })
                .error(function (data) {
                    var response = jQuery.parseJSON(data.responseText);
                    $('#modalInfo').find('.modal-title').text('ERROR');
                    $('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>" + response.message + "</h5>");
                    $('#modalInfo').modal('show');
                })
                .done(function (data) {
                    selecttype();
                    load_hours(date);
                    $('#modalInfo').find('.modal-title').text('SUCCESS');
                    $('#modalInfo').find('.modal-body').html("<h5 class='text-success'>" + data.message + "</h5>");
                    $('#modalInfo').modal('show');
                });
        });

        $("#duration").change(function () {
            $.ajax({
                method: "POST",
                url: "<?php echo e(route('bookings.setduration')); ?>",
                cache: false,
                data: {duration: $(this).val()},
                dataType: "json",
            })
                .error(function (data) {
                    var response = jQuery.parseJSON(data.responseText);
                })
                .done(function (data) {
                    load_hours(date);
                });

        });

        $("#massage").change(function () {
            $.ajax({
                method: "POST",
                url: "<?php echo e(route('bookings.setmassage')); ?>",
                cache: false,
                data: {massage: $(this).val()},
                dataType: "json",
            })
                .error(function (data) {
                    var response = jQuery.parseJSON(data.responseText);
                })
                .done(function (data) {
                    load_hours(date);
//            load_therapists();
//            displayTherapists();
                });

        });

        //select an hour
        $("body").on('click', '.selecthour', function () {
            var hour_val = $(this).attr('hour-val');
            var timeline = $('#timeline-hours');
            var timelineHours = timeline.find('.item');
            $.ajax({
                method: "POST",
                url: "<?php echo e(route('bookings.sethour')); ?>",
                cache: false,
                data: {hour: hour_val},
                dataType: "json",
            })
                .error(function (data) {
                    var response = jQuery.parseJSON(data.responseText);
                })
                .done(function (data) {
                    load_therapists();
                    displayTherapists();

                    timelineHours.each(function () {
                        if($(this).hasClass('active-hour'))
                        {
                            $(this).removeClass('active-hour');
                        }
                        if($(this).attr('hour-val') == hour_val)
                        {
                            $(this).addClass('active-hour');
                        }
                    })
                });
        });

        //select an hour
        $("body").on('click', '.selecthour-therapist', function () {
            var hour_val = $(this).attr('hour-val');
            var therapist = $(this).attr('therapist');
            var date = $(this).attr('date');

            var timeline = $('#timeline-therapist-hours');
            var timelineHours = timeline.find('.item_hour');

            $.ajax({
                method: "POST",
                url: "<?php echo e(route('bookings.setsalontherapisthour')); ?>",
                cache: false,
                data: {'thID': therapist,'date': date,'hour': hour_val},
                dataType: "json",
            })
                .error(function (data) {
                    var response = jQuery.parseJSON(data.responseText);
                })
                .done(function (data) {
                    timelineHours.each(function () {
                        if($(this).hasClass('active-hour'))
                        {
                            $(this).removeClass('active-hour');
                        }
                        if($(this).attr('hour-val') == hour_val)
                        {
                            $(this).addClass('active-hour');
                        }
                    })

                    $('#info-therapist').find('#modal-booking-action').html(data.partial_button_book_therapist);
                    $('#info-therapist').find('#modal-booking-action').show('fade');
                });
        });

        //book a therapist
        $("body").on('click', '.book-therapist-now', function () {

            $.ajax({
                method: "POST",
                url: "<?php echo e(route('bookings.setsalontherapists')); ?>",
                cache: false,
                data: {'thID': $(this).attr('therapist')},
                dataType: "json",
            })
                .error(function (data) {
                    // var response = jQuery.parseJSON(data.responseText);
                    if(data.status == 401) {
                        var url_checkout ="<?php echo e(url('/login')); ?>";
                        console.log(url_checkout);
                        window.location.replace(url_checkout);
                    }
                })
                .done(function (data) {
                    console.log("hree", data);
                        var url_checkout ="<?php echo e(route('bookings.basket.salon.checkout')); ?>";
                        console.log(url_checkout);
                        window.location.replace(url_checkout);
                });

        });

        //book a therapist modal
        $("body").on('click', '.book-therapist-now-modal', function () {

            $.ajax({
                method: "POST",
                url: "<?php echo e(route('bookings.setsalontherapists-modal')); ?>",
                cache: false,
                data: {'thID': $(this).attr('therapist'),'date': $(this).attr('date'),'hour': $(this).attr('hour')},
                dataType: "json",
            })
                .error(function (data) {
                    var response = jQuery.parseJSON(data.responseText);
                })
                .done(function (data) {
                    var url_checkout ="<?php echo e(route('bookings.basket.salon.checkout')); ?>";
                    window.location.replace(url_checkout);
                });

        });

        //view therapist info
        $("body").on('click','.see-therapist-info, .see-availablility', function () {
            var bigContainer = $('.light-bg');
            var thId = $(this).attr('therapist');
            $.ajax({
                method: "POST",
                url: "<?php echo e(route('bookings.view-salon-therapist-info')); ?>",
                cache: false,
                data: {'thID': thId,'availability': $(this).attr('availability')},
                beforeSend: function () {},
                dataType: "json",
            })
                .done(function (data) {
                    bigContainer.removeClass('blocked');
                    $('#info-therapist').find('.modal-body').html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
                    $('#info-therapist').find('.modal-body').html(data.partial);
                    $('[data-toggle="tooltip"]').tooltip();

                    if(!data.availability)
                    {
                        $('#info-therapist').find('#modal-booking-action').hide();
                    }
                    $('#info-therapist').modal('show');

                    $(".owl-select-date-tab").owlCarousel({
                        autoPlay: false, //Set AutoPlay to 3 seconds
                        navigation: true,
                        pagination: false,
                        itemsCustom: [
                            [0, 3],
                            [450, 3],
                            [600, 3],
                            [700, 4],
                            [1000, 6],
                            [1200, 5],
                            [1400, 5],
                            [1600, 6]
                        ],
                    });
                    load_therapist_hours(data.selected_date,thId);
                });
        });

        $('body').on('click','.pick-a-day-selected-teharpist', function () {

            var date = $(this).attr('date');
            var thId = $(this).attr('thId');
            var calendar = $('#selected-teharpist-calendar-dates');
            var calendarDates = calendar.find('.item');

            calendarDates.each(function () {
                if($(this).hasClass('active-item'))
                {
                    $(this).removeClass('active-item');
                }
                if($(this).attr('date') == date)
                {
                    $(this).addClass('active-item');
                }
            })

            load_therapist_hours(date,thId);
        });

        //select a therapist
        $("body").on('click', '.thNo', function () {
            selecttype();
        });
    });

    function selectdate() {
        //date
        if ($("#datepicker-later").length > 0) {
                    <?php /*<?php if(isset($booking['date'])): ?>*/ ?>
                    <?php /*console.log('aici');*/ ?>
                    <?php /*$("#datepicker-later").datepicker().datepicker("setDate", new Date('<?php echo e($booking['date']); ?>'));*/ ?>
                    <?php /*var date = $('#datepicker-later').datepicker('getFormattedDate',"yyyy-mm-dd");*/ ?>
                    <?php /*<?php else: ?>*/ ?>
            var date = $('#datepicker-later').datepicker('getFormattedDate', "yyyy-mm-dd");
            <?php /*<?php endif; ?>*/ ?>

        }
        else {
            var date = '<?php echo e(\Carbon\Carbon::now()->format('Y-m-d')); ?>';
        }

        return date;
    }

    function selecttype() {

        var el = $(".thNo:checked");

        $.ajax({
            method: "POST",
            url: "<?php echo e(route('bookings.settherapistsno')); ?>",
            cache: false,
            data: {'thNo': el.val()},
            dataType: "json",
        })
            .error(function (data) {
                var response = jQuery.parseJSON(data.responseText);
            })
            .done(function (data) {
                load_hours(data.date);
                displayTherapists();
            });
    }

    function displayTherapists() {
        var therapistsnfo = $("#therapists_info");
        $.ajax({
            method: "GET",
            url: "<?php echo e(route('bookings.selectedtherapists')); ?>",
            cache: false,
            beforeSend: function () {
//                therapistsnfo.html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
            },
            dataType: "html",
        })
            .done(function (data) {
                therapistsnfo.hide(0);
                therapistsnfo.html(data);
                therapistsnfo.fadeIn();
            });
    }

    //load therapist hours
    function load_therapist_hours(date,thId) {
        var hours = $("#therapist-hours");

        //get hours
        $.ajax({
            method: "POST",
            url: "<?php echo e(route('bookings.getsalontherapisthours')); ?>",
            data: {'thID': thId,'date': date},
            cache: false,
            beforeSend: function () {
                hours.html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
            },
            dataType: "html",
        })
            .done(function (data) {
                hours.hide(0);
                hours.html(data);
                hours.fadeIn();
            });
    }
    //load hours
    function load_hours(date) {
        var hours = $("#hours");

        //set date
        $.ajax({
            method: "POST",
            url: "<?php echo url('booking/setdate'); ?>",
            cache: false,
            data: {date: date}
        })
            .done(function () {
                //get hours
                $.ajax({
                    method: "GET",
                    url: "<?php echo url('booking/getsalonhours'); ?>/" + date,
                    cache: false,
                    beforeSend: function () {
                        hours.html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
                    },
                    dataType: "html",
                })
                    .done(function (data) {
                        hours.hide(0);
                        hours.html(data);
                        hours.fadeIn();

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

                        load_therapists();
                        displayTherapists();
                    });
            });


    } //end load hours

    //load therapists
    function load_therapists() {
        var therapists = $("#therapists");
        $.ajax({
            method: "GET",
            url: "<?php echo route('bookings.gettherapistscount'); ?>",
            cache: false,
            beforeSend: function () {
                therapists.html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
            },
            dataType: "html",
        })
            .done(function (data) {
                if(data == 0){
                    $('#background_cover').addClass('cmn_background_cover');
                    
                    $('#background_page_pd').addClass('cmn_background_page');
                } else {
                    $('#background_cover').removeClass('cmn_background_cover');
                    
                    $('#background_page_pd').removeClass('cmn_background_page');
                }
                $('[data-toggle="tooltip"]').tooltip();
            });

        $.ajax({
            method: "GET",
            url: "<?php echo route('bookings.getsalontherapists'); ?>",
            cache: false,
            beforeSend: function () {
                therapists.html("<span><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
            },
            dataType: "html",
        })
            .done(function (data) {
                console.log(data);
                therapists.hide(0);
                therapists.html(data);
                therapists.fadeIn();
                $('[data-toggle="tooltip"]').tooltip();
            });
    } //end load therapists
</script>
<?php /*end scripts*/ ?>

<?php /*start custom scripts*/ ?>
<?php echo $__env->yieldContent('custom_scripts'); ?>
<?php /*end custom scripts*/ ?>

<?php /*Page JS*/ ?>
<script type="text/javascript" src="<?php echo e(asset('/themes/frontend_new/assets/js/fontawesome.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.carousel.js')); ?>"></script>
<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-select-date").owlCarousel({
            autoPlay: false, //Set AutoPlay to 3 seconds
            navigation: true,
            pagination: false,
            itemsCustom: [
                [0, 4],
                [450, 4],
                [600, 4],
                [700, 10],
                [1000, 14],
                [1200, 14],
                [1400, 14],
                [1600, 14]
            ],
        });
        $(".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>

</body>
</html>

ZeroDay Forums Mini