<script type="text/javascript" src="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/js/jquery_3.6.0.js">
</script>
<script type="text/javascript" src="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/js/jquery-ui-1.12.1.min.js">
</script>
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/jquery-ui.css" >
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/custom.css">
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/frontend_calender.css">
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/fullcalendar.css">
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/gymmgt_min.css">
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/dynamic_css.php">
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/lib/validationEngine/css/validationEngine_jquery.css">
<script type="text/javascript"	src="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/js/moment_min.js"></script>
<script type="text/javascript"	src="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/js/fullcalendar_min.js"></script>
<script type="text/javascript"	src="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/js/popper.min.js"></script>
<!-------------------- METERIAL DESIGN AND JS ------------------>
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/material/bootstrap-inputs.css">
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/material/bootstrap-inputs.css">
<script type="text/javascript"	src="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/js/material/material.min.js"></script>
<!-------------------- METERIAL DESIGN AND JS END ------------------>
<script type="text/javascript"	src="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/js/calendar-lang/es.js"></script>
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/bootstrap-multiselect.css">	
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/bootstrap_min.css">	
<script type="text/javascript"	src="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/js/bootstrap-multiselect.js"></script>
<script type="text/javascript"	src="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/js/bootstrap_min.js"></script>
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/new_style.css">
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/responsive_new_design.css">
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/material/bootstrap-inputs.css">
<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/popping_font.css">
<script type="text/javascript"	src="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/js/material/material.min.js"></script>
<script type="text/javascript">
	//var $ = jQuery.noConflict();
	var calendar_laungage ="es";
    document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
			  headerToolbar: {
		        left: 'prev,today next',
		        center: 'title',
		        right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
		      },
			  locale: calendar_laungage,
				editable: false,
			slotEventOverlap: false,
			
			dayMaxEventRows: true,
			eventTimeFormat: { // like '14:30:00'
		   		hour: 'numeric',
			   	minute: '2-digit',
			  	meridiem: 'short'
		  	},
			 // allow "more" link when too many events
			 initialView: 'timeGridWeek',
			events: [],
			forceEventDuration : true,
			//start add class in pop up//
	        eventClick: function(event, jsEvent, view) 
	        {
				//console.log(event);
	        	"use strict";
								var dateformate_value='yy/mm/dd';	
				if(dateformate_value == 'yy-mm-dd')
				{	
				  var dateformate='YYYY-MM-DD h:mm A';
				}
				if(dateformate_value == 'yy/mm/dd')
				{	
				  var dateformate='YYYY/MM/DD h:mm A';	
				}
				if(dateformate_value == 'dd-mm-yy')
				{	
				  var dateformate='DD-MM-YYYY h:mm A';
				}
				if(dateformate_value == 'mm-dd-yy')
				{	
				  var dateformate='MM-DD-YYYY h:mm A';
				}
				if(dateformate_value == 'mm/dd/yy')
				{	
				  var dateformate='MM/DD/YYYY h:mm A';	
				}
				jQuery("#eventContent #class_name").html(event.event._def.title);
				jQuery("#eventContent #startTime").html(moment(event.event.start).format(dateformate));
				jQuery("#eventContent #endTime").html(moment(event.event.end).format(dateformate)); 
				jQuery("#eventContent #staff_member_name").html(event.event._def.extendedProps.trainer);
				jQuery("#eventContent #membership_name").html(event.event._def.extendedProps.membership_name);
				jQuery("#eventContent #Member_limit").html(event.event._def.extendedProps.Member_limit);
				
				jQuery("#eventContent #btn_submit").html(event.event._def.extendedProps.btn_submit);
				jQuery("#eventContent #Remaining_Member_limit ").html(event.event._def.extendedProps.remaning_memmber);
				jQuery("#eventContent #class_date_id ").html(event.event._def.extendedProps.class_date);
				jQuery("#class_name_1").val(event.event._def.title);
				jQuery("#class_name_2").val(event.event._def.title);
				jQuery("#class_name_1_guest").val(event.event._def.title);
				
				jQuery("#startTime_1").val(moment(event.event.start).format(dateformate));
				jQuery("#startTime_2").val(moment(event.event.start).format(dateformate));
				jQuery("#startTime_1_guest").val(event.event._def.extendedProps.class_start_time);
				jQuery("#endTime_1").val(moment(event.event.end).format(dateformate));
				jQuery("#endTime_2").val(moment(event.event.end).format(dateformate));
				jQuery("#endTime_1_guest").val(event.event._def.extendedProps.class_end_time);
				jQuery("#class_date_guest").val(event.event._def.extendedProps.class_date);
				jQuery("#staff_member_name_1").val(event.event._def.extendedProps.trainer);
				jQuery("#staff_member_name_1_guest").val(event.event._def.extendedProps.trainer);
				jQuery("#Member_limit_1").val(event.event._def.extendedProps.Member_limit);
				jQuery("#Member_limit_1_guest").val(event.event._def.extendedProps.Member_limit);
				jQuery("#Remaining_Member_limit_1").val(event.event._def.extendedProps.remaning_memmber);
				jQuery("#Remaining_Member_limit_2").val(event.event._def.extendedProps.remaning_memmber);
				jQuery("#Remaining_Member_limit_1_guest").val(event.event._def.extendedProps.remaning_memmber);
				jQuery("#class_id1").val(event.event._def.extendedProps.class_id);
				jQuery("#class_id2").val(event.event._def.extendedProps.class_id);
				jQuery("#class_id1_guest").val(event.event._def.extendedProps.class_id);
				jQuery("#day_id1").val(event.event._def.extendedProps.day);
				jQuery("#day_id2").val(event.event._def.extendedProps.day);
				jQuery("#day_id1_guest").val(event.event._def.extendedProps.day);
				jQuery("#bookedclass_membershipid").val(event.event._def.extendedProps.membership_id);
				jQuery("#bookedclass_membershipid2").val(event.event._def.extendedProps.membership_id);
				jQuery("#bookedclass_membershipid_guest").val(event.event._def.extendedProps.membership_id);
				jQuery("#class_date1").val(event.event._def.extendedProps.class_date);
				jQuery("#class_date2").val(event.event._def.extendedProps.class_date);
				jQuery("#class_date1_guest").val(event.event._def.extendedProps.class_date);
				jQuery("#btn_submit").val(event.event._def.extendedProps.btn_submit);
				jQuery("#d_id").html();
				
				
				
				var remaning_memmber_0 = event.event._def.extendedProps.remaning_memmber;
				if(remaning_memmber_0 == '0')
				{
					jQuery("#d_id").css("display","none");
					jQuery("#show").css("display","none");
					jQuery("#buy_membership_class_div").css("display","none");
				}
				else
				{
					jQuery("#d_id").css("display","block");
					jQuery("#show").css("display","block");
					jQuery("#buy_membership_class_div").css("display","block");
				}
				
				var membership_name_1  = event.event._def.extendedProps.membership_name;
				if(membership_name_1 == '')
				{
					jQuery(".merbership_name_min").css("display","none");
				}
				else
				{
					jQuery(".merbership_name_min").css("display","block");
					jQuery("#show").css("display","block");
					jQuery("#d_id").css("display","block");
				}
				var check_demo_class = 	event.event._def.extendedProps.demo_class;
				var demo_class_limit = 	event.event._def.extendedProps.demo_class_limit;
				if(check_demo_class == 'yes' && demo_class_limit == "limit_exist")
				{
					jQuery("#show").css("display","block");
				}
				else{
					jQuery("#show").css("display","none");
				}
				var today = new Date();
				var class_dates= event.event._def.extendedProps.class_date;
				var dd = today.getDate();
				var mm = today.getMonth()+1; 
				var yyyy = today.getFullYear();
				if(dd<10) 
				{
					dd='0'+dd;
				} 
				if(mm<10) 
				{
					mm='0'+mm;
				} 
				var new_today = yyyy+'-'+mm+'-'+dd;
				
				if(new_today <= class_dates )
				{
					$("#eventLink").attr('href', event.event._def.extendedProps.url);
					$("#eventContent").dialog({ modal: true, title: 'Libro de clase',width:500, height:420 });
					$( "#eventContent" ).removeClass( "display_none" );
					$(".ui-dialog-titlebar-close").text('x');
					$(".ui-dialog-titlebar-close").css('height',30);
				}
		    },
			eventAfterRender: function (event, element, view) {
					var today = new Date();
					var class_dates= event.class_date;
					var dd = today.getDate();
					var mm = today.getMonth()+1; 
					var yyyy = today.getFullYear();
					if(dd<10) 
					{
						dd='0'+dd;
					} 
					if(mm<10) 
					{
						mm='0'+mm;
					} 
					var new_today = yyyy+'-'+mm+'-'+dd;
	
					if (class_dates < new_today)
					{
						element.css('opacity','0.5');
					}
				},
			//end  add class in pop up//
	})
calendar.render();	
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($) 
{
	"use strict";
	// add the responsive classes after page initialization
	window.onload = function () {
		$('.fc-toolbar.fc-header-toolbar').addClass('row col-lg-12');
	};
	// add the responsive classes when navigating with calendar buttons
	$(document).on('click', '.fc-button', function(e) {
		$('.fc-toolbar.fc-header-toolbar').addClass('row col-lg-12');
	});
	
	//Open Guest Booking POP-UP
	$('#show').on('click', function ()
	{
		var membership_id =$("#class_seclected_membership").val();
		
		$('#eventContent').dialog('close')
		$('.center').show();
		$("#selected_membership_id").val(membership_id);
		$(this).hide();
	});
	
	//Close Guest Booking POP-UP
	$('#close').on('click', function () {
		$('.center').hide();
		$('#show').show();
	});
	$('#classis_id').multiselect(
	{
		nonSelectedText :'Seleccionar clase',
		includeSelectAllOption: true,
		allSelectedText :'Todo seleccionado',
		selectAllText : 'Seleccionar todo',
		templates: {
				button: '<button class="multiselect btn btn-default dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"><span class="multiselect-selected-text"></span><b class="caret"></b></button>',
			},
		buttonContainer: '<div class="dropdown" />'
	});	
	 $("body").on("click", "#buy_membership_class", function(event){	
	 
		var id = $(this).attr("ids");
		var membership_id =$("#class_seclected_membership").val();
		var class_id = $('#class_id1').val();
		var startTime_1 = $('#startTime_1').val();
		var class_date = $('#class_date1').val();
		var day_id1 = $('#day_id1').val();
		var bookedclass_membershipid = $("#class_seclected_membership").val();
		var Remaining_Member_limit_1 = $('#Remaining_Member_limit_1').val();
		var action='?action=frontend_class_book_with_membership_id&membership_id='+membership_id+'&class_id='+class_id+'&startTime_1='+startTime_1+'&class_date='+class_date+'&day_id1='+day_id1+'&bookedclass_membershipid='+bookedclass_membershipid+'&Remaining_Member_limit_1='+Remaining_Member_limit_1;
		var home="https://app.sunmarket.es/member-registration-or-login"+action;
		window.location.replace(home); 
	 });
});
</script>
<script type="text/javascript">
$(function () {
	$("body").on("click","td.fc-event-container a.fc-start",function(){
		$("body").addClass("calender-popup-open");
   });
   
});
jQuery(document).ready(function () {
	   $("body").on("click", ".ui-dialog-titlebar-close", function(event){
		  // $("body").removeClass("calender-popup-open");
	   });
	
	$("body").on("change", "#membership_id ", function(event){		
	event.preventDefault(); // disable normal link function so that it doesn't refresh the page
	var ajaxurl = "https://app.sunmarket.es/wp-admin/admin-ajax.php";
	
	var res_json;
	var membership_id = $(this).val();
		
	var membership_hidden = $('.membership_hidden').val();
	var categCheck = jQuery('.classis_ids').multiselect();	
	if(membership_id!="")
	{		
		var curr_data = {
			url: ajaxurl,
			action: 'MJ_gmgt_get_class_id_by_membership',
			membership_id : membership_id,	 	
			membership_hidden : membership_hidden,	 	
			dataType: 'json'
		};
		
		$.post(ajaxurl, curr_data, function(response) 
		{		
			
			if(response == 1)
			{		
				alert(language_translate.membership_member_limit_alert);
								
				$('#membership_id').val('');	
				$('#classis_id').html('');		
				categCheck.multiselect('rebuild');						
			}
			else
			{		
				$('#classis_id').html('');	
				$('#classis_id').html(response);	
				categCheck.multiselect('rebuild');		
			}
			return true; 					
		});
	}
	else
	{
		$('#classis_id').html('');	
		categCheck.multiselect('rebuild');		
		return true; 
	}
});
});
</script>
	<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/theme_css_frontend/twenty_twenty_five.css">
	<link rel="stylesheet"	href="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/css/theme_css_frontend/general.css">

<div class="class_booking_custom_div">
			<style>
			.theme_padding_top_20px
			{
				padding-top: 20px;
			}
		</style>
				<script type="text/javascript">
		jQuery(document).ready(function()
		{
			"use strict";
			jQuery('#front_class_booking').validationEngine({promptPosition : "bottomLeft",maxErrorsPerField: 1});
		});
		</script>
		<script type="text/javascript" src="https://app.sunmarket.es/wp-content/plugins/gym-management/assets/accordian/jquery-ui.js"></script> 
		<script type="text/javascript"	src="https://app.sunmarket.es/wp-content/plugins/gym-management/lib/validationEngine/js/languages/jquery.validationEngine-es.js"></script> 
		<script type="text/javascript"	src="https://app.sunmarket.es/wp-content/plugins/gym-management/lib/validationEngine/js/jquery_validationEngine.js"></script> 
	<form method="post" class="filter_cal" id="front_class_booking">
		<input type="hidden" name="membership_hidden" class="membership_hidden" value="0">
		<div class=" dis_block_res">
			<div class="form-body user_form theme_padding_top_20px"> <!--form-Body div Strat-->   
				<div class="row"><!--Row Div--> 
					<div class="col-sm-12 col-md-4 col-lg-4 col-xl-4 input avada_custome_div">
						<label class="ml-1 custom-top-label top" for="staff_name">Seleccione Membresía<span class="require-field">*</span></label>
												<select name="membership_id" class="form-control width_300" id="membership_id" style="height:47px;">
							<option value="">Todas las membresías</option>
							<option value=1 >Golden Membership</option>						</select>
					</div>
					<div class="col-sm-12 col-md-4 col-lg-4 col-xl-4 input">
						<input type="submit" value="Búsqueda" name="guset_book_front_filter" class="save_btn" style="background-color:#ba170b;padding:10px;">
					</div>
				</div>
			</div>
		</div>
	</form>
	<!--task-event POP up code -->
	<div class="popup-bg">
		<div class="overlay-content content_width">
			<div class="modal-content" id="border_top_5">
				<div class="task_event_list">
				</div>     
			</div>
		</div>     
	</div>
	<!-- End task-event POP-UP Code -->
	<!-- CLASS BOOK IN CALANDER POPUP HTML CODE -->
	<div id="eventContent" class="modal-body display_none"><!--MODAL BODY DIV START-->
		<style>
			.ui-dialog-titlebar-close
			{
				font-size: 13px !important;
				border: 1px solid transparent !important;
				border-radius: 0 !important;
				outline: 0!important;
				background-color: #fff !important;
				background-image: url("https://app.sunmarket.es/wp-content/plugins/gym-management/assets/images/dashboard_icon/Close.png");
				background-repeat: no-repeat;
				float: right;
				color: #fff !important;
				width: 10% !important;
				height: 30px !important;
			}
			.class_membership_label
			{
				position: absolute;
				top: -13px;
				left: 9px;
				background-color: white;
				font-size: 12px;
				font-weight: 500;
				cursor: default !important;
				font-size: 13px !important;
				color: #918591;
				padding: 0px 5px;
			}
			.ui-widget-header {
				border: 0px solid #aaaaaa !important;
				background: unset !important;
				font-size: 22px !important;
				color: #333333 !important;
				font-weight: 500 !important;
				font-style: normal!important;
				font-family: Poppins!important;
			}
			.ui-dialog {
				background: #ffffff none repeat scroll 0 0;
				border-radius: 4px;
				box-shadow: 0 0 5px rgb(0 0 0 / 90%);
				cursor: default;
			}
			.popup_padding_15px
			{
				padding: 0 15px 15px 15px;
			}
			.popup_membership_dropdown input#buy_membership_class
				{
					width:83% !important;
				}
			@media (max-width: 768px)
			{
				.center {
					margin: auto;
					width: 90%;
					padding: 20px;
					box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
				}
				.center.hideform {
					position: fixed;
					top: 30%;
					left: 5%;
					z-index: 999999;
					background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
					border: 1px solid #aaaaaa;
					color: #222222;
					box-shadow: none;
				}
				.popup_membership_dropdown
				{
					display: block;
				}
				.popup_membership_dropdown span select
				{
					width:100% !important;
				}
				.popup_membership_dropdown input#buy_membership_class
				{
					width:100% !important;
				}
				.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable
				{
					width: 332px !important;
					/* left: -131px !important;
					top: 2878.5px !important; */
				}
			}
			.merbership_name_min
			{
				position: relative;
			}
			.margin_top_10px
			{
				margin-top: 10px !important;
			}
		</style>
				
		<input type="hidden" id="class_name_1" name="class_name_1" value="" />
		<input type="hidden" id="startTime_1" name="startTime_1" value="" />
		<input type="hidden" id="endTime_1" name="endTime_1" value="" />
		<input type="hidden" id="class_id1" name="class_id1" value="" />
		<input type="hidden" id="day_id1" name="day_id1" value="" />
		<input type="hidden" id="bookedclass_membershipid" name="bookedclass_membershipid" value="" />
		<input type="hidden" id="Remaining_Member_limit_1" name="Remaining_Member_limit_1" value="" />
		<input type="hidden" id="class_date1" name="class_date" value="" />
		<div class="content_main_div_for_class_booking">
			<div class="penal-body">
				<div class="row">
					<div class="col-md-6 popup_padding_15px">
						<label for="" class="popup_label_heading">Nombre</label><br>
						<label for="" class="label_value" id="class_name"></label>
					</div>
					<div class="col-md-6 popup_padding_15px">
						<label for="" class="popup_label_heading">Nombre del entrenador</label><br>
						<label for="" class="label_value" id="staff_member_name"></label>
					</div>
					<div class="col-md-6 popup_padding_15px">
						<label for="" class="popup_label_heading">Fecha y hora de inicio</label><br>
						<label for="" class="label_value" id="startTime"></label>
					</div>
					<div class="col-md-6 popup_padding_15px">
						<label for="" class="popup_label_heading">Fecha y hora de finalización</label><br>
						<label for="" class="label_value" id="endTime"></label>
					</div>
					
					<div class="col-md-6 popup_padding_15px">
						<label for="" class="popup_label_heading">Capacidad de clase</label><br>
						<label for="" class="label_value" id="Member_limit"></label>
					</div>
					<div class="col-md-6 popup_padding_15px">
						<label for="" class="popup_label_heading">Miembro restante</label><br>
						<label for="" class="label_value " id="Remaining_Member_limit"> </label>
					</div>
				</div>  
			</div>
		
			
			<div class="merbership_name_min">
				<b class="wdth_170 class_membership_label"> Seleccionar plan de membresía</b> 
				<div class="dis_flex popup_membership_dropdown"><span id="membership_name" class="" style="width:50%;"></span>
				<span id="btn_submit" class="divi_display " style="width:50%;"></span></div>
			</div>
			
				<form method="post" class="gmgt_child_login_book" style="margin-bottom:50px;" accept-charset="utf-8" action="?action=frontend_book">
					<input type="hidden" id="class_name_2" name="class_name_1" value="" />
					<input type="hidden" id="startTime_2" name="startTime_1" value="" />
					<input type="hidden" id="endTime_2" name="endTime_1" value="" />
					<input type="hidden" id="class_id2" name="class_id1" value="" />
					<input type="hidden" id="day_id2" name="day_id1" value="" />
					<input type="hidden" id="bookedclass_membershipid2" name="bookedclass_membershipid" value="" />
					<input type="hidden" id="Remaining_Member_limit_2" name="Remaining_Member_limit_1" value="" />
					<input type="hidden" id="class_date2" name="class_date" value="" />
					<div></div>
					<div class="frontend_booking_btn col-md-5 col-lg-5 submit margin_top_10px" style="float:left;">
													<input type="submit" name="frontend_guest_book" id="d_id" style="line-height:18px;" class=" sumit display save_btn book_buy_btn" value="INICIAR SESIÓN PARA RESERVAR"/>
											</div>	
					<div class="frontend_book_Class_div col-md-5" style="margin-top: 10px; float: right;">
						<a href="#" name="frontend_book_Class" class="save_btn btn" style="line-height: 34px;" id="show">Reservar clase de demostración</a>
					</div>
					
				</form>	
				
			
		</div>
		
	</div><!--MODAL BODY DIV END-->
	<div class="cal_width col-md-12 float_initial calender_classbooking_div">		
		<div class="panel panel-white cad">
			<div class="panel-body" style = "min-height: 620px !important;">
				<div id="calendar" class="theme_design_text_align">
				</div>
			</div>
		</div>
	</div>
</div>
	<style>
	.clas_booking_cls_btn_css
	{
		font-size: 13px !important;
		border: 1px solid transparent !important;
		border-radius: 0 !important;
		outline: 0!important;
		background-color: #fff !important;
		background-image: url("https://app.sunmarket.es/wp-content/plugins/gym-management/assets/images/dashboard_icon/Close.png");
		background-repeat: no-repeat;
		float: right;
		color: #fff !important;
		width: 10% !important;
		height: 30px !important;
	}
		
	</style>
	<div class="center hideform" id="guset_booking">
		<div class="col-sm-12 col-md-12" style="float: left;width: 100%;">
			<div class="col-sm-10 col-md-10 divi_text_center" style="float: left;">
				<h4 class="fnt_color">Reservar clase de demostración </h4>
			</div>
			<div class="col-sm-2 col-md-2 clas_booking_cls" style="float: right;">
				<button id="close" class="model_close clas_booking_cls_btn_css" style="padding: 10px;line-height: 10px; margin-top: 10%;"></button>
			</div>
		</div>
		<script type="text/javascript">
		jQuery(document).ready(function()
		{
			"use strict";
			jQuery('#book_demo_class').validationEngine({promptPosition : "bottomLeft",maxErrorsPerField: 1});
		});
		</script>
		<form action="" id="book_demo_class" method="post" id="guest_book_form">
			<input type="hidden" id="class_name_1_guest" name="class_name_1" value="" />
			<input type="hidden" id="startTime_1_guest" name="startTime_1" value="" />
			<input type="hidden" id="endTime_1_guest" name="endTime_1" value="" />
			<input type="hidden" id="class_id1_guest" name="class_id1" value="" />
			<input type="hidden" id="selected_membership_id" name="membership_id" value="" />
			<input type="hidden" id="class_date_guest" name="class_date" value="" />
			<input type="hidden" id="day_id1_guest" name="day_id1" value="" />
			<input type="hidden" id="bookedclass_membershipid_guest" name="bookedclass_membershipid" value="" />
			<input type="hidden" id="Remaining_Member_limit_1_guest" name="Remaining_Member_limit_1" value="" />
			<input type="hidden" id="class_date1_guest" name="class_date" value="" />
				<br>
				<div class="row">
					<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6 ">
						<div class="form-group input">
							<div class="col-md-12 form-control">
								<input type="text" name="firstname" maxlength="20" class="form-control text-input validate[required,custom[onlyLetter_specialcharacter]]">
								<label class="material_label" for="first_name">Primer nombre<span class="require-field">*</span></label>
							</div>
						</div>	
					</div>
					<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6 ">
						<div class="form-group input">
							<div class="col-md-12 form-control">
								<input type="text" name="lastname" maxlength="20" class="form-control text-input validate[required,custom[onlyLetter_specialcharacter]]">
								<label class="material_label" for="lastname">Apellido<span class="require-field">*</span></label>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6 ">
						<div class="form-group input">
							<div class="col-md-12 form-control">
								<input type="email"  name="email" maxlength="100" class="form-control text-input validate[required,custom[email]]" >
								<label class="material_label" for="email">Correo electrónico<span class="require-field">*</span></label>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6 ">
						<div class="form-group input">
							<div class="col-md-12 form-control">
								<input type="text" name="phonenumber" maxlength="15" class="form-control text-input validate[required,custom[number]]" maxlength="15" >
								<label class="material_label" for="phonenumber">Número de teléfono:<span class="require-field">*</span></label>
							</div>
						</div>
					</div>
				</div>
				<div class="row"><!--Row Div Strat--> 
					<div class="col-md-6 col-sm-6 col-xs-12">
						<input type="submit" value="Reserva de clases" name="guset_book_front" class="save_btn">
					</div>
				</div>
		</form>
	</div>
{"id":14,"date":"2025-04-12T08:33:21","date_gmt":"2025-04-12T08:33:21","guid":{"rendered":"https:\/\/app.sunmarket.es\/?page_id=14"},"modified":"2025-04-12T08:33:21","modified_gmt":"2025-04-12T08:33:21","slug":"reserva-de-clases","status":"publish","type":"page","link":"https:\/\/app.sunmarket.es\/?page_id=14","title":{"rendered":"Reserva de clases"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Reserva de clases - App Sunmarket<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/app.sunmarket.es\/?page_id=14\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reserva de clases - App Sunmarket\" \/>\n<meta property=\"og:url\" content=\"https:\/\/app.sunmarket.es\/?page_id=14\" \/>\n<meta property=\"og:site_name\" content=\"App Sunmarket\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/app.sunmarket.es\/?page_id=14\",\"url\":\"https:\/\/app.sunmarket.es\/?page_id=14\",\"name\":\"Reserva de clases - App Sunmarket\",\"isPartOf\":{\"@id\":\"https:\/\/app.sunmarket.es\/#website\"},\"datePublished\":\"2025-04-12T08:33:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/app.sunmarket.es\/?page_id=14#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/app.sunmarket.es\/?page_id=14\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/app.sunmarket.es\/?page_id=14#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/app.sunmarket.es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reserva de clases\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/app.sunmarket.es\/#website\",\"url\":\"https:\/\/app.sunmarket.es\/\",\"name\":\"App Sunmarket\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/app.sunmarket.es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Reserva de clases - App Sunmarket","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/app.sunmarket.es\/?page_id=14","og_locale":"es_ES","og_type":"article","og_title":"Reserva de clases - App Sunmarket","og_url":"https:\/\/app.sunmarket.es\/?page_id=14","og_site_name":"App Sunmarket","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/app.sunmarket.es\/?page_id=14","url":"https:\/\/app.sunmarket.es\/?page_id=14","name":"Reserva de clases - App Sunmarket","isPartOf":{"@id":"https:\/\/app.sunmarket.es\/#website"},"datePublished":"2025-04-12T08:33:21+00:00","breadcrumb":{"@id":"https:\/\/app.sunmarket.es\/?page_id=14#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/app.sunmarket.es\/?page_id=14"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/app.sunmarket.es\/?page_id=14#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/app.sunmarket.es\/"},{"@type":"ListItem","position":2,"name":"Reserva de clases"}]},{"@type":"WebSite","@id":"https:\/\/app.sunmarket.es\/#website","url":"https:\/\/app.sunmarket.es\/","name":"App Sunmarket","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/app.sunmarket.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/app.sunmarket.es\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.sunmarket.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.sunmarket.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.sunmarket.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.sunmarket.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":0,"href":"https:\/\/app.sunmarket.es\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"wp:attachment":[{"href":"https:\/\/app.sunmarket.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}