<?php
\Session::forget('attempt_failed');


?>
<?php echo $__env->make('include.header', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
       <!--  header-->
         <link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/css/datetimepicker/DateTimePicker.css')); ?>" />
         
         <!-- Banner -->   
         <div class="banner_bnr">
            
            <div id="slider" class="slider-container">
               <ul class="slider">
                  <li class="slide">
                     <div class="slide-bg">
                        <img src="<?php echo e(asset('assets/img/image1.jpg')); ?>" alt="An Image" draggable="false">
                     </div>
                  </li>
                  <li class="slide">
                     <div class="slide-bg">
                        <img src="<?php echo e(asset('assets/img/image2.jpg')); ?>" alt="An Image" draggable="false">
                     </div>
                  </li>
                  <li class="slide">
                     <div class="slide-bg">
                        <img src="<?php echo e(asset('assets/img/image3.jpg')); ?>" alt="An Image" draggable="false">
                     </div>
                  </li>
               </ul>
               <div class="slider-controls">
                  <div class="slide-nav">
                     <a href="#" class="prev"><img src="<?php echo e(asset('assets/img/l.png')); ?>"></a>
                     <a href="#" class="next"><img src="<?php echo e(asset('assets/img/r.png')); ?>"></a>
                  </div>
                  <ul class="slide-list">
                     <li><a href="#">1</a></li>
                     <li><a href="#">2</a></li>
                     <li><a href="#">3</a></li>
                  </ul>
               </div>
            </div>
            
            <div class="container">
               <div class="row">
               
                <div class="col-md-8"></div>
                
                  <div class="col-md-4">
                  <div class="hm_registation">
                     <div class="hm_registation_inr">
                        
                          <h2 class="form-head">Find your match</h2>
                        	<p class="search-para">Search for a singles in your area now absolutelly FREE.</p>
                             <form role="form" class="search-form"  id="registration" >
                            <ul class="horrizontal-form">
                            	<li>I'm a</li>
                                <li class="gender-img"><a href="#"><img id="male_image"  onclick="add_male(); remove_female()"   alt="male" src="<?php echo e(asset('assets/images/male.gif')); ?>"/></a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#"><img id="female_image"  alt="female"  onclick="add_female(); remove_male()" src="<?php echo e(asset('assets/images/female.gif')); ?>"/></a></li>
                            </ul>
                           
                                <input type="hidden" id="gendr" value="" name="gender" > 
                                <input type="hidden" name="random_id" value="" id="randid">
                                <input type="text" id="username" class="field" name="username" placeholder="Username">
                                <input type="password" id="password" class="field" name="password" placeholder="Password">
                                <input type="text" class="field" id="email" name="email" placeholder="Email">
                                <input type="text" class="field"  name="dob" id="datepicker" placeholder="Date of Birth"  data-field="date" readonly>
                                <input type="text" class="field" id="phone" name="contact_num" placeholder="Phone Number" required> <br>
								<input type="submit" name="submit" class="search-button reg-field" id="reg" value="REGISTER" onClick="randomString();">
                                <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>" />     
                               </form>	
                        <div class="message"></div>
                       <div id="dtBox"></div>
					   <div class="loader1" >
                <img src="<?php echo e(asset('assets/images/ajax-loader.gif')); ?>" />
                </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            
         </div>
         <!-- End Banner -->
          <?php
         $payment_user_count=\DB::table('user_payment_details')
                              ->count();

                  if($payment_user_count==6)
                     {  

                      
         ?>
         <div class="hm_highlitd_profile">
         
            <div class="container">
               <div class="row">
                  <div class="col-md-12">
                  <img class="sec-rib" src="<?php echo e(asset('assets/images/ribbon.gif')); ?>"/>
                  		
                        <div class="caroufredsel_wrapper">
                          <div id="carousel">
                              
                               <?php
					 //
                              //var_dump($profile);exit;
					   
						  foreach($profile as $details)
						  { 
						 $pk_id=$details->uid;
						$encrypted_id = base64_encode($pk_id);
						$gend=$details->gender;
						  ?>
				
				
				
			<div>
					<img alt="prfl4" src="<?php echo e(asset($details->path)); ?>">
                    <p class="pink-name"><a href="<?php echo e(URL::to('user/highlighted-profile-view')); ?>/<?php echo e($pk_id); ?>"><?php echo $details->name;?></a></p>
                    <p class="qualification"><?php echo $details->education;?> (<?php echo $details->age; ?> yrs)</p>
					
				</div>
                              <?php  
						 }
						  ?>
                            </div></div>
                  
                    
                  </div>
               </div>
            </div>
         </div>
        <?php
      }
      ?>
         <!-- Clm3--> 
         <div class="hm_clm3">
            <div class="container">
               <div class="row">
                  
                   <div class="col-lg-5">
                     <h1 class="head-app">Get Our App</h1>
                     <div class="download-part">
                        <ul>
                           <li> The next generation of matchmaking. </li>
                           <li> Search Smarter, Match Faster </li>
                           <li> Available across all platforms </li>
                        </ul>
                     </div>
                     
                     
                     <div class="app-google">
                      <img src="<?php echo e(asset('assets/images/app_store.png')); ?>" width="181" style="margin-left:0px;" alt=""/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                      <img src="<?php echo e(asset('assets/images/google_play.png')); ?>" width="181" alt=""/>
                     </div>
                 </div>
                 
                 <div class="col-md-7">
                     <img src="<?php echo e(asset('assets/images/app.png')); ?>" style="float:right; max-width:100%"/>
                 </div>
                 
               </div>
            </div>
         </div>
         <!-- End Clm3--> 
         <!-- Footer--> 
         <?php echo $__env->make('include.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
         <!-- End Footer -->
      </div>
      <!-- Bootstrap core JavaScript
         ================================================== -->
      <!-- Placed at the end of the document so the pages load faster -->
      <script src="<?php echo e(asset('assets/js/bootstrap.js')); ?>"></script>
      <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
      <script src="<?php echo e(asset('assets/js/ie10-viewport-bug-workaround.js')); ?>"></script>
      <script type="text/javascript" src="<?php echo e(asset('assets/js/datetimepicker/DateTimePicker.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/js/datetimepicker/DateTimePicker-i18n.js')); ?>"></script>

      <script src="<?php echo e(asset('assets/js/jquery.validate.min.js')); ?>"></script>
      <script type="text/javascript">
         $(function() {
         	$("#slider").blissSlider({
         		auto: 1,
             			transitionTime: 500,
             			timeBetweenSlides: 4000
         	});
         });
		 
		 
		
		 
      </script>


<script type="text/javascript">
			$(function() {

				var $c = $('#carousel'),
					$w = $(window);

				$c.carouFredSel({
					align: false,
					items: 1,
					scroll: {
						items: 1,
						duration: 3000,
						timeoutDuration: 0,
						easing: 'linear',
						pauseOnHover: 'immediate'
					}
				});

				
				$w.bind('resize.example', function() {
					var nw = $w.width();
					if (nw < 990) {
						nw = 990;
					}

					$c.width(nw * 3);
					$c.parent().width(nw);

				}).trigger('resize.example');

			});
		</script>

<script type="text/javascript">
	  $(document).ready(function(){
								 
			 $(window).scroll(function(){
														  
				  var e= $(window).scrollTop();
								
					if ( e > 50){
							
						 $(".nav_main").addClass("short_menu")
					
					}else{
						  $(".nav_main").removeClass("short_menu")
										
					}
			});
			
		}); 
					
							  	
							  
						
      </script>
      <script>
 $(document).ready(function() {

add_male(); 
 });
 function add_male() {
	 var input = document.getElementById('male_image').alt;	
	   document.getElementById('gendr').value=input;
	
	 
    var image = document.getElementById('male_image');
    if (image.src.match("male1")) {
        image.src = "<?php echo e(asset('assets/images/male.gif')); ?>";
    } else {
        image.src = "<?php echo e(asset('assets/images/male1.png')); ?>";
    }
}  
function add_female() {
	var input = document.getElementById('female_image').alt;
	 document.getElementById('gendr').value=input;
	var image = document.getElementById('female_image');
	
    if (image.src.match("female2")) {
        image.src = "<?php echo e(asset('assets/images/female.gif')); ?>";
    } else {
        image.src = "<?php echo e(asset('assets/images/female2.png')); ?>";
    }
}
function remove_male() {
    var image = document.getElementById('male_image');
    if (image.src.match("male1")) {
        image.src = "<?php echo e(asset('assets/images/male.gif')); ?>";
    }  
}
function remove_female() {
    var image = document.getElementById('female_image');
    if (image.src.match("female2")) {
        image.src = "<?php echo e(asset('assets/images/female.gif')); ?>";
    }  
}


</script>
<script language="javascript" type="text/javascript">
function randomString() {
	var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZ";
	var string_length = 8;
	var randomstring = '';
	for (var i=0; i<string_length; i++) {
		var rnum = Math.floor(Math.random() * chars.length);
		randomstring += chars.substring(rnum,rnum+1);
	}
	 
	 document.getElementById('randid').value= randomstring;
}
</script>

 <script type="text/javascript">
     $(document).ready(function()
 {
  
      
         var currentYear = (new Date).getFullYear();
         var curr_month = (new Date).getMonth();
         var currentday = (new Date).getDate();
   
         var min= currentYear-41;
         var max= currentYear-19;
         
         minAge = curr_month+"-"+currentday+"-"+min;
         maxAge = curr_month+"-"+currentday+"-"+max;
       
     $("#dtBox").DateTimePicker({
       
         maxDate:maxAge,
         minDate:minAge,
     });
     
 });
   </script>

<script>
         $(document).ready(function(){
									
         $('.reg-field').keypress(function(e) {
	
                if(e.which == 13) {
		            $("#registration").click();
	                              }	
                                });
              $("#registration").validate({
				
				 
        rules: {
		  
		gender: "required",  
		 
       username:{
            required: true,
            minlength: 3,
			maxlength:8
                  },
        password: {
            required: true,
            minlength: 4,
			maxlength:12
                  },
        
            email: {
            required: true,
            email: true
                   },
		dob: "required",
		contact_num: {
            required: true,
			number:true,
			digits: true,
            minlength: 10
                  },
	       },
    highlight: function(element) {
            $(element).addClass('red');
        },
        unhighlight: function(element) {
            $(element).removeClass('red');
        },
			
		 submitHandler: function (form) {
		
		      $('.loader1').show();  
         var value =$("#registration").serialize() ;
         var email_id =	$("#email").val();
        //  alert(value);
        $.ajax({
        type:'POST',
        url: "<?php echo e(url('user/userregistration')); ?>", 
        data: value,
        success:function (registration){
        $(".message").show();
		  $('.loader1').hide();  
		console.log(registration);
		       if(registration==1)
			         {
                $(".message").html('<div class="alert alert-success">Succesfully registered, check your email to verify your account</div>');     
                         setTimeout(function(){$(".message").hide(); }, 3000);
											
                     }
					else if(registration==2)
                    {
                $(".message").html('<div class="alert alert-danger">Username Already Exist</div>'); 
                        setTimeout(function(){$(".message").hide(); }, 3000);
				    }			

          
                  else
				    {
                $(".message").html('<div class="alert alert-danger">Sorry, it looks like ' +email_id+ ' belongs to an existing account</div>');
                        // setTimeout(function(){$(".message").hide(); }, 3000);
		         	}
		   
                                              
                    }
                    });
		                    
		 }
		 
                             });
 });
 
</script>
<script>
$(document).ready(function(){
	
	$('.login-field').keypress(function(e) {
	
    if(e.which == 13) {
		 $("#login_id").click();
	                  }	
        });
	
    $("#login_id").click(function(){
								  
	var value =$("#login_form").serialize() ;
	
		$.ajax({
		type:'POST',
		url:"<?php echo e(url('user/login')); ?>", 
		data: value, 
		success:function (login){
        $(".login_msg").show();
		console.log(login);			
		  if(login==1 || login=='1Soulmate')
           {
          window.location="<?php echo e(url('user/search')); ?>";           
           }
         else if(login==2)
         {
                                                      
          window.location="<?php echo e(url('user/activation')); ?>"; 	
            }
			else if(login==0){
				
                 window.location="<?php echo e(url('user/login-failed?attempt_failed')); ?>"; 
													 
       
															
				}		
       else if(login==3)
                    {
               window.location="<?php echo e(url('user/profile')); ?>"; 
            } 
									

           else
            {
                if(login=='error')
                    {
                      alert("Same Gender.So Choose Opposite Gender in Highlighted Profile");
                       window.location="<?php echo e(url('/')); ?>";  
                    }
                else
                    {
                   $(".login-field").focus();
			window.location = "<?php echo URL::to('user/search-profile-view/"+login+"'); ?>";
               /* setTimeout(function(){$(".login_msg").hide(); }, 3000);*/
                    }
                 	
															
            }
                              }
             });
        });
     });

</script>   

   </body>
</html>

