<?php

if(get_theme_mod('appoi_disable') != 'on' ){ ?>
	<?php 
	 	if( get_theme_mod('appoinmentsection_toppadding',true) ) {
	 		$appoinmentsection_toppadding = 'padding-top:'.esc_attr(get_theme_mod('appoinmentsection_toppadding')).';';
	 	}
	 	if( get_theme_mod('appoinmentsection_bottompadding',true) ) {
	 		$appoinmentsection_bottompadding = 'padding-bottom:'.esc_attr(get_theme_mod('appoinmentsection_bottompadding')).';';
	 	}
 	?>

	<div id="appointment">	
		<div class="app-oly"></div>
		<div class="container">
			<?php
				$detailbx_title = get_theme_mod('detailbxtitle', 'Contact Info');

				$infphtxt = get_theme_mod('infphtxt', '+1 234 5678 090');
				$infemiltxt = get_theme_mod('infemiltxt', 'info@yourmail.com');
				$inftxt = get_theme_mod('inftxt', '2400 Meacham Blvd');
				
			?>
			<div class="app-inn">	
				<div class="row m-0">	
					<div class="col-lg-6 "> 
						<div class="app_l ">
							<?php if( $detailbx_title ){ ?>
							<div class="aptitlbx ">	
						        <h3>
						        	<div class="aptitlbxinn"></div>
						        	<?php echo ($detailbx_title);  ?> 
						        </h3> 
						    </div> 
							<?php } ?>   
							<div class="app-detailbxinn">
								<div class="row m-0">
									<div class="col-lg-6 col-md-6 ">
										<div class="ap-img">
											<?php 
												$app_image = get_theme_mod('app_image');
												if(!empty($app_image)){
													echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($app_image).'" class="img-responsive secondry-bg-img" />';
												}else{
													echo '<img src="'.get_template_directory_uri().'/images/app_call.png" class="img-responsive" />';
												}
											?>	
										</div>
									</div>
									<div class="col-lg-6 col-md-6 pd-0">
										<div class="app_infbx">
											<?php if(!empty(  $infphtxt  )){ ?>
											<div class="info-txt ">
												<div class="col-lg-12 pd-0 pd-0">
													<div class="infoinnbx phbx">
														<a href="tel:<?php echo $infphtxt;?>"><?php echo ($infphtxt);  ?></a>				
													</div>
												</div>
												<div class="clearfix"></div>
											</div>
											<?php }?> 

											<br>

											<?php if(!empty($infemiltxt )){ ?>
											<div class="info-txt ">
												<div class="col-lg-12 pd-0">
													<div class=" infoinnbx embx">
														<a href="mailto:<?php echo $infemiltxt;?>"><?php echo $infemiltxt;?></a>
													</div>
												</div>
												<div class="clearfix"></div>
											</div>								
											<?php }?>

											<br>

											<?php if(!empty( $inftxt )){ ?>							
											<div class="info-txt">
												<div class="col-lg-12 pd-0">
													<div class=" infoinnbx addbx">
														<p><?php echo ($inftxt);  ?></p>
													</div>
												</div>
												<div class="clearfix"></div>
											</div>
											<?php }?> 
										</div>
									</div>
								</div>		
							</div> 
							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>
				
					<div class="col-lg-6 "> 
					<?php
						$appform_maintitle = get_theme_mod('appform_maintitle', 'Contact Us');
						$luzuk_inquiry_shortcode = get_theme_mod('luzuk_inquiry_shortcode', '[Add Form shortcode]');
					?>
						<div class="app_r">
							<?php if( $appform_maintitle  || $luzuk_inquiry_shortcode){ ?>
							<div class="app-form ">
								<div class="ht-inquiry-member-wrap" >								
									<div class="app-title">
							          	<h2><?php echo ($appform_maintitle);  ?> </h2> 
							      	</div>  
									<div class="app-formbx ">
										<?php echo do_shortcode($luzuk_inquiry_shortcode);?>
									</div>
								</div>
								<div class="clearfix"></div>
							</div>
							<?php } ?>	
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
		</div>  
		<div class="clearfix"></div>
	</div>
<?php } 
