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/resources/views/membership/pages/ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ZENSTAR, @yield('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="@yield('meta_title')">
<meta property="og:description" content="@yield('meta_description')">
<!-- Global styles START -->
@include('frontend_new.partials.core-css')
<!-- Global styles END -->
<!-- Start css page -->
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.theme.css') }}" type="text/css" media="screen"/>
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.carousel.css') }}" type="text/css" media="screen"/>
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/plugins/FlipClock/compiled/flipclock.css') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/bootstrap-css/bootstrap-datepicker.css') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/css-carousel-treatments.css') }}" type="text/css" media="screen"/>
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/typehead-bootstrap3.css') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/font-awesome.min.css') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/css-top-contact.css') }}" type="text/css" media="screen"/>
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/build.css') }}" type="text/css" media="screen"/>
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/membership/membership.css') }}" type="text/css" media="screen"/>
<script src="https://js.stripe.com/v3/"></script>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.sec-one {
position: relative;
}
.sec-one img {
width: 100%;
}
.free {
border-radius: 50px;
padding: 15px 16px;
border: solid 2px transparent !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 10000px 1px #000000 inset !important;
min-width: 274px !important;
text-align: center !important;
outline: none !important;
display: inline-block;
color: #fff;
font-size: 15px;
text-decoration: none;
max-width: 50px;
font-weight: 600;
text-transform:uppercase;
transition:all 0.3s ease-in-out;
}
.round-btn .free{
box-shadow: 1px 10000px 1px #000000 inset !important;
}
a.free:hover {
color: #000;
box-shadow: 1px 10000px 1px #ffffff inset !important;
}
/* .round-btn {
position: absolute;
top: 37%;
left: 13%;
transform: translate(2%, -3%);
}
.roundBtn-right {
position: absolute;
right: 6%;
bottom: 6%;
}
.roundBtn-right {
position: absolute;
right: 9%;
bottom: 20%;
transform: translate(5%, 40%);
} */
.btns-inline{
position: absolute;
left: 10%;
bottom: 6%;
display:flex;
align-items:center;
column-gap:18px;
}
@media screen and (max-width:1199px) {
.free {
padding: 34px 10px;
min-width: 108px !important;
font-size: 14px;
max-width: 35px;
height: 108px;
}
}
@media screen and (max-width:991px) {
.round-btn {
transform: translate(-20%, 4%);
}
.roundBtn-right {
transform: translate(26%, 40%);
bottom: 15%;
}
}
@media screen and (max-width:767px) {
/* .free {
padding: 7px 10px;
min-width: 100%;
max-width: 100%;
height: auto;
border-radius: 100rem;
font-size: 12px;
} */
.round-btn {
transform: translate(-5%, 0%);
left: 10%;
bottom: 20px;
top: 39%;
}
.free {
padding: 22px 10px;
min-width: 80px !important;
font-size: 12px;
max-width: 35px;
height: 80px;
}
/* .round-btn {
transform: unset;
left: 20px;
bottom: 20px;
top: unset;
} */
.roundBtn-right {
position: absolute;
right: 10%;
bottom: 10%;
transform: translate(28%, 12%);
}
}
@media screen and (max-width:575px){
.free {
padding: 16px 5px;
min-width: 60px !important;
font-size: 9px;
max-width: 60px;
height: 60px;
}
.roundBtn-right {
position: absolute;
right: 7%;
bottom: 6%;
transform: translate(27%, 14%);
}
}
</style>
</head>
<body class="no_testimonials_page">
{{--start header--}}
@include('frontend_new.partials.header')
{{--end start header--}}
<section class="first cancle-membership-1">
<div class="sec-one">
<img src="{{asset('themes/frontend_new/assets/subscription/img-1.jpg')}}" alt="">
<div class="btns-inline">
<div class="roundBtn-right">
<!-- <a href="Javascript:void(0)" id="cancel_subscription" class="free">I still wish to cancel</a> -->
<a href="{{ url('/membership/cancel-membership-confirmation') }}" class="free">I still wish to cancel</a>
</div>
<div class="round-btn ">
<a href="{{url('/')}}" class="free">Keep my membership </a>
</div>
</div>
</div>
</section>
{{--start header--}}
@include('frontend_new.partials.footer')
{{--end start header--}}
{{--start core js--}}
@include('frontend_new.partials.core-js')
{{--end core js--}}
<script type="text/javascript" src="{{ asset('themes/frontend_new/assets/js/jquery-1.11.3.min.js') }}"></script>
{{--page scripts--}}
<script src="{{ asset('/themes/frontend_new/assets/plugins/FlipClock/compiled/flipclock.js') }}"></script>
<script src="{{ asset('/themes/frontend_new/assets/js/bootstrap-datepicker.js') }}"></script>
<script src="{{ asset('/themes/frontend_new/assets/js/typeahead.bundle.js') }}"></script>
{{--start custom scripts--}}
@yield('custom_scripts')
{{--end custom scripts--}}
{{--Page JS--}}
<script type="text/javascript" src="{{ asset('/themes/frontend_new/assets/js/fontawesome.js') }}"></script>
<script type="text/javascript" src="{{ asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.carousel.js') }}"></script>
<script>
$(document).ready(function () {
$("video[autoplay]").each(function(){ this.play(); });
$(".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>
<script>
$('.owl_elementBlock').owlCarousel({
loop: true,
margin: 5,
items: 1,
navigation: true,
// navText: ["<i class='fa fa-long-arrow-left'></i>","<i class='fa fa-long-arrow-right'></i>"],
itemsCustom: [
[0, 1],
[450, 1],
[600, 1],
[700, 1],
[1000, 1],
[1200, 1],
[1400, 1],
[1600, 1]
],
})
$(document).ready(function(){
$(".mebmebership-slider .mobile_view_plans").parents('.owl-item').addClass('mobile_view_plans');
});
</script>
<script>
$(document).ready(function() {
$('#cancel_subscription').on('click', function() {
var url = "{{ route('plan.cancelsubscription') }}";
console.log(url,'url in header');
// AJAX GET request
$.ajax({
url: url, // Replace this with your API endpoint URL
type: 'GET',
dataType: 'json',
success: function(data) {
// Handle the API response here
console.log(data);
if(data.status == true) {
var redirect_url = "{{ url('/membership/cancel-subscription') }}";
window.location.href = redirect_url;
}
},
error: function(xhr, status, error) {
// Handle error if the API call fails
console.error(error);
}
});
});
});
</script>
</body>
</html>