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/www/storage-old/framework/views/ |
<!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', \Illuminate\Support\Arr::except(get_defined_vars(), ['__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/css/css-slider.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/css-form.css')); ?>" type="text/css" media="screen"/>
<?php echo $__env->yieldContent('css_page'); ?>
</head>
<body>
<?php echo $__env->make('frontend_new.partials.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<div class="relative-dial">
<!-- start contact info & basket info-->
<div class="top-bar hide-tel">
<div class="container">
<div class="background-contact-info">
<div class="row">
<!-- start contact info-->
<div class="col-sm-8 col-md-8 col-lg-9">
<div class="contact-info"><b>Exclusive online discount</b> use promo code <b>zenlondon07</b> Customer service <span class="phone-number">44(0)203 556 0984</span> Monday-Sunday 9am-9pm</div>
</div>
<!-- end contact info-->
<!-- start basket info-->
<div class="col-sm-4 col-md-4 col-lg-3">
<div class="clearfix">
<!-- start text basket-->
<div class="pull-left">
<div class="clearfix">
<!-- start icon-->
<div class="pull-left icon-bskt"><img src="<?php echo e(asset('/themes/frontend_new/assets/img/basket.png')); ?>"/></div>
<!-- end icon-->
<!-- start text basket-->
<div class="pull-left basket-info"> <?php echo e(\Cart::getTotalQuantity()); ?> Items: ₤<?php echo e(\Cart::getTotal()); ?></div>
<!-- end text basket-->
</div>
</div>
<!-- end text basket-->
<!-- start button-->
<div class="pull-left">
<a href="<?php echo e(route('bookings.basket.index')); ?>" class="checkout-btn">
CHECKOUT
</a>
</div>
<!-- end button-->
</div>
</div>
<!-- end basket info-->
</div>
</div>
</div>
</div>
<!-- end contact info & basket info-->
<!-- start slider-->
<div id="carousel-example-generic" class="carousel slide carousel-fade" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<?php if(!empty($slides)): ?>
<?php $__currentLoopData = $slides['top']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$slide): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="item <?php if($key==0): ?> active <?php endif; ?>">
<a href="<?php echo e($slide['url'] or '#'); ?>">
<img class="img-responsive" src="<?php echo e(url($slide['image'])); ?>" alt="<?php echo e($slide['title']); ?>">
<div class="carousel-caption hide-tel hide-tab">
<h2>Health. Fashi. Beauty. Life.</h2>
</div>
<div class="carousel-caption hide-desktop">
<h2>Health. Fashion. Beauty. Life.</h2>
</div>
</a>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- end slider-->
<div class="slider-overlay"></div>
<div class="banner-center">
<div class="container">
<div class="banner-text">
<h2>Health. Fashion. Beauty. Life.</h2>
</div>
<form>
<div class="sec-postcode">
<div class="postcode-area-inner">
<!-- <input type="text" class="form-control" placeholder="Enter Your Postcode"> -->
<div id="bloodhound">
<?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 class="ic-map">
<i class="fa fa-map-marker" aria-hidden="true"></i>
</div>
<button class="btn-book">Book</button>
</div>
</div>
</form>
</div>
</div>
<!-- start Postcode area-->
<!-- end Postcode area-->
<!-- start promo treatments-->
<?php if(!empty($offerSlider) && $offerSlider->count()>0): ?>
<!-- <div class="promo-treatments">
<div class="container">
<div class="row"> -->
<!-- start promo info-->
<!-- <div class="col-xs-12 col-sm-7 col-md-7 col-lg-6">
<div class="promo-title">
<div class="row">
<div class="col-xs-7 col-sm-7 col-md-8 col-lg-8">
<div class="text-promo"><?php echo e($offerSlider->name); ?>*</b></div>
</div>
<div class="col-xs-5 col-sm-5 col-md-4 col-lg-4">
<a href="<?php echo e(url('offers')); ?>" class="btn-book-massage">BUY NOW</a>
</div>
</div>
</div>
</div> -->
<!-- end promo info-->
<!-- start empty column-->
<!-- <div class="col-xs-12 col-sm-1 col-md-1 col-lg-3"></div> -->
<!-- end empty column-->
<!-- start price info-->
<!-- <div class="col-xs-12 col-sm-4 col-md-4 col-lg-3"> -->
<!-- start price info desktop & tableta-->
<!-- <div class="promo-price hide-tel">
<div class="price-title"><a href="<?php echo e(route('bookings.book_a_massage')); ?>">Prices from</a></div>
<div class="price"><a href="<?php echo e(route('bookings.book_a_massage')); ?>">₤<?php echo e($offerSlider->starts_from); ?>*</a></div>
<div class="price-mention"><a href="<?php echo e(route('bookings.book_a_massage')); ?>">*terms apply</a></div>
</div> -->
<!-- end price info desktop & tableta-->
<!-- start price info telefon-->
<!-- <div class="promo-price hide-desktop hide-tab">
<span class="price-title"><a href="<?php echo e(route('bookings.book_a_massage')); ?>">Prices from</a></span>
<span class="price"><a href="<?php echo e(route('bookings.book_a_massage')); ?>">₤<?php echo e($offerSlider->starts_from); ?>*</a></span>
<span class="price"><a href="<?php echo e(route('bookings.book_a_massage')); ?>"> BOOK NOW</a></span><br>
<span class="price-mention"><a href="<?php echo e(route('bookings.book_a_massage')); ?>">(*terms apply)</a></span>
</div> -->
<!-- end price info telefon-->
<!-- </div>
end price info
</div>
</div>
</div> -->
<?php endif; ?>
<!-- end promo treatments-->
</div>
<!--start page content-->
<div class="container">
<?php echo $__env->yieldContent('content'); ?>
</div>
<!--start page content-->
<!--start footer-->
<!--end footer-->
<!--start core js-->
<?php echo $__env->make('frontend_new.partials.core-js', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<!--end core js-->
<?php echo e(csrf_field()); ?>
<!--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>
$(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, 5],
[1200, 6],
[1400, 6],
[1600, 6]
],
});
$(".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>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=<?php echo e(config('googlemaps.key')); ?>&libraries=places&callback=initMap"></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",
})
.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');
});
});
}
$(document).ready(function () {
var CSRF_TOKEN = $('input[name="_token"]').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': CSRF_TOKEN
}
});
/*
//find address
var addressList = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
// limit: 20,
// sufficient: 40,
remote: {
url: 'getaddresslist/',
replace: function(url, uriEncodedQuery) {
var res = url + encodeURIComponent(uriEncodedQuery);
return res;
}
}
});
addressList.initialize();
console.log(addressList);
var addAddress = $('.typeahead').typeahead(null, {
name: 'address',
displayKey: 'StreetAddress',
source: addressList,
hint: false,
highlight: false,
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 },
dataType: "json",
})
.done(function(addr) {
});
});
*/
var reservedTime = "300";
$('#findaddress_old').on('input', function () {
var address = $(this).val();
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.check_booking_address_input')); ?>",
cache: false,
data: {address:address},
dataType: "json",
})
.error(function (data) {
})
.done(function (data) {
})
console.log('do something');
});
/*check the minimum requirements for this massage session */
$("body").on('click','.check-booking-session-min-requirements', function () {
var address = $('#findaddress_old').val();
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.check_booking_session_min_requirements')); ?>",
cache: false,
data: { type:$(this).attr('massage-type'), address:address },
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){
//var response = jQuery.parseJSON(data.responseText);
if(data.url)
{
window.location.href = data.url;
}
});
});
//date
if ($("#datepicker").length>0){
<?php if(isset($booking['date'])): ?>
$("#datepicker").datepicker().datepicker("setDate", new Date('<?php echo e($booking['date']); ?>'));
var date = $('#datepicker').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','.reservation-button, .checkout-button', 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){
load_hours(date);
displayTherapists();
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 NEW
// 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(){
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.sethour')); ?>",
cache: false,
data: { hour:$(this).val() },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
})
.done(function(data){
load_therapists();
displayTherapists();
});
});
//select a therapist
$("body").on('click','.therapist', function(){
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.settherapistsnow')); ?>",
cache: false,
data: { 'thID':$(this).attr('therapist'),'hour': $(this).attr('hour')},
dataType: "json",
})
.error(function(data){
load_hours(date);
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){
date = selectdate();
displayTherapists();
// load_hours(date);
});
});
//select a therapist
$("body").on('click','.thNo', function(){
selecttype();
});
});
function selectdate(){
//date
if ($("#datepicker-later").length>0){
var date = $('#datepicker-later').datepicker('getFormattedDate',"yyyy-mm-dd");
}
else{
var date = '<?php echo e(\Carbon\Carbon::now()->format('Y-m-d')); ?>';
}
return date;
}
function selecttype(){
var el_val = "1_th";
$.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_therapists();
displayTherapists();
});
}
function displayTherapists(){
var therapistsnfo = $("#therapists_info");
$.ajax({
method: "GET",
url: "<?php echo e(route('bookings.selectedtherapists')); ?>",
cache: false,
beforeSend: function() {
therapistsnfo.html("<span class='text-white'><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
dataType: "html",
})
.done(function(data){
therapistsnfo.hide(0);
therapistsnfo.html(data);
therapistsnfo.fadeIn();
});
}
//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;
});
});
//load hours
function load_hours(date){
load_therapists();
} //end load hours
//load therapists
function load_therapists(){
var therapists = $("#therapists");
$.ajax({
method: "GET",
url: "<?php echo route('bookings.gettherapistsnow'); ?>",
cache: false,
beforeSend: function() {
therapists.html("<span class='text-white'><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
dataType: "html",
})
.done(function(data) {
therapists.hide(0);
therapists.html(data);
therapists.fadeIn();
});
} //end load therapists
</script>
<?php echo $__env->yieldContent('custom_scripts'); ?>
</body>
</html><?php /**PATH /home/tradze/public_html/resources/views/frontend_new/layouts/basic.blade.php ENDPATH**/ ?>