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/.trash/resources_old/views/frontend_new/partials/ |
<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="{{ asset('/themes/frontend_new/assets/img/basket.png') }}"/></div>
<!-- end icon-->
<!-- start text basket-->
<div class="pull-left basket-info"> {{ \Cart::getTotalQuantity() }} Items: ₤{{ \Cart::getTotal() }}</div>
<!-- end text basket-->
</div>
</div>
<!-- end text basket-->
<!-- start button-->
<div class="pull-left">
<a href="{{ 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 132 star_slider" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
@if(isset($slides['top']))
@foreach($slides['top'] as $key=>$slide)
<div class="item @if($key==0) active @endif">
<a href="javascript:void(0);">
<img class="img-responsive" src="{{ url($slide['image']) }}" alt="{{ $slide['title'] }}">
</a>
</div>
@endforeach
@endif
</div>
</div>
<!-- end slider-->
<!-- Booking Functionality -->
@if(isset($booking))
<div class="star-banner-input banner-center">
<div class="container">
<div class="banner-text">
<!-- <h2>Enter Your Location. And we’ll help you connect with Zenstar wellness professionals in your area</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">
{!! Form::text('findaddress_new',isset($booking['address'])?$booking['address']:null,['class'=>'testing black-input form-control typeahead','style'=>'width:100%important!;','id'=>'findaddress_new', 'placeholder' => 'Enter your address to find your star
']) !!}
</div>
<div class="ic-map">
<i class="fa fa-map-marker" aria-hidden="true"></i>
</div>
<a href="{{ url('booking/treatment')}}" class="btn-book">Search</a>
</div>
</div>
<div class="sec-postcode">
<div class="postcode-area-inner">
<div id="bloodhound">
@if($errors->any())
<div class="alert alert-dismissable alert-danger">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>
{{$errors->first()}}
</strong>
</div>
@endif
</div>
</div>
</div>
</form>
</div>
</div>
@endif
<!-- start promo treatments-->
@if ($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">{{ $offerSlider->name }}*</b></div>
</div>
<div class="col-xs-5 col-sm-5 col-md-4 col-lg-4">
<a href="{{ 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="{{ route('bookings.book_a_massage') }}">Prices from</a></div>
<div class="price"><a href="{{ route('bookings.book_a_massage') }}">₤{{ $offerSlider->starts_from }}*</a></div>
<div class="price-mention"><a href="{{ 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="{{ route('bookings.book_a_massage') }}">Prices from</a></span>
<span class="price"><a href="{{ route('bookings.book_a_massage') }}">₤{{ $offerSlider->starts_from }}*</a></span>
<span class="price-mention"><a href="{{ route('bookings.book_a_massage') }}">(*terms apply)</a></span>
</div> -->
<!-- end price info telefon-->
</div>
<!-- end price info-->
</div>
</div>
</div>
@endif
<!-- end promo treatments-->
</div>
<!-- Script -->
{{ csrf_field() }}
<script type="text/javascript" src="{{ asset('/themes/frontend_new/assets/js/jquery-1.11.3.min.js') }}"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key={{config('googlemaps.key')}}&libraries=places&callback=initMap"></script>
<script type="text/javascript">
$(document).ready(function () {
//initialize tooltip
$('[data-toggle="tooltip"]').tooltip();
//select hours and therapists
// load_hours(date);
});
</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: "{{ 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();
console.log(data);
// 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: "{{ 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: "{{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: "{{ 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){
@if (isset($booking['date']))
$("#datepicker").datepicker().datepicker("setDate", new Date('{{ $booking['date'] }}'));
var date = $('#datepicker').datepicker('getFormattedDate',"yyyy-mm-dd");
@else
var date = $('#datepicker').datepicker('getFormattedDate',"yyyy-mm-dd");
@endif
}
else{
var date = '{{ \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: "{{ 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 = '{{ 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: "{{ 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: "{{ 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: "{{ 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: "{{ 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: "{{ 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){
{{--@if (isset($booking['date']))--}}
{{--console.log('aici');--}}
{{--$("#datepicker-later").datepicker().datepicker("setDate", new Date('{{ $booking['date'] }}'));--}}
{{--var date = $('#datepicker-later').datepicker('getFormattedDate',"yyyy-mm-dd");--}}
{{--@else--}}
var date = $('#datepicker-later').datepicker('getFormattedDate',"yyyy-mm-dd");
{{--@endif--}}
}
else{
var date = '{{ \Carbon\Carbon::now()->format('Y-m-d') }}';
}
return date;
}
function selecttype(){
var el_val = "1_th";
$.ajax({
method: "POST",
url: "{{ 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: "{{ 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 = '{{ 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: "{!! 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>