<?php 
echo DapMemberShowLoader();
$post_login_url = '';
$gdpr = '';
$dap_login_create_registration_link = '';
$dm_login_temp_captcha = '';



$dm_login_temp_shadow_horizontal_length = 0;
$dm_login_temp_shadow_vertical_length = 0;
$dm_login_temp_shadow_blur_radius = 18;
$dm_login_temp_shadow_spread_radius = 4;
$dm_login_temp_shadow_color =  '#999';


$template1 = '';
$template2 = '';
$template3 = '';
$event_action = 'login';

$hide_fb_customizer_section_class = "";
$show_fb_customizer = "none";
$hide_fb_customizer_fields_class = "";

if(isset($_GET['id']) and is_numeric($_GET['id'])){
	$mp_obj = DAP_MemberPages::loadById($_GET['id']);
	if($mp_obj && (($mp_obj->getAction() == 'login') || ($mp_obj->getAction() == 'loginFB'))){
		
		$event_action = $mp_obj->getAction();
		if($mp_obj->getAction() == 'loginFB'){
			//$hide_fb_customizer_section_class = "hide_fb_customizer_section_class";
			$show_fb_customizer = "block";
			$hide_fb_customizer_fields_class = "hide_fb_customizer_fields";
		}
		
		$template =  $mp_obj->getTemplateHtml();
		$template = explode("%%DAPMEMBERLOGINTEMPLATE%%",$template);
		if(isset($template[0])){
			$template1 = $template[0];
		}
		if(isset($template[1])){
			$template2 = $template[1];
		}
		if(isset($template[2])){
			$template3 = $template[2];
		}
		
		
		$styling_options = $mp_obj->getStylingOptions();
		$styling_options = explode("|||",$styling_options);
		 
		if(isset($styling_options[0])){
			
			$dm_login_temp = explode("||",$styling_options[0]);
			
			$dm_login_temp_wid =  $dm_login_temp[0];
			$dm_login_temp_border_width =  $dm_login_temp[1];
			$dm_login_temp_border_radius =  $dm_login_temp[2];
			$dm_login_temp_border_color =  $dm_login_temp[3];
			$dm_login_temp_background_color =  $dm_login_temp[4];
			$dm_login_temp_border_style =  $dm_login_temp[5];
			$dm_login_temp_img_show =  $dm_login_temp[6];
			$dap_member_login_image_height =  $dm_login_temp[7];
			$dm_login_temp_captcha =  $dm_login_temp[8];
			$dm_login_temp_aligment =  $dm_login_temp[9];
			
		}
		
		if(isset($styling_options[1])){
			$dm_login_temp_addit = explode("||",$styling_options[1]);
			
			$dm_login_temp_addit_create_account_link =  $dm_login_temp_addit[0];
			$dm_login_temp_addit_width =  $dm_login_temp_addit[1];
			$dm_login_temp_addit_border_width =  $dm_login_temp_addit[2];
			$dm_login_temp_addit_border_radius =  $dm_login_temp_addit[3];
			$dm_login_temp_addit_background_color = $dm_login_temp_addit[4];
			$dm_login_temp_addit_border_color =  $dm_login_temp_addit[5];
			$dm_login_temp_addit_style =  $dm_login_temp_addit[6];
			
		}
		
		if(isset($styling_options[2])){
			$dm_login_temp_signin = explode("||",$styling_options[2]);
		
			$dm_login_temp_signin_width =  $dm_login_temp_signin[0];
			$dm_login_temp_signin_height =  $dm_login_temp_signin[1];
			$dm_login_temp_signin_border_width =  $dm_login_temp_signin[2];
			$dm_login_temp_signin_radius =  $dm_login_temp_signin[3];
			$dm_login_temp_signin_background_color =  $dm_login_temp_signin[4];
			$dm_login_temp_signin_border_color =  $dm_login_temp_signin[5];
			$dm_login_temp_signin_border_style =  $dm_login_temp_signin[6];
		
		}
		
		if(isset($styling_options[3])){
			$shadow_efferct = explode("||",$styling_options[3]);
		
			$dm_login_temp_shadow_horizontal_length =  $shadow_efferct[0];
			$dm_login_temp_shadow_vertical_length =  $shadow_efferct[1];
			$dm_login_temp_shadow_blur_radius =  $shadow_efferct[2];
			$dm_login_temp_shadow_spread_radius =  $shadow_efferct[3];
			$dm_login_temp_shadow_color =  $shadow_efferct[4];
			
		
		}
		
		// forgot pass
		if(isset($styling_options[4])){
			$login_temp = explode("||",$styling_options[4]);
		
			$dm_login_temp_forgot_width = $login_temp[0];
			$dm_login_temp_forgot_height = $login_temp[1];
			$dm_login_temp_forgot_background_color = $login_temp[2];
			$dm_login_temp_forgot_border_width = $login_temp[3];
			$dm_login_temp_forgot_border_style = $login_temp[4];
			$dm_login_temp_forgot_border_color = $login_temp[5];
			$dm_login_temp_forgot_radius = $login_temp[6];
		}
		
		//======================
        // reset pass
        if(isset($styling_options[5])){
			
			$reset_temp = explode("||",$styling_options[5]);
			$dm_login_temp_reset_width = $reset_temp[0];
			$dm_login_temp_reset_height = $reset_temp[1];
			$dm_login_temp_reset_background_color = $reset_temp[2];
			$dm_login_temp_reset_border_width = $reset_temp[3];
			$dm_login_temp_reset_border_style = $reset_temp[4];
			$dm_login_temp_reset_border_color = $reset_temp[5];
			$dm_login_temp_reset_radius = $reset_temp[6];
			
		}
		
		if(isset($styling_options[6])){
			
			$reset_temp = explode("||",$styling_options[6]);
			$dm_fb_login_temp_width = $reset_temp[0];
			$dm_fb_login_temp_height = $reset_temp[1];
			$dm_fb_login_temp_border_width = $reset_temp[2];
			$dm_fb_login_temp_radius = $reset_temp[3];
			$dm_fb_login_temp_background_color = $reset_temp[4];
			$dm_fb_login_temp_border_color = $reset_temp[5];
			$dm_fb_login_temp_border_style = $reset_temp[6];
			$dm_fb_section_login_temp_background_color = $reset_temp[7];
			
		}
		

         		
		$action_id = $mp_obj->getId();
		$mpv_obj = DAP_MemberPagesValues::loadByActionId($action_id);
		if($mpv_obj){
			$post_login_obj = DAP_MemberPagesValues::loadByActionIdAndName($action_id,'post_login_url');
			if($post_login_obj){
					$post_login_url = $post_login_obj->getValue();
			}
			$gdpr_obj = DAP_MemberPagesValues::loadByActionIdAndName($action_id,'gdpr');
			if($gdpr_obj){
					$gdpr = $gdpr_obj->getValue();
			}
			$registration_link_obj = DAP_MemberPagesValues::loadByActionIdAndName($action_id,'registration_link');
			
			if($registration_link_obj){
					$dap_login_create_registration_link = $registration_link_obj->getValue();
			}
			
		}
	}else{
		
		unset($mp_obj);
	}
	
}

