@extends('users.layout')
@section('content')

<div class="tt-breadcrumb">
	<div class="container">
		<ul>
			<li><a href="index.html">Home</a></li>
			<li>Register</li>
		</ul>
	</div>
</div>
<div id="tt-pageContent">
	<div class="container-indent">
		<div class="container">
			
			<div class="tt-login-form">
				<div class="row">
					<div class="col-xs-12 col-md-6">
						<div class="tt-item">
							<h2 class="tt-title">ALREADY HAVE AN ACCOUNT</h2>
							<p>
								By creating an account with our store, you will be able to move through the checkout process faster, store multiple shipping addresses, view and track your orders in your account and more.
							</p>
							<div class="form-group">
								<a href="{{ URL::to('/') }}/userlogin" class="btn btn-top btn-border">Login</a>
							</div>
						</div>
					</div>
					<div class="col-xs-12 col-md-6">
						
					
						<div class="tt-item">
							<h2 class="tt-title">REGISTER</h2>
							
@if(session()->has('message'))
    <div class="alert alert-success alert-dismissible text-center">
        {{ session()->get('message') }}
    </div>
@endif
	
						@if(count($customers['message'])>0)						

						<div class="alert alert-success alert-dismissible text-center" role="alert">

						  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

						 {{ $customers['message'] }}

						</div>						

						@endif

                        

                       @if(count($customers['errorMessage'])>0)						

						<div class="alert alert-danger text-center" role="alert">

						  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

						 {{ $customers['errorMessage'] }}

						</div>						

						@endif
                        

							<div class="form-default form-top">
								 {!! Form::open(array('url' =>'SubmitCustomers', 'method'=>'post', 'class' => 'form-login')) !!}
									<div class="form-group">
										<div class="tt-required">* Required Fields</div>
										<input class="form-control" name='customers_firstname' required type="text" placeholder="User First Name" id="name">
									</div>
									<div class="form-group">
										<div class="tt-required">* Required Fields</div>
										<input class="form-control" name='customers_lastname'  required type="text" placeholder="User Last Name" id="lname">
									</div>
									<div class="form-group">
										<div class="tt-required">* Required Fields</div>
										<input class="form-control" name='customers_email_address' required  type="text" placeholder="User Email" id="email">
									</div>
									<div class="form-group">
										<div class="tt-required">* Required Fields</div>
										<input class="form-control" name='customers_password'  required  type="Password" placeholder="Password" id="pass">
									</div>
									<div class="form-group">
										<div class="tt-required">* Required Fields</div>
										<input class="form-control" type="confirm_password" placeholder="Confirm Password" id="passc_error">
									</div>
									<div class="form-group">
											<label for="name" class="col-sm-2 col-md-3 control-label">Gender</label>
										   
											 
												  <input type="radio" name="customers_gender" value="1" class="minimal" checked=""> Male 
											  
			
											  
												  <input type="radio" name="customers_gender" value="0" class="minimal"> Female
											  
												
											
									</div>
									
									<div class="row">
										<div class="col-auto mr-auto">
											<div class="form-group">
												<input type='submit' class="btn btn-border" value='Submit'>
											</div>
										</div>
										<div class="col-auto align-self-end">
											<div class="form-group">
												<ul class="additional-links">
													<li><a href="#">Lost your password?</a></li>
												</ul>
											</div>
										</div>
									</div>

								{!! Form::close() !!}
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<br><br><br>

    
       

            <!-- /CONTENT AREA -->


 <script src="{!! asset('resources/views/users/assets/plugins/jquery/jquery-1.11.1.min.js') !!}"></script>

<script type="text/javascript">

function isEmail(email) {
  var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
   if(regex.test(email)){
    return true;
   }else{
    return false;
   }
}


    $(function() {
    $('.error').hide();
    $(".button").click(function() {
      // validate and process form here
      
      $('.error').hide();
      var name = $("input#name").val();
        if (name == "") {
        $("label#name_error").show();
        $("input#name").focus();
        return false;
      }

       var lname = $("input#lname").val();
        if (lname == "") {
        $("label#name_error1").show();
        $("input#lname").focus();
        return false;
      }


            var email = $("input#email").val();
if (isEmail(email)==false) {
 $("label#email_error").show();
        $("input#email").focus();
        return false;
}
     
      var pass = $("input#pass").val();
        if (pass == "") {
        $("label#pass_error").show();
        $("input#pass").focus();
        return false;
      }

         var confirm_password = $("input#confirm_password").val();
        if (confirm_password == "") {
        $("label#passc_error").show();
        $("input#confirm_password").focus();
        return false;
      }

        if (confirm_password !=pass) {
        $("label#confirmnot_password").show();
        $("input#passc_error").focus();
        return false;
      }


  

      
      
      
    });
  });
</script>
        @endsection