<?php
\Session::forget('attempt_failed');

 $get_state=\ DB::table('state')->get();
  $get_district=\ DB::table('district')->get();
   $get_religion=\ DB::table('religion')->get();
    $get_caste=\ DB::table('caste')->get();
?>
<?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="quickFlip">
                        <div class="flip">
                            <div class="hm_registation">
								<div class="hm_registation_inr">
									<h2 class="form-head">Registration</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" required> 
										<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>
										<div class="row">
											<div class="col-sm-5">
												<input type="submit" name="submit" class="reg_frnt_btn reg-field" id="reg" value="REGISTER" onClick="randomString();">
												<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>" />     
											</div>
									</form> 
									<?php
									$search_enable=\DB::table('settings')
										->get();
									foreach($search_enable as $enable)
									{
									$search_without_login=$enable->search_without_login;
									}
									if($search_without_login=='on')
									{
									?>
									<div class="col-sm-2">
										<div class="or">OR</div>
									</div>
									<div class="col-sm-5"style="text-align:right;">
										<input type="button" class="search-button quickFlipCta" value="SEARCH">
									</div>
									<?php
									}
									?>
										</div>
										<div class="message"></div>
										<div class="loader1" >
											<img src="<?php echo e(asset('assets/images/ajax-loader.gif')); ?>" />
										</div>
								</div>
							</div>
                        </div>
                        <div class="flip">
                            <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="search" >
										<ul class="horrizontal-form">
											<li>I'm a</li>
											<li class="gender-img"><a href="#"><img id="search_male_image"  onclick="add_search_male(); remove_search_female()"   alt="male" src="<?php echo e(asset('assets/images/male.gif')); ?>"/></a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#"><img id="search_female_image"  alt="female"  onclick="add_search_female(); remove_search_male()" src="<?php echo e(asset('assets/images/female.gif')); ?>"/></a></li>
										</ul>
										<input type="hidden" id="search_gender" value="" name="search_gender" > 
										<select class="field" name="religion">
											<option value="">Religion</option>
												<?php
												foreach ($get_religion as $religion)  {
												?>
												<option><?php echo $religion->religion;?></option>
												<?php
												}
												?>
										</select>
										<select class="field" name="caste">
											<option value="">Caste</option>
												<?php
												foreach ($get_caste as $caste)  {
												?>
												<option><?php echo $caste->caste;?></option>
												<?php
												}
												?>
										</select> 
										<select class="field" name="state">
											<option value="">State</option>
												<?php
												foreach ($get_state as $state)  {
												?>
												<option><?php echo $state->state;?></option>
												<?php
												}
												?>
										</select>
										<select class="field" name="district">
											<option value="">District</option>
												<?php
												foreach ($get_district as $district)  {
												?>
												<option><?php echo $district->district;?></option>
												<?php
												}
												?>
										</select>                  
										<input type="text" class="field"  name="dateob"  placeholder="Date of Birth"  data-field="date" readonly>
										<div class="row">
											<div class="col-sm-5">
                                                <input type="submit"  class="reg_frnt_btn" value="SEARCH"/> 
												<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>" />     
											</div>
									</form>  
									<div class="col-sm-2">
										<div class="or">OR</div>
									</div> 
									<div class="col-sm-5"style="text-align:right">
										<input type="button" class="search-button quickFlipCta" value="REGISTER">
									</div>
									<div class="search_message"></div>
										</div>
              
								</div>
							</div>
						</div>
					</div>
                   <div id="dtBox"></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;
							$dob=$details->dob;
                            $birthdate = new DateTime($dob);
                            $today   = new DateTime('today');
                            $age = $birthdate->diff($today)->y;
							?>
							<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 $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.home_footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
		
         <!-- End Footer -->
		 
    </div>
    <script src="<?php echo e(asset('assets/js/bootstrap.js')); ?>"></script>
    <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.quickflip.source.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('assets/js/jquery.validate.min.js')); ?>"></script>
    <script type="text/javascript">
		$(function() {
		$('.quickFlip').quickFlip({
		vertical : true
		})
		})
	</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(){
              add_male(); 
         $('.reg-field').keypress(function(e) {
  
                if(e.which == 13) {
                $("#registration").click();
                                } 
                                });
              $("#registration").validate({
       // ignore: [],
          ignore: "input[type='text']:hidden",
        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,
            maxlength: 15
                  },
         },
    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' || login=='Soulmate')
           {
          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 || login=='3Soulmate')
                    {
               window.location="<?php echo e(url('user/profile')); ?>"; 
            } 
                  
            else if(login==4)
            {
                if(login==4)
                    {
                      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);*/
                    }
                  
                              
            }
           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>   
<!-- search -->



 <script>
 $(document).ready(function() {

add_male(); 
 });
 function add_search_male() {
   var input = document.getElementById('search_male_image').alt; 
     document.getElementById('search_gender').value=input;
  
   
    var image = document.getElementById('search_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_search_female() {
  var input = document.getElementById('female_image').alt;
   document.getElementById('search_gender').value=input;
  var image = document.getElementById('search_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_search_male() {
    var image = document.getElementById('search_male_image');
    if (image.src.match("male1")) {
        image.src = "<?php echo e(asset('assets/images/male.gif')); ?>";
    }  
}
function remove_search_female() {
    var image = document.getElementById('search_female_image');
    if (image.src.match("female2")) {
        image.src = "<?php echo e(asset('assets/images/female.gif')); ?>";
    }  
}


</script>



<script>
         $(document).ready(function(){
               add_search_male();    
         
              $("#search").validate({
        
         
        rules: {
      
    search_gender: "required",  
    dateob:"required",
    
   
         },
    highlight: function(element) {
            $(element).addClass('red');
        },
        unhighlight: function(element) {
            $(element).removeClass('red');
        },
      
     submitHandler: function (form) {
    
          $('.loader1').show();  
         var value =$("#search").serialize() ;
       
        //  alert(value);
        $.ajax({
        type:'POST',
        url: "<?php echo e(url('user/user-search')); ?>", 
        data: value,
        success:function (registration){
        $(".message").show();
      $('.loader1').hide();  
    console.log(registration);
           if(registration==1)
               {
               
                     window.location="<?php echo e(url('user/not-login-search')); ?>";   
                     }
          
          
                  else
            {
                $(".search_message").html('<div class="alert alert-danger">Sorry,error</div>');
                        // setTimeout(function(){$(".message").hide(); }, 3000);
              }
       
                                              
                    }
                    });
                        
     }
     
                             });
 });
 
</script>
  
   </body>
</html>

