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', 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"/>
<?php echo $__env->yieldContent('css_page'); ?>
</head>
<body class="no_testimonials_page">
<?php /*start header*/ ?>
<?php echo $__env->make('frontend_new.partials.header', 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 /*start page container*/ ?>
<?php /*start counter section*/ ?>
<!-- <div class="counter-background">
<div class="row center">
<?php /*start title*/ ?>
<div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 display-inline">
<div class="clearfix center">
<?php /*<div class="pull-left display-inline-tab">*/ ?>
<?php /*<img class="img-responsive clock-icon" src="<?php echo e(asset('themes/frontend_new/assets/img/clock.png')); ?>"/>*/ ?>
<?php /*</div>*/ ?>
<div class="pull-left display-inline-tab">
<div class="title-book">
<?php /*<b>Time Left</b> for booking*/ ?>
<b>Time left to complete</b> this booking
</div>
</div>
</div>
</div>
<?php /*end title*/ ?>
<?php /*start counter*/ ?>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 display-inline">
<div id="book-time-01">
<div class="clock-01"></div>
<div class="message"></div>
</div>
</div>
<?php /*end counter*/ ?>
<?php /*start btns*/ ?>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-4 display-inline">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-12 col-lg-6">
<a href="#" url="<?php echo e(route('bookings.basket.addcheckout',['checkout'=>1])); ?>" class="checkout-pay">CHECKOUT & PAY</a>
</div>
<div class="col-xs-6 col-sm-6 col-md-12 col-lg-6">
<a href="#" url="<?php echo e(route('bookings.basket.add')); ?>" class="add-basket">ADD TO CART</a>
</div>
</div>
</div>
<?php /*end btns*/ ?>
</div>
</div> -->
<?php /*end counter section*/ ?>
<?php /*start form*/ ?>
<!-- <form>
<div class="gray-form-bg">
<div class="row">
<div class="col-xs-12 col-sm-5 col-md-6 col-lg-5">
<div class="form-group">
<label for="postalcode">Enter your postcode. The address can be confirmed in the checkout<span class="red">*</span>.</label>
<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>
</div>
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-3">
<div class="form-group">
<label for="duration">Duration of Massage<span class="red">*</span></label>
<?php echo Form::select("duration",$massage_info['duration_opt'],isset($booking['duration'])?$booking['duration']:null,['class'=>'form-control','id'=>'duration']); ?>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="form-group">
<label for="massage">Type of Massage<span class="red">*</span></label>
<?php echo Form::select("massage",$massage_info['massage_opt'],isset($booking['massage'])?$booking['massage']:null,['class'=>'form-control','id'=>'massage']); ?>
</div>
</div>
</div>
</div>
</form> -->
<?php /*end form*/ ?>
<?php /*start inject page content*/ ?>
<?php echo $__env->yieldContent('content'); ?>
<?php $slug_name ='book-a-massage'; ?>
<?php /*end inject page content*/ ?>
<?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>
$(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 /*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 async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDURqQ7oRzMW4qk1JdumiHfwkTCkT1O1sg&libraries=places&callback=initMap"></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);
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;
jQuery.each( place.address_components, function( index, value ){
console.log(value.types);
if(value.types[0]=='postal_code'){
postalCode = value.long_name;
postalCodeS = value.short_name;
}
});
console.log("postal Code", postalCode);
console.log("address", completeAddress);
//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) {
console.log("data when done", 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
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){
<?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_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 /*end scripts*/ ?>
<?php /*start custom scripts*/ ?>
<?php echo $__env->yieldContent('custom_scripts'); ?>
<?php /*end custom scripts*/ ?>
</body>
</html>