$allMemberPages_obj = DAP_MemberPages::loadByAction('login');
$page_id_already_used = array();
if(count($allMemberPages_obj)){
	foreach($allMemberPages_obj as $allMemberPage_obj){
		$page_id_already_used[] = $allMemberPage_obj->getPageId();
	}
}


?>
<div id="dap_member_page_wrapper">
	<div class="dap_member_setting_outer common_outer">
		<ul class="nav nav-tabs custom_tabbar" id="dap_member_login_tabs" role="tablist"> 
		  <li class="nav-item  ">
			<a class="nav-link  <?php if(!$mp_obj){ echo 'active';} ?>"  href="#dap_member_general" role="tab" aria-selected="true"><span>1</span> <span class="fa_tick"><i class="fa fa-check"></i></span> General</a>
		  </li>
		  <li class="nav-item ">
			<a class="nav-link <?php if($mp_obj){ echo 'active';} ?>"  href="#dap_member_preview" role="tab" aria-selected="false"><span>2</span> <span class="fa_tick"><i class="fa fa-check"></i></span> Login Customizer</a>
		  </li>
		  <li class="nav-item ">
			<a class="nav-link "  href="#dap_member_forgot_reset_form" role="tab" aria-selected="false"><span>3</span> <span class="fa_tick"><i class="fa fa-check"></i></span> Forgot / Reset Form Customizer</a>
		  </li>
		  <li class="nav-item ">
			<a class="nav-link"   href="#dap_member_details" role="tab" aria-selected="false"><span>4</span> <span class="fa_tick"><i class="fa fa-check"></i></span> Shortcode Details</a>
		  </li>
		</ul>
		
		<div class="tab-content dap_member_content">
			<input type="hidden" id="get_id" name="edit_id" value="<?php if(($mp_obj) && ($mp_obj->getId())){ echo $mp_obj->getId();}?>" >
			<input type="hidden" id="login_page_id" name="login_page_id" value="" >
			<div class="tab-pane  <?php if(!$mp_obj){ echo 'active';} ?>" id="dap_member_general" role="tabpanel" aria-labelledby="template-tab">
				<div class="master_heading d-flex align-items-center">
					<h4><i class="fa  fa-sign-in mr-2"></i> Login</h4>
				</div>
		
				<h3 class="section_heading"><span class="count">1</span>Enter a Name for your Login Page</h3>
					<div class="form-group row mb-4">
					  <div class="col-sm-7">
						   <div class="input-group mb-1">
							<div class="input-group-prepend">
							  <div class="input-group-text"><?php echo site_url();?></div>
							</div>
							<input type="text" placeholder="Enter Name" id="name" class="form-control" name="name" value="" <?php if($mp_obj){ echo 'disabled=disbled';}?>>
							<input type="hidden"  id="page_id" class="form-control" name="page_id" value="<?php if(isset($mp_obj)){echo $mp_obj->getPageId();}?>">
							
							
							
						  </div>
						  <div class="page_response"></div>
					 </div>
					 <div class="col-sm-2 ">
						<button type="button" class="dap_member_login_create_page_btn btn btn-success  theme-btn" onclick="dap_member_login_create_page(this)" <?php if($mp_obj){ echo 'disabled=disbled';}?>>Click to Create</button>
					 </div> 
					</div>
					
					<div class="form-group row mb-4">
					  <div class="col-sm-7">
						<div class="or">
						  <span>OR</span>
						</div>
					  </div>
					</div>
					
					
					<div class="form-group row">
						<div class="col-sm-2 align-items-center d-flex"><label> Select an existing page</label></div>
					  <div class="col-sm-5 pl-1">
						<select class="form-control" id="login_page_url" name="login_page_url" <?php if($mp_obj){ echo 'disabled=disbled';}?>>
							<option value="">Select a URL</option>
							<?php
							$page_ids = get_all_page_ids();
							foreach($page_ids as $page){
								$page_name = get_page( $page );
							    $selected = '';
								if ($page_name->post_status == 'publish'){
									
									if(isset($mp_obj) && ($mp_obj->getPageId() == $page)){
										$selected = 'selected=selected';
									}else if(in_array($page,$page_id_already_used)){
										continue;
										
									}
								?>
								<option value='<?php echo ($page); ?>' <?php echo $selected;?> >
								<?php echo get_permalink($page); ?>
								</option>
								<?php }

							}//close foreach loop ?>
						</select>
					 </div>
					</div>
					
					<h3 class="section_heading"><span class="count">2</span>Enter Post Login URL <div class="tool-tip">
            <i class="fa fa-info-circle" aria-hidden="true"></i>
            <div class="toll-tip-desc">If you leave empty than user will be redirect after login to Post URL of DAP setting.</div>
        </div></h3>
					<div class="form-group row">
					  <div class="col-sm-7">
						<input type="text"  id="post_login_url" class="form-control" name="post_login_url" value="<?php echo $post_login_url;?>">
					 </div>
					</div>
					
					<h3 class="section_heading d-none"><span class="count">3</span>Do you want to enable GDPR checks?	</h3>
					<div class="form-group row d-none">
					  <div class="col-sm-7">
						<select class="form-control" id="gdpr_option" name="gdpr_option">
							<option value="no" <?php if($gdpr == 'no'){ echo "selected='selected'";}?>>No</option>
							<option value="yes"  <?php if($gdpr == 'yes'){ echo "selected='selected'";}?>>Yes</option>
						</select>
					 </div> 
					</div>
					
					<h3 class="section_heading"><span class="count">3</span> Select Template</h3>
					<input type="hidden" name="template_selected_name" value="<?php if($mp_obj){ echo $mp_obj->getTemplate();}?>">
					<input type="hidden" name="template_selected_action" value="<?php if($mp_obj){ echo $mp_obj->getAction();}?>">
					<ul class="choices-template row ml-3">
					   <li class="onecolumn_template1 onecolumn_template1_login <?php if(($mp_obj) && ($mp_obj->getTemplate() == 'template1') && ($event_action == 'login')){ echo 'activeCustomize';}?>" >
					   	<h4>Standard Login</h4>
					   	<label>
							<div class="template_preview_img">
								
								
								<img src="<?= plugin_dir_url(__FILE__) ?>includes/templates/login/template1/preview.jpg" onclick="dap_member_login_preview_temp('login','template1')" class="select_temp" >
							</div>
							<div class="active-box-div">
								<div class="true-icon">
									<i class="fa fa-check">
									</i>
								</div>
							</div>
							<div class="pre-box-div">
								<div class="pre-icon">
										<input type="button" class="preview_temp btn btn-success mr-2" onclick="dap_member_login_preview_temp('login','template1')" value="Preview">
										<input type="button" class="preview_temp btn btn-warning" onclick="dap_member_login_customize_temp('login','template1')" value="Customize">
								</div>
							</div>
						</label>
					</li>
					
					
					 <li class="onecolumn_template1  onecolumn_template1_loginFB  <?php if(($mp_obj) && ($mp_obj->getTemplate() == 'template1') && ($event_action == 'loginFB')){ echo 'activeCustomize';}?>" >
					 	<h4>Login with Facebook</h4>
					 	<label>
							<div class="template_preview_img">
								
								
								<img   src="<?= plugin_dir_url(__FILE__) ?>includes/templates/loginFB/template1/preview.jpg" onclick="dap_member_login_preview_temp('FBlogin','template1')" class="select_temp" >
							</div>
							<div class="active-box-div">
								<div class="true-icon">
									<i class="fa fa-check">
									</i>
								</div>
							</div>
							<div class="pre-box-div">
								<div class="pre-icon">
										<input type="button" class="preview_temp btn btn-success mr-2" onclick="dap_member_login_preview_temp('loginFB','template1')" value="Preview">
										<input type="button" class="preview_temp btn btn-warning" onclick="dap_member_login_customize_temp('loginFB','template1')" value="Customize">
								</div>
							</div>
						</label>
					</li>
					
					
					
				 </ul>
				 
				 <div class="row">
					<div class="col-md-12 tab_bottom_button">
							 <a class="btn btn-success mb-2 theme-btn" href="<?php echo admin_url('admin.php?page=dap_member_pages') ?>">Return To Member Pages</a>
							 
							 <?php if($mp_obj){ ?>
								<button type="button" class="btn btn-success theme-btn" onclick="dap_member_login_save('#dap_member_preview');">Save</button>
							<?php } ?>
						<button type="button" class="btn btn-success theme-btn" onclick="dap_member_goto_next_tab('#dap_member_preview');">Next <img src="<?php echo plugin_dir_url(__FILE__); ?>includes/images/next-arrow.png" alt=""></button>	
					</div>
					 
				</div>
			</div>
			
			<div class="tab-pane <?php if(isset($mp_obj)){ echo 'active';} ?>" id="dap_member_preview" role="tabpanel" aria-labelledby="preview-tab">
				<div class="row">
					<div class="col-sm-3">
						
						
						<div class="customized-optional image_customizer_outer <?php echo $hide_fb_customizer_section_class;?>">
							<div class="customizer_heading">Image Settings</div>
							<ul class="templates-styles">	
							<li>
									<label>Show Image</label>
									<div class="input-group ">
										<select class="input-group form-control" id="dm_login_temp_img_show" name="dm_login_temp_img_show">
										<option value='yes' <?php if($dm_login_temp_img_show == 'yes'){ echo "selected=selected";}?>>Yes</option>
										<option value='no' <?php if($dm_login_temp_img_show == 'no'){ echo "selected=selected";}?>>No</option>
										</select>
									</div>
							</li>
							<li class="dap_member_login_image_upload_div border-bottom-0" <?php if($dm_login_temp_img_show == 'no'){ echo "style='display:none'";}?>>
									<label>Upload Image</label>
									<div class="input-group ">
										<input type='button' value="Choose File" class="dap_member_login_image_upload">
									</div>
							</li>
							<div class="or customizer_or dap_member_login_image_upload_div"  <?php if($dm_login_temp_img_show == 'no'){ echo "style='display:none'";}?>>
							  <span>OR</span>
							</div>
							<li class="dap_member_login_image_upload_div" <?php if($dm_login_temp_img_show == 'no'){ echo "style='display:none'";}?>>
								
									<div class="input-group full_input_group">
										<input type='text'  class="dap_member_login_image_enter form-control mt-2" placeholder="Enter Image URL">
									</div>
							</li>
							
							<li class="dap_member_login_image_upload_div" <?php if($dm_login_temp_img_show == 'no'){ echo "style='display:none'";}?>>
									<label>Image Height</label>
									
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dap_member_login_image_height" name="dap_member_login_image_height" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="5" data-slider-max="500" data-slider-step="1"
											 data-slider-value="<?php echo $dap_member_login_image_height;?>" /> 
										</div>
									</div>
								</li>
							
							</ul>
						</div>	
						
						
						<div class="customized-optional captcha_customzier_outer <?php echo $hide_fb_customizer_section_class;?>">
							<div class="customizer_heading">Captcha Settings</div>
							<ul class="templates-styles">
								<li>
									<label>Show Captcha <div class="tool-tip">
										<i class="fa fa-info-circle" aria-hidden="true"></i>
										<div class="toll-tip-desc">We need to setup some setting</div>
										</div>
										</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
										<select class="form-control" name="dm_login_temp_captcha" id="dm_login_temp_captcha">
										<option value='yes' <?php if($dm_login_temp_captcha == 'yes'){ echo 'selected=selected';}?>>Yes</option>
										<option value='no' <?php if($dm_login_temp_captcha == 'no'){ echo 'selected=selected';}?>>No</option>
										</select>
									</div>
								</div>
								</li>
						</ul>
						</div>
						<div class="customized-optional account_customzer_outer <?php echo $hide_fb_customizer_section_class;?>">
							<div class="customizer_heading">Need An Account - Settings</div>
							<ul class="templates-styles">
								<li>
									<label>Do you want to show link?</label>
									<div class="input-group ">
										<select class="input-group form-control" id="dm_login_temp_addit_create_account_link" name="dm_login_temp_addit_create_account_link">
											<option value='yes' <?php if($dm_login_temp_addit_create_account_link == 'yes'){ echo 'selected=selected';} ?>>Yes</option>
											<option value='no' <?php if($dm_login_temp_addit_create_account_link == 'no'){ echo 'selected=selected';} ?>>No</option>
										</select>
									</div>
							</li>
							<li class="create_registration_link_option" <?php if($dm_login_temp_addit_create_account_link == 'no'){ echo 'style="display:none"';} ?>>
								
									<div class="input-group full_input_group">
										<input type="text" class="input-group form-control" name="dap_login_create_registration_link" id="dap_login_create_registration_link" value="<?php echo $dap_login_create_registration_link; ?>" placeholder="Enter Registration URL">
									</div>
							</li>
						</ul>
						</div>
						
						
					
							
						<div class="customized-optional">
							<div class="customizer_heading">Error Section style</div>
							<ul class="templates-styles">
								<li>
									<label>Background Color </label>
									<div class="input-group ">
									  <div id="dm_login_temp_addit_background_color_div" class="input-group colorpicker-component colorpicker-element">
									  <input type="text" value="<?php echo $dm_login_temp_addit_background_color;?>" id="dm_login_temp_addit_background_color" name="dm_login_temp_addit_background_color" class="form-control"> 
									  <span class="input-group-addon">
										  <i></i>
									   </span>
									  </div>
									</div>
								</li>
								<li>
								<label>Width</label>
								<div class="input-group ">
									<div class="input-group colorpicker-component">
										<input id="dm_login_temp_addit_width" name="dm_login_temp_addit_width" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="300" data-slider-max="1000" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_addit_width;?>" /> 
									</div>
								</div>
								</li>
								
								
								<li>
									<label>Border Width</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dm_login_temp_addit_border_width" name="dm_login_temp_addit_border_width" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_addit_border_width;?>" /> 
											
										</div>
									</div>
								</li>
								
								<li>
									<label>Border Style </label>
									<div class="input-group ">
										<select class="input-group form-control" id="dm_login_temp_addit_style" name="dm_login_temp_addit_style">
										<?php 
										$dm_login_temp_addit_style_array = array('none'=>'None','solid'=>'Solid','dashed'=>'Dashed','dotted'=>'Dotted');

										foreach($dm_login_temp_addit_style_array as $key=>$value){
										$slected = '';
										if($key == $dm_login_temp_addit_style ){

										$slected = 'selected=selected';
										}
										echo "<option value='".$key."' $slected >$value</option>";
										}
										?>
											
											
										</select>
									</div>
							</li>
							<li>
								<label>Border Color </label>
								<div class="input-group ">
								  <div id="dm_login_temp_addit_border_color_div" class="input-group colorpicker-component">
								  <input type="text"  name="dm_login_temp_addit_border_color" value="<?php echo $dm_login_temp_addit_border_color;?>" id="dm_login_temp_addit_border_color" class="form-control" /> 
								  <span class="input-group-addon">
									  <i style="background-color:<?php echo $dm_login_temp_addit_border_radius;?>"></i>
								   </span>
								  </div>
								</div>
								</li>
								<li>
									<label>Border Radius</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
										<input id="dm_login_temp_addit_border_radius" name="dm_login_temp_addit_border_radius" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_addit_border_radius; ?>" /> 
									</div>
								</div>
								</li>
							</ul>	
						</div>
					
					</div>
					<div class="col-sm-6">
						<div class="dap_member_customize_template_div" style="display:none">
						  <?php if($mp_obj){ echo $template1;}?>
						</div>
						<div class="dap_member_template_outer_link">
						 <?php if($mp_obj){ echo '<link rel="stylesheet" href="'.plugin_dir_url(__FILE__).'includes/templates/'.$event_action.'/'.$mp_obj->getTemplate().'/style.css?'.rand(10,1000).'">';	 }?>
						</div>
					</div>
					<div class="col-sm-3">
						<div class="customized-optional">
							<div class="customizer_heading">Template Style </div>
							<ul class="templates-styles">
								<li>
									<label>Template Alignment</label>
									<div class="input-group ">
										<select class="input-group form-control" id="dm_login_temp_aligment" name="dm_login_temp_aligment">
										<?php 
										$dm_login_temp_aligment_array = array('center'=>'Center','left'=>'Left','right'=>'Right');

										foreach($dm_login_temp_aligment_array as $key=>$value){
											$slected = '';
											if($key == $dm_login_temp_aligment ){

											$slected = 'selected=selected';
											}
											echo "<option value='".$key."' $slected >$value</option>";
										}
										?>
											
											
										</select>
									</div>
							</li>
								<li>
								<label>Width</label>
								<div class="input-group ">
									<div class="input-group colorpicker-component">
										<input id="dm_login_temp_wid" name="dm_login_temp_wid" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="100" data-slider-max="1000" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_wid;?>" /> 
									</div>
								</div>
								</li>
								<li>
									<label>Background Color </label>
									<div class="input-group ">
									  <div id="dm_login_temp_background_color_div" class="input-group colorpicker-component colorpicker-element">
									  <input type="text" id="dm_login_temp_background_color" value="<?php echo $dm_login_temp_background_color ?>"  name="dm_login_temp_background_color" class="form-control"> 
									  <span class="input-group-addon">
										  <i style="background-color:<?php echo $dm_login_temp_background_color;?>"></i>
									   </span>
									  </div>
									</div>
								</li>
								
								<li class="fb_login_btn_style_outer" style="display:<?php if($show_fb_customizer == 'block'){echo "flex";}else{ echo $show_fb_customizer;}?>">
									<label>Section background color </label>
									<div class="input-group ">
									  <div id="dm_fb_section_login_temp_background_color_div" class="input-group colorpicker-component colorpicker-element">
									  <input type="text" value="<?php echo $dm_fb_section_login_temp_background_color; ?>" id="dm_fb_section_login_temp_background_color" name="" class="form-control"> 
									  <span class="input-group-addon">
										  <i style="background-color:<?php echo $dm_fb_section_login_temp_background_color;?>"></i>
									   </span>
									  </div>
									</div>
								</li>
								
								
								<li>
									<label>Border Width</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dm_login_temp_border_width" name="dm_login_temp_border_width" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_border_width;?>" /> 
											
										</div>
									</div>
								</li>
								
								<li>
									<label>Border Style </label>
									<div class="input-group ">
										<select class="input-group form-control" id="dm_login_temp_border_style" name="dm_login_temp_border_style">
										<?php 
										$dm_login_temp_border_style_array = array('none'=>'None','solid'=>'Solid','dashed'=>'Dashed','dotted'=>'Dotted');

										foreach($dm_login_temp_border_style_array as $key=>$value){
											$slected = '';
											if($key == $dm_login_temp_border_style ){

											$slected = 'selected=selected';
											}
											echo "<option value='".$key."' $slected >$value</option>";
										}
										?>
											
											
										</select>
									</div>
							</li>
							<li>
								<label>Border Color </label>
								<div class="input-group ">
								  <div id="dm_login_temp_border_color_div" class="input-group colorpicker-component">
								  <input type="text"  name="dm_login_temp_border_color" value="<?php echo $dm_login_temp_border_color;?>" id="dm_login_temp_border_color" class="form-control" /> 
								  <span class="input-group-addon">
									  <i style="background-color:<?php echo $dm_login_temp_border_color;?>"></i>
								   </span>
								  </div>
								</div>
								</li>
								<li>
									<label>Border Radius</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
										<input id="dm_login_temp_border_radius" name="dm_login_temp_border_radius" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_border_radius; ?>" /> 
									</div>
								</div>
								</li>
								
								
								
							</ul>
						</div>
						
							<div class="customized-optional fb_login_btn_style_outer" style="display:<?php echo $show_fb_customizer;?>">
							<div class="customizer_heading">Facebook button style </div>
							<ul class="templates-styles">
								<li>
								<label>Width</label>
								<div class="input-group ">
									<div class="input-group colorpicker-component">
										<input id="dm_fb_login_temp_width" name="dm_fb_login_temp_width" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="300" data-slider-max="1000" data-slider-step="1" data-slider-value="<?php echo $dm_fb_login_temp_width;?>" /> 
									</div>
								</div>
								</li>
								
								<li>
									<label>Height</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dm_fb_login_temp_height" name="dm_fb_login_temp_height" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="5" data-slider-max="100" data-slider-step="1"
											 data-slider-value="<?php echo $dm_fb_login_temp_height;?>" /> 
										</div>
									</div>
								</li>
								<li >
									<label>Background Color </label>
									<div class="input-group ">
									  <div id="dm_fb_login_temp_background_color_div" class="input-group colorpicker-component colorpicker-element">
									  <input type="text" value="<?php echo $dm_fb_login_temp_background_color; ?>" id="dm_fb_login_temp_background_color" name="" class="form-control"> 
									  <span class="input-group-addon">
										  <i></i>
									   </span>
									  </div>
									</div>
								</li>
								<li style="display:none">
									<label>Border Width</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dm_fb_login_temp_border_width" name="dm_fb_login_temp_border_width" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_fb_login_temp_border_width;?>" /> 
											
										</div>
									</div>
								</li>
								
								<li style="display:none">
									<label>Button Border Style </label>
									<div class="input-group ">
										<select class="input-group form-control" id="dm_fb_login_temp_border_style" name="dm_fb_login_temp_border_style">
										<?php 
										$dm_fb_login_temp_border_style_array = array('none'=>'None','solid'=>'Solid','dashed'=>'Dashed','dotted'=>'Dotted');

										foreach($dm_fb_login_temp_border_style_array as $key=>$value){
										$slected = '';
										if($key == $dm_fb_login_temp_border_style ){

										$slected = 'selected=selected';
										}
										echo "<option value='".$key."' $slected >$value</option>";
										}
										?>
											
											
										</select>
									</div>
							</li>
							<li style="display:none">
								<label>Border Color </label>
								<div class="input-group ">
								  <div id="dm_fb_login_temp_border_color_div" class="input-group colorpicker-component">
								  <input type="text"  name="dm_fb_login_temp_border_color" value="<?php echo $dm_fb_login_temp_border_color;?>" id="dm_fb_login_temp_border_color" class="form-control" /> 
								  <span class="input-group-addon">
									  <i style="background-color:<?php echo $dm_fb_login_temp_border_color;?>"></i>
								   </span>
								  </div>
								</div>
								</li>
								<li style="display:none">
									<label>Border Radius</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
										<input id="dm_fb_login_temp_radius" name="dm_fb_login_temp_radius" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_fb_login_temp_radius; ?>" /> 
									</div>
								</div>
								</li>
							</ul>
						</div>
						
						
						
						
							<div class="customized-optional">
							<div class="customizer_heading">Sign in button style </div>
							<ul class="templates-styles">
								<li>
								<label>Width</label>
								<div class="input-group ">
									<div class="input-group colorpicker-component">
										<input id="dm_login_temp_signin_width" name="dm_login_temp_signin_width" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="300" data-slider-max="1000" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_signin_width;?>" /> 
									</div>
								</div>
								</li>
								
								<li>
									<label>Height</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dm_login_temp_signin_height" name="dm_login_temp_signin_height" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="5" data-slider-max="100" data-slider-step="1"
											 data-slider-value="<?php echo $dm_login_temp_signin_height;?>" /> 
										</div>
									</div>
								</li>
								<li >
									<label>Background Color </label>
									<div class="input-group ">
									  <div id="dm_login_temp_signin_background_color_div" class="input-group colorpicker-component colorpicker-element">
									  <input type="text" value="<?php echo $dm_login_temp_signin_background_color; ?>" id="dm_login_temp_signin_background_color" name="" class="form-control"> 
									  <span class="input-group-addon">
										  <i></i>
									   </span>
									  </div>
									</div>
								</li>
								<li class="hide_for_fb_login <?php echo $hide_fb_customizer_fields_class;?>">
									<label>Border Width</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dm_login_temp_signin_border_width" name="dm_login_temp_signin_border_width" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_signin_border_width;?>" /> 
											
										</div>
									</div>
								</li>
								
								<li class="hide_for_fb_login <?php echo $hide_fb_customizer_fields_class;?>">
									<label>Button Border Style </label>
									<div class="input-group ">
										<select class="input-group form-control" id="dm_login_temp_signin_border_style" name="atc_border_style">
										<?php 
										$dm_login_temp_signin_border_style_array = array('none'=>'None','solid'=>'Solid','dashed'=>'Dashed','dotted'=>'Dotted');

										foreach($dm_login_temp_signin_border_style_array as $key=>$value){
										$slected = '';
										if($key == $dm_login_temp_signin_border_style ){

										$slected = 'selected=selected';
										}
										echo "<option value='".$key."' $slected >$value</option>";
										}
										?>
											
											
										</select>
									</div>
							</li>
							<li class="hide_for_fb_login <?php echo $hide_fb_customizer_fields_class;?>">
								<label>Border Color </label>
								<div class="input-group ">
								  <div id="dm_login_temp_signin_border_color_div" class="input-group colorpicker-component">
								  <input type="text"  name="dm_login_temp_signin_border_color" value="<?php echo $dm_login_temp_signin_border_color;?>" id="dm_login_temp_signin_border_color" class="form-control" /> 
								  <span class="input-group-addon">
									  <i style="background-color:<?php echo $dm_login_temp_signin_border_color;?>"></i>
								   </span>
								  </div>
								</div>
								</li>
								<li class="hide_for_fb_login <?php echo $hide_fb_customizer_fields_class;?>">
									<label>Border Radius</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
										<input id="dm_login_temp_signin_radius" name="dm_login_temp_signin_radius" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_signin_radius; ?>" /> 
									</div>
								</div>
								</li>
							</ul>
						</div>
						
						
						
						
						<div class="customized-optional">
							<div class="customizer_heading">External Shadow Customizer</div>
							<ul class="templates-styles">
								<li>
									<label>Shadow Color </label>
									<div class="input-group ">
									  <div id="dm_login_temp_shadow_color_div" class="input-group colorpicker-component colorpicker-element">
									  <input type="text" value="<?php echo $dm_login_temp_shadow_color;?>" id="dm_login_temp_shadow_color" name="dm_login_temp_shadow_color" class="form-control"> 
									  <span class="input-group-addon">
										  <i></i>
									   </span>
									  </div>
									</div>
								</li>
								<li>
								<label>Spread Radius</label>
								<div class="input-group ">
									<div class="input-group colorpicker-component">
										<input id="dm_login_temp_shadow_spread_radius" name="dm_login_temp_shadow_spread_radius" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="50" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_shadow_spread_radius;?>" /> 
									</div>
								</div>
								</li>
								
								
								<li>
									<label>Blur Radius</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dm_login_temp_shadow_blur_radius" name="dm_login_temp_shadow_blur_radius" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="50" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_shadow_blur_radius;?>" /> 
											
										</div>
									</div>
								</li>
								
								
							
								<li>
									<label>Horizontal Length</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
										<input id="dm_login_temp_shadow_horizontal_length" name="dm_login_temp_shadow_horizontal_length" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="50" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_shadow_horizontal_length; ?>" /> 
									</div>
								</div>
								</li>
								<li>
									<label>Vertical Length</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
										<input id="dm_login_temp_shadow_vertical_length" name="dm_login_temp_shadow_vertical_length" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_shadow_vertical_length; ?>" /> 
									</div>
								</div>
								</li>
								
								
								
							</ul>	
						</div>
						
						
					</div>
				</div>
			
				<div class="form-group row mt-5 mb-0">
					
					  <?php if($mp_obj){ ?>
					  <div class="col-sm-4 ">
						<button type="button" class="btn btn-success theme-btn" onclick="dap_member_goto_next_tab('#dap_member_general');"><img src="<?php echo plugin_dir_url(__FILE__); ?>includes/images/prev-arrow.png" alt=""> Previous </button>
					 </div>
					 <div class="col-sm-4 text-center">
						 <button type="button" class="btn btn-success theme-btn" onclick="dap_member_login_save();">Save</button>

					 </div>
					 <div class="col-sm-4 text-right">
						<button type="button" class="btn btn-success theme-btn" onclick="dap_member_goto_next_tab('#dap_member_forgot_reset_form');">Next <img src="<?php echo plugin_dir_url(__FILE__); ?>includes/images/next-arrow.png" alt=""></button>
						 </div>
					 <?php }else {?>
						 <div class="col-sm-6 ">
						<button type="button" class="btn btn-success theme-btn" onclick="dap_member_goto_next_tab('#dap_member_general');"><img src="<?php echo plugin_dir_url(__FILE__); ?>includes/images/prev-arrow.png" alt=""> Previous</button>
					 </div>
						 <div class="col-sm-6 text-right">
							
							 <button type="button" class="btn btn-success theme-btn" onclick="dap_member_login_save('#dap_member_forgot_reset_form');">Save & Next <img src="<?php echo plugin_dir_url(__FILE__); ?>includes/images/next-arrow.png" alt=""></button>
						 </div>
					  <?php } ?>
					
						 
				</div>
			</div>
			
			<div class="tab-pane " id="dap_member_forgot_reset_form" role="tabpanel" aria-labelledby="details-tab">
				
				
				<div class="row">
					<div class="col-sm-3">
							<div class="customized-optional">
							<div class="customizer_heading">Forgot button style </div>
							<ul class="templates-styles">
								<li>
								<label>Width</label>
								<div class="input-group ">
									<div class="input-group colorpicker-component">
										<input id="dm_login_temp_forgot_width" name="dm_login_temp_forgot_width" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="300" data-slider-max="1000" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_forgot_width;?>" /> 
									</div>
								</div>
								</li>
								
								<li>
									<label>Height</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dm_login_temp_forgot_height" name="dm_login_temp_forgot_height" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="5" data-slider-max="100" data-slider-step="1"
											 data-slider-value="<?php echo $dm_login_temp_forgot_height;?>" /> 
										</div>
									</div>
								</li>
								<li>
									<label>Background Color </label>
									<div class="input-group ">
									  <div id="dm_login_temp_forgot_background_color_div" class="input-group colorpicker-component colorpicker-element">
									  <input type="text" value="<?php echo $dm_login_temp_forgot_background_color; ?>" id="dm_login_temp_forgot_background_color" name="" class="form-control"> 
									  <span class="input-group-addon">
										  <i></i>
									   </span>
									  </div>
									</div>
								</li>
								<li>
									<label>Border Width</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dm_login_temp_forgot_border_width" name="dm_login_temp_forgot_border_width" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_forgot_border_width;?>" /> 
											
										</div>
									</div>
								</li>
								
								<li>
									<label>Button Border Style </label>
									<div class="input-group ">
										<select class="input-group form-control" id="dm_login_temp_forgot_border_style" name="dm_login_temp_forgot_border_style">
										<?php 
										$dm_login_temp_signin_border_style_array = array('none'=>'None','solid'=>'Solid','dashed'=>'Dashed','dotted'=>'Dotted');

										foreach($dm_login_temp_signin_border_style_array as $key=>$value){
										$slected = '';
										if($key == $dm_login_temp_forgot_border_style ){

										$slected = 'selected=selected';
										}
										echo "<option value='".$key."' $slected >$value</option>";
										}
										?>
											
											
										</select>
									</div>
							</li>
							<li>
								<label>Border Color </label>
								<div class="input-group ">
								  <div id="dm_login_temp_forgot_border_color_div" class="input-group colorpicker-component">
								  <input type="text"  name="dm_login_temp_forgot_border_color" value="<?php echo $dm_login_temp_forgot_border_color;?>" id="dm_login_temp_forgot_border_color" class="form-control" /> 
								  <span class="input-group-addon">
									  <i style="background-color:<?php echo $dm_login_temp_forgot_border_color;?>"></i>
								   </span>
								  </div>
								</div>
								</li>
								<li>
									<label>Border Radius</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
										<input id="dm_login_temp_forgot_radius" name="dm_login_temp_forgot_radius" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_forgot_radius; ?>" /> 
									</div>
								</div>
								</li>
							</ul>
						</div>
						
						
						
						
					
					
					</div>
					<div class="col-sm-6">
						<div class="dap_member_customize_forgot_template_div mb-4 mt-4">
						<?php echo $template2; ?>
						</div>
						<hr>
						<div class="dap_member_customize_reset_template_div mt-4">
						<?php echo $template3; ?>
						</div>
					
					</div>
					<div class="col-sm-3">
					
					
						
						
							<div class="customized-optional">
							<div class="customizer_heading">Reset button style </div>
							<ul class="templates-styles">
								<li>
								<label>Width</label>
								<div class="input-group ">
									<div class="input-group colorpicker-component">
										<input id="dm_login_temp_reset_width" name="dm_login_temp_reset_width" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="300" data-slider-max="1000" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_reset_width;?>" /> 
									</div>
								</div>
								</li>
								
								<li>
									<label>Height</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dm_login_temp_reset_height" name="dm_login_temp_signin_height" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="5" data-slider-max="100" data-slider-step="1"
											 data-slider-value="<?php echo $dm_login_temp_reset_height;?>" /> 
										</div>
									</div>
								</li>
								<li>
									<label>Background Color </label>
									<div class="input-group ">
									  <div id="dm_login_temp_reset_background_color_div" class="input-group colorpicker-component colorpicker-element">
									  <input type="text" value="<?php echo $dm_login_temp_reset_background_color; ?>" id="dm_login_temp_reset_background_color" name="" class="form-control"> 
									  <span class="input-group-addon">
										  <i></i>
									   </span>
									  </div>
									</div>
								</li>
								<li>
									<label>Border Width</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
											<input id="dm_login_temp_reset_border_width" name="dm_login_temp_reset_border_width" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_reset_border_width;?>" /> 
											
										</div>
									</div>
								</li>
								
								<li>
									<label>Button Border Style </label>
									<div class="input-group ">
										<select class="input-group form-control" id="dm_login_temp_reset_border_style" name="dm_login_temp_reset_border_style">
										<?php 
										$dm_login_temp_signin_border_style_array = array('none'=>'None','solid'=>'Solid','dashed'=>'Dashed','dotted'=>'Dotted');

										foreach($dm_login_temp_signin_border_style_array as $key=>$value){
										$slected = '';
										if($key == $dm_login_temp_reset_border_style ){

										$slected = 'selected=selected';
										}
										echo "<option value='".$key."' $slected >$value</option>";
										}
										?>
											
											
										</select>
									</div>
							</li>
							<li>
								<label>Border Color </label>
								<div class="input-group ">
								  <div id="dm_login_temp_reset_border_color_div" class="input-group colorpicker-component">
								  <input type="text"  name="dm_login_temp_reset_border_color" value="<?php echo $dm_login_temp_reset_border_color;?>" id="dm_login_temp_reset_border_color" class="form-control" /> 
								  <span class="input-group-addon">
									  <i style="background-color:<?php echo $dm_login_temp_reset_border_color;?>"></i>
								   </span>
								  </div>
								</div>
								</li>
								<li>
									<label>Border Radius</label>
									<div class="input-group ">
										<div class="input-group colorpicker-component">
										<input id="dm_login_temp_reset_radius" name="dm_login_temp_reset_radius" class="form-control" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="<?php echo $dm_login_temp_reset_radius; ?>" /> 
									</div>
								</div>
								</li>
							</ul>
						</div>
						
						
						
						
					
					
					</div>
				</div>
				
				<div class="row">
					
					<div class="col-md-12 tab_bottom_button">
							<button type="button" class="btn btn-success theme-btn" onclick="dap_member_goto_next_tab('#dap_member_preview');"><img src="<?php echo plugin_dir_url(__FILE__); ?>includes/images/prev-arrow.png" alt=""> Previous</button>
							
							 <?php if($mp_obj){ ?>
								 <button type="button" class="btn btn-success theme-btn" onclick="dap_member_login_save();">Save</button>
								<button type="button" class="btn btn-success theme-btn" onclick="dap_member_goto_next_tab('#dap_member_details');">Next <img src="<?php echo plugin_dir_url(__FILE__); ?>includes/images/next-arrow.png" alt=""></button>
							<?php }else{ ?>
							<button type="button" class="btn btn-success theme-btn" onclick="dap_member_login_save('#dap_member_details');">Save & Next <img src="<?php echo plugin_dir_url(__FILE__); ?>includes/images/next-arrow.png" alt=""></button>
							<?php } ?>
								 
					</div>
					
				</div>
			
				
				
				
			</div>
			<div class="tab-pane " id="dap_member_details" role="tabpanel" aria-labelledby="details-tab">
				
				<div class="row">
					
					<div class="col-sm-12 my-5 shortcode_details_outer">
						
						<div class="dap_member_login_details">
							<?php 
						$configLoginUrl = Dap_Config::get("LOGIN_URL") ;
							if($configLoginUrl != ''){
						?>
						<div class="dap_member_login_config_outer">
								<span class="check_heading">Your primary login page is currently set to: </span>
								<span class="shortcode_page_link">
									<?php
										echo  '<a href="'.$configLoginUrl.'" target="_blank">'.$configLoginUrl.'</a>';
									?>
								</span>
								<br><br>
								<?php
									echo '<label>Would you like to change it to a different URL?</label>';
									echo '<div class="switch_onoff">
											<input type="checkbox" class="checkbox" id="changeConfigLoginUrl" value="changeConfigLoginUrl">
											<label for="changeConfigLoginUrl"></label>
										</div>';
								?>								
							</div>
							<div class="alert alert-success savedConfigLoginUrl" role="alert" style="display:none">
								Done! This is your new primary login page.
							</div>	
						<?php } ?>
						<div class="dap_member_login_config_outer_empty" style="display:none">
								<span class="check_heading">Your primary login page is set to:</span>
								<span class="shortcode_page_link  dap_member_login_config_inner_empty">
									<a href="'.$value.'" target="_blank">'.$value.'</a>									
								</span>
								<br>
								<span><a href="<?= SITE_URL_DAP ?>/dap/admin/addEditProducts.php?t=3" target="_blank">Click here to change this to a different URL.</a></span>
							</div>
							<br><br>
							<span class="check_heading">Here is your Login page URL:</span>
							<span class="shortcode_page_link">
							<?php 
							if($mp_obj){
							echo  '<a href="'.get_permalink($mp_obj->getPageId()).'" target="_blank">'.get_permalink($mp_obj->getPageId()).'</a>';
							} 
							?>
							</span>
							<br><br>
							<div class="">
							<span class="check_heading">Here is your Login page Shortcode:</span><br>
							<span id="dynamic_copyable_text_login" class="d-inline shortcode_display" >
							<?php 
							if($mp_obj && ($event_action == 'login')){
								echo  dapMemberGetShortcodeNameById($mp_obj->getId());
							}else if($mp_obj && ($event_action == 'loginFB')){
								echo  dapMemberLoginFBGetShortcodeNameById($mp_obj->getId());
							}
							?>
							</span>
							<span data-id="dynamic_copyable_text_login" class="copy-btn theme-button" onclick="dap_member_copy_to_clipboard(this)"><i class="fa fa-files-o" aria-hidden="true"></i> Copy</span>
							</div>
							
							<br><br>
						<span>Click <a href="<?php echo admin_url('admin.php?page=dap_member_settings') ?>" target="_blank">here</a> to customize messages. <br> Or if you want to customize it later, you can do that in DAP >> <a href="<?php echo admin_url('admin.php?page=dap_member_settings') ?>" target="_blank">Customize Messages</a> page.</span>
						
			
						</div>
						
						<div class="dap_member_fb_login_details_outer">			
						<?php if($mp_obj && ($event_action == 'loginFB')){ ?>
							<div class="dap_member_fb_login_details">
							<b>Please Note</b>:<br>
							For the Facebook Login to work, you need to create Facebook API Key<br>
							for this domain and enter it in the <a href="<?php echo site_url('');?>/dap/admin/addEditProducts.php?t=3&sub_tab=12">DAP Setup >> Config Page >> Social Media Section.</a>
							<br/>
							<br/>
							<a href="https://digitalaccesspass.com/doc/how-to-generate-facebook-api-key/">Please click here to see how to create Facebook API Key.</a>
							</div>	
						<?php 						}?>
						</div>
						
						
						
					</div>
				</div>
			
              
					
					<div class="col-md-12 tab_bottom_button">
							<button type="button" class="btn btn-success theme-btn" onclick="dap_member_goto_next_tab('#dap_member_forgot_reset_form');"><img src="<?php echo plugin_dir_url(__FILE__); ?>includes/images/prev-arrow.png" alt=""> Previous</button>
							
							 <?php if($mp_obj){ ?>
								<button type="button" class="btn btn-success theme-btn" onclick="dap_member_login_save();">Save</button>
							<?php } ?>
							
							<a class="btn btn-success theme-btn" href="<?php echo admin_url('admin.php?page=dap_member_pages') ?>">Return To Member Pages</a>
						 
					</div>
					 
					  
					
					 
					
						 
				</div>			
			
			</div>
		</div>		
	</div>





<!-- perview tempate popup start -->
<div class="modal fade " id="dap_member_login_preview_wrapper_modal">
	<div class="modal-dialog">
	    <div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<i class="fa fa-close"></i></button>
				<h4 class="modal-title w-100" > Preview
				</h4>
			</div>
			<div class="modal-body">
			</div>
	    </div>
	</div>
 </div>
<!-- perview tempate popup end -->  







