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/test.tradze.com/resources/views/frontend_new/partials/ |
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-MD4BVN5X');
</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MD4BVN5X"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/NewCss/animate.css') }}" type="text/css" media="screen" />
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/NewCss/custom-style.css') }}" type="text/css" media="screen" />
{{--START HEADER DESKTOP & TABLETA--}}
<div class="menu-background hide-tel">
<div class="container">
<div class="row d-flex-row">
{{--start logo--}}
<div class="header-logo">
<a href="{{ url('/') }}">
<img class="img-responsive" src="{{ asset('/themes/frontend_new/assets/img/logo-tradze.svg') }}" />
</a>
</div>
{{--end logo--}}
{{--start menu--}}
<div class="header-right">
<div class="header-right">
<div class="header-right-nav-menus">
<div class="menu">
<ul>
<li><a href="{{ url('our-story') }}">Our Story</a></li>
<!-- <li><a href="{{ url('commercial') }}">Commercial</a></li> -->
<li><a href="{{ url('contact') }}">Contact</a></li>
<li><a href="{{ url('membership/partner-with-us') }}">Partner</a></li>
<!-- <li><a href="{{ url('treatments') }}">Treatments</a></li>-->
<!-- <li><a href="{{ url('zenstars-service-providers') }}">Stars</a></li> -->
<!-- <li><a href="{{ url('blog/index') }}">Blog</a></li> -->
<!-- <li><a href="{{ url('prices') }}">Prices</a></li>
--><!-- <li><a href="{{ url('offers') }}">Offers</a></li>
-->
<!-- <li><a href="{{ url('gifts') }}">Gifts</a></li> -->
</ul>
</div>
</div>
<div class="header-navbar-right">
<div class="header-navbar-right-inner">
<div class="header-navbar-right-button-group">
<div class="log-in-account">
@if (Auth::check())
<!-- @php
$loggedUser=Auth::user();
@endphp
<div class="dropdown">
<a class="log-in dropdown-toggle" href="#" type="button" data-toggle="dropdown"><img src="{{ asset('/themes/frontend_new/assets/img/ic-admin.svg') }}"/></a>
<ul class="dropdown-menu">
@if ($loggedUser->is('developer'))
<li><a href="{{ url('admin') }}">ADMIN</a></li>
<li role="separator" class="divider"></li>
@endif
<li><a href="{{ url('account/mybookings') }}">My bookings</a></li>
<li><a href="{{route('account.profile.edit')}}">Account details</a></li>
<li><a href="{{ route('account.profile.myvouchers') }}">My vouchers</a></li>
<li><a href="{{ route('account.address.index') }}">My address book</a></li>
<li><a href="{{ route('account.billingaddress.index') }}">My billing address</a></li>
<li><a href="{{ url('logout') }}">Logout</a></li>
</ul>
</div> -->
@else
<a href="{{ url('login') }}" class="log-in">LOG IN</a>
@endif
</div>
@if(Auth::check())
@if(Auth::user()->hasRole('salon'))
<div class="become-btn">
<a href="{{ route('booking.salon.details', ['id'=> Auth::user()->name_slug]) }}">GO TO HOME</a>
</div>
@else
<div class="become-btn">
<a href="{{ url('membership/home') }}">PARTNER WITH US</a>
</div>
@endif
@else
<div class="become-btn">
<a href="{{ url('membership/home') }}">PARTNER WITH US</a>
</div>
@endif
</div>
</div>
</div>
<div class="header-auth">
<div class="header-auth-dflex">
<!-- <div class="header-search">
<a href="javascript:void(0)" data-toggle="modal" data-target=".bs-example-modal-lg">
<img src="{{ asset('/themes/frontend_new/assets/img/ic-search.svg') }}" />
</a>
</div> -->
<!-- <div class="header-card-area">
<div class="dropdown">
<button class="dropdown-toggle" type="button" data-toggle="dropdown">
<img src="{{ asset('/themes/frontend_new/assets/img/ic-cart.svg') }}"/>
<span class="notification-bg">{{ \Cart::getTotalQuantity() }}</span>
</button>
<ul class="dropdown-menu">
<div class="product-item-list">
<?php if (\Cart::getTotalQuantity() > 0) { ?>
@foreach(\Cart::getContent()->sortBy('id') as $cart)
<div class="product-item">
<div class="product-item-img">
<a href="{{ url('booking/basket/checkout') }}">
@foreach($cart->attributes->therapistImage as $image)
<img src="{{$image}}"/>
@endforeach
</a>
</div>
<div class="product-item-dis">
<div class="dtleft">
<h4>{{ $cart->attributes->massage_type }}</h4>
<p>{{ $cart->attributes->date }}</p>
</div>
<div class="dtright">
<span>£ {{ number_format($cart->getPriceSumWithConditions(),2) }}</span>
</div>
</div>
</div>
@endforeach
<?php } else {
echo "No Item is added in cart";
} ?>
</div>
</ul>
</div>
</div> -->
@if (Auth::check())
@php
$loggedUser=Auth::user();
@endphp
<div class="dropdown log-in_dropdown">
<a class="log-in dropdown-toggle" href="#" type="button" data-toggle="dropdown">
@if(Auth::check() && Auth::user()->profile->avatar)
<img class="dp-img 13" src="{{ asset('/images/'. Auth::user()->profile->avatar) }}" />
@else
<i class="font-icon fa fa-user"></i>
@endif
</a>
<ul class="dropdown-menu">
@if ($loggedUser->is('developer') || ($loggedUser->is('salon') && (session()->has('subscription_status') && session('subscription_status') == 1) ) )
<li><a href="{{ url('admin') }}">ADMIN</a></li>
<li role="separator" class="divider"></li>
@endif
@if (($loggedUser->is('salon') && (session()->has('subscription_status') && session('subscription_status') == 1) ))
<li><a class="bookings-page-link" href="{{ url('admin/schedules/bookings') }}">My bookings
<span id="myBookingsBadge" class="badge">0</span>
</a></li>
@else
<li><a class="bookings-page-link" href="{{ url('account/mybookings') }}">My bookings
<span id="myBookingsBadge" class="badge">0</span>
</a></li>
@endif
@if(!$loggedUser->is('salon'))
<li><a href="{{route('account.profile.edit')}}">Account details</a></li>
<!-- <li><a href="{{ route('account.profile.myvouchers') }}">My vouchers</a></li> -->
<li><a href="{{ route('account.address.index') }}">My address book</a></li>
<li><a href="{{ route('account.billingaddress.index') }}">My billing address</a></li>
<li><a class="past-bookings-page-link" href="{{ url('account/pastbookings') }}">Past bookings
<span id="pastBookingsBadge" class="badge">0</span>
</a></li>
@endif
@if($loggedUser->is('salon') && (session()->has('subscription_status') && session('subscription_status') != 1) )
<li><a href="{{ url('membership/get-membership') }}">Buy Subscription</a></li>
@endif
@if($loggedUser->is('salon') && $loggedUser->stripe_customer_id != NULL)
<li><a href="{{ url('membership/my-membership') }}">My Membership</a></li>
@endif
<li><a href="{{ url('logout') }}">Logout</a></li>
</ul>
</div>
@endif
<!-- <div class="header-avtar">
<a href="javascript:void(0)">
<img src="{{ asset('/themes/frontend_new/assets/img/ic-admin.svg') }}"/>
</a>
</div> -->
</div>
</div>
</div>
</div>
{{--end menu--}}
</div>
</div>
</div>
{{--END HEADER DESKTOP & TABLETA--}}
{{--START HEADER TELEFON--}}
<div id="menu-fix-categs-tel" class="hide-desktop hide-tab">
<div class="clearfix">
<div class="demo-1 pull-left">
<div class="main clearfix">
<div class="column">
<div id="dl-menu" class="dl-menuwrapper">
<button class="dl-trigger">
<span class=""><i class="fa fa-bars" aria-hidden="true"></i></span>
</button>
<ul class="dl-menu" style="width:100%;z-index: 99999999!important;">
<li><a href="{{ url('our-story') }}">Our Story</a></li>
<!-- <li><a href="{{ url('commercial') }}">Commercial</a></li> -->
<li><a href="{{ url('contact') }}">Contact</a></li>
<!-- <li><a href="{{ url('treatments') }}">Treatments</a></li>-->
<!-- <li><a href="{{ url('zenstars-service-providers') }}">Stars</a></li> -->
<!-- <li><a href="{{ url('blog/index') }}">Blog</a></li> -->
<!-- <li><a href="{{ url('prices') }}">Prices</a></li>
--><!-- <li><a href="{{ url('offers') }}">Offers</a></li>-->
<!-- <li><a href="{{ url('gifts') }}">Gifts</a></li> -->
</ul>
</div>
{{--/dl-menuwrapper--}}
</div>
</div>
</div>
<div class="pull-left logo-telefon">
<a class="hide-desktop hide-tab" href="{{ url('/') }}">
<img class="img-responsive" src="{{ asset('/themes/frontend_new/assets/img/small-logo.svg') }}" />
</a>
</div>
<div id="inchide">
{{--start contact--}}
<!-- <div class="pull-left call-icon-tel" onclick="window.open('tel:+44(0)203 556 0984', '_self', false);">
<img src="{{ asset('/themes/frontend_new/assets/img/call-icon.png') }}"/>
</div> -->
{{--end contact--}}
{{--start account telefon--}}
<div class="panel anuleaza-panel">
<!-- @if(Auth::check())
@if(Auth::user()->hasRole('salon'))
<div class="pull-left memeber-icon-tel">
<a href="{{ route('booking.salon.details', ['id'=> Auth::user()->name_slug]) }}">
<i class="font-icon fa fa-home"></i>
</a>
</div>
@else
<div class="pull-left memeber-icon-tel">
<a href="{{ url('membership/home') }}">
<i class="font-icon fa fa-handshake-o"></i>
</a>
</div>
@endif
@else
<div class="pull-left memeber-icon-tel">
<a href="{{ url('membership/home') }}">
<i class="font-icon fa fa-handshake-o"></i>
</a>
</div>
@endif -->
<div class="pull-left account-icon-tel">
<a data-toggle="collapse" data-parent="#inchide" href="#collapse-account" aria-expanded="true" aria-controls="collapse-account">
<!-- <i class="font-icon fa fa-user"></i> -->
<!-- <img class="dp-img" src="{{ asset('/themes/frontend_new/assets/img/profile-pic-new.svg') }}"/> -->
@if(Auth::check() && Auth::user()->profile->avatar)
<img class="dp-img" src="{{ asset('/images/'. Auth::user()->profile->avatar) }}" />
@else
<i class="font-icon fa fa-user"></i>
@endif
</a>
</div>
<div id="collapse-account" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
@if (!Auth::check())
<div class="row links-account-tel">
<div class="col-xs-6">
<a href="{{ url('login') }}" class="log_in_tel"> LOG IN</a>
</div>
<div class="col-xs-6">
<a href="{{ url('register') }}" class="creare-cont-tel">REGISTER</a>
</div>
</div>
@else
@php
$loggedUser=Auth::user();
@endphp
<div class="row links-account-tel">
@if ($loggedUser->is('developer') || ($loggedUser->is('salon') && (session()->has('subscription_status') && session('subscription_status') == 1) ) )
<div class="col-xs-12">
<a href="{{ url('admin') }}" class="btn-after-log">ADMIN</a>
</div>
@endif
@if ($loggedUser->is('salon') && session()->has('subscription_status') && session('subscription_status') == 1)
<div class="col-xs-12">
<a class="bookings-page-link" href="{{ url('admin/schedules/bookings') }}" class="btn-after-log">
My bookings
<span id="myBookingsBadge" class="badge">0</span>
</a>
</div>
@else
<div class="col-xs-12">
<a class="bookings-page-link" href="{{ url('account/mybookings') }}" class="btn-after-log">
My bookings
<span id="myBookingsBadgeMob" class="badge">0</span>
</a>
</div>
@endif
@if(!$loggedUser->is('salon'))
<div class="col-xs-12">
<a href="{{route('account.profile.edit')}}" class="btn-after-log">Account details</a>
</div>
<!-- <div class="col-xs-12">
<a href="{{ route('account.profile.myvouchers') }}" class="btn-after-log">My vouchers</a>
</div> -->
<div class="col-xs-12">
<a href="{{ route('account.address.index') }}" class="btn-after-log">My address book</a>
</div>
<div class="col-xs-12">
<a href="{{ route('account.billingaddress.index') }}" class="btn-after-log">My billing address</a>
</div>
<div class="col-xs-12">
<a class="past-bookings-page-link" href="{{ url('account/pastbookings') }}" class="btn-after-log">
Past bookings
<span id="pastBookingsBadgeMob" class="badge">0</span>
</a>
</div>
@endif
@if($loggedUser->is('salon') && (session()->has('subscription_status') && session('subscription_status') != 1) )
<div class="col-xs-12"><a href="{{ url('membership/get-membership') }}" class="btn-after-log">Buy Subscription</a></div>
@endif
@if($loggedUser->is('salon') && $loggedUser->stripe_customer_id != NULL)
<div class="col-xs-12"><a href="{{ url('membership/my-membership') }}" class="btn-after-log">My Membership</a></div>
@endif
<div class="col-xs-12">
<a href="{{ url('logout') }}" class="btn-after-log">
Logout
</a>
</div>
</div>
@endif
</div>
</div>
</div>
{{--end account telefon--}}
{{--start basket--}}
<div class="panel anuleaza-panel">
<!-- <div class="pull-left basket-tel">
<a data-toggle="collapse" data-parent="#inchide" href="#collapse-search" aria-expanded="true"
aria-controls="collapse-search">
<i class="font-icon fa fa-shopping-cart"></i>
</a>
</div> -->
@if(Auth::check())
@if(Auth::user()->hasRole('salon'))
<div class="pull-left basket-tel">
<a href="{{ route('booking.salon.details', ['id'=> Auth::user()->name_slug]) }}">
<i class="font-icon fa fa-home"></i>
</a>
</div>
@else
<div class="pull-left basket-tel">
<a href="{{ url('membership/home') }}">
<i class="font-icon fa fa-handshake-o"></i>
</a>
</div>
@endif
@else
<div class="pull-left basket-tel">
<a href="{{ url('membership/home') }}">
<i class="font-icon fa fa-handshake-o"></i>
</a>
</div>
@endif
<div id="collapse-search" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<div class="basket-zone">
<div class="product-sep-line">
<div class="row">
<div class="col-xs-8">
<div class="product-type">{{ \Cart::getTotalQuantity() }} Items</div>
</div>
<div class="col-xs-2">
<div class="price-info">₤{{ \Cart::getTotal() }}</div>
</div>
</div>
</div>
{{--<a href="{{ route('bookings.basket.index') }}" class="checkout-btn">CHECKOUT</a>--}}
<a href="{{ route('bookings.basket.checkout') }}" class="checkout-btn">CHECKOUT</a>
</div>
</div>
</div>
</div>
{{--end basket--}}
</div>
{{--end account telefon--}}
</div>
</div>
{{--END HEADER TELEFON--}}
<!-- Search bar Popup -->
<div class="modal modal-search fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="container">
<div class="search-area">
<input id="searchInput" type="text" placeholder="Search Establishment">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="18px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve">
<rect x="-0.5" y="8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.7279 9)" width="19.001" height="2"></rect>
<rect x="-0.5" y="8" transform="matrix(0.7071 0.7071 -0.7071 0.7071 9.0003 -3.7281)" width="19" height="2"></rect>
</svg>
</button>
</div>
<div id="searchResults" class="search-area row" style="color: white;">
</div>
</div>
</div>
</div>
</div>
<script>
var baseUrl = "{{ url('/') }}";
</script>
<!-- Socket -->
<script src="{{ asset('/socket/socket.io.min.js') }}"></script>
<!-- Sweet Alert -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@php
$currentUrl = url()->current();
@endphp
<script>
const currentUrl = "{{ request()->path() }}";
const excludedPaths = ['booking/basket/checkout', 'booking/basket/pay'];
// setTimeout(() => {
if (!excludedPaths.includes(currentUrl)) {
// Example: call your backend API with the current URL
fetch('/booking/basket/cancelCart', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-CSRF-TOKEN': '{{ csrf_token() }}'
},
body: JSON.stringify({
page_url: currentUrl
})
})
.then(response => response.json())
.then(data => {
console.log("API Response:", data);
});
}
// }, 3000)
@if(Auth::check())
//Connect socket user
const socket = io("http://testapi.tradze.com:7070/");
// Register logged-in user with Socket.IO
socket.emit("register", {
userId: "{{ Auth::id() }}"
});
// Fetch booking counts for badge
function fetchBookingCounts() {
fetch('/count-bookings?userId={{Auth::user()->id}}', {
method: 'GET',
headers: {
'Accept': 'application/json',
'X-CSRF-TOKEN': '{{ csrf_token() }}'
}
})
.then(response => response.json())
.then(data => {
console.log("Booking Counts:", data);
const bookingsPageLinks = document.querySelectorAll('.bookings-page-link'); // NodeList
const pastBookingsPageLinks = document.querySelectorAll('.past-bookings-page-link'); // NodeList
// My Bookings Badge
const myBadge = document.querySelector('#myBookingsBadge');
const myBadgeMob = document.querySelector('#myBookingsBadgeMob');
if (data.upcomingBookings > 0) {
if (myBadge) {
myBadge.textContent = data.upcomingBookings;
myBadgeMob.textContent = data.upcomingBookings;
// myBadge.classList.remove('hidden');
}
bookingsPageLinks.forEach(link => link.classList.remove('disabled-link'));
} else {
bookingsPageLinks.forEach(link => link.classList.add('disabled-link'));
}
// Past Bookings Badge
const pastBadge = document.querySelector('#pastBookingsBadge');
const pastBadgeMob = document.querySelector('#pastBookingsBadgeMob');
if (data.pastBookings > 0) {
if (pastBadge) {
pastBadge.textContent = data.pastBookings;
pastBadgeMob.textContent = data.pastBookings;
// pastBadge.classList.remove('hidden');
}
pastBookingsPageLinks.forEach(link => link.classList.remove('disabled-link'));
} else {
pastBookingsPageLinks.forEach(link => link.classList.add('disabled-link'));
}
})
.catch(error => console.error("Error fetching booking counts:", error));
}
// Call immediately once
fetchBookingCounts();
// Call every 3 seconds
// setInterval(fetchBookingCounts, 3000);
@endif
</script>
<style>
.badge {
background-color: red;
color: white;
font-size: 12px;
font-weight: bold;
border-radius: 50%;
padding: 3px 7px;
margin-left: 0px;
display: inline-block;
vertical-align: middle;
}
.hidden {
display: none;
}
.disabled-link {
pointer-events: none;
text-decoration: none;
cursor: default;
color: #333 !important;
text-transform: uppercase !important;
}
.row.links-account-tel {
text-align: center;
}
.links-account-tel .bookings-page-link {
position: relative;
display: inline-block;
color: #333 !important;
text-decoration: none;
text-transform: uppercase !important;
}
.links-account-tel .past-bookings-page-link {
position: relative;
display: inline-block;
color: #333 !important;
text-decoration: none;
text-transform: uppercase !important;
}
</style>