@extends('layouts.frontend')

@section('content')
<style type="text/css">
  .switch-left, .switch-right
  {
    display: none;
  }
</style>
<div class="register-b">

<div class="login-s animated fadeInDown delayp1">
<h3>{{ Lang::get('core.Register') }}</h3>
{!! Form::open(array('url'=>'user/create', 'class'=>'form-signup','id'=>'register-form', 'autocomplete'=>'off')) !!}
	@if(Session::has('message'))
				{!! Session::get('message') !!}
			@endif
            <ul class="parsley-error-list">
			@foreach($errors->all() as $error)
				<li class="alert alert-danger">{{ $error }}</li>
			@endforeach
		</ul>
        <div class="clearfix">
<ul class="signup-b">
<li class="">
<label>{{ Lang::get('core.firstname') }}<span class="req">*</span></label>
<div class="form-group animated fadeInLeft">
<i class="fa fa-user"></i>		
	  {!! Form::text('firstname', $first_name, array('placeholder'=>Lang::get('core.firstname') )) !!}
	</div>
  </li>
  <li>
  <label>{{ Lang::get('core.lastname') }}<span class="req">*</span></label>  
<div class="form-group animated fadeInRight">
<i class="fa fa-user"></i>		
	 {!! Form::text('lastname', $last_name, array('placeholder'=>Lang::get('core.lastname'))) !!}
	</div>
</li>
  <li>
  <label>{{ Lang::get('core.dob') }}<span class="req">*</span></label>  
<div class="form-group animated fadeInRight">
<i class="fa fa-calendar"></i>    
   <!-- {!! Form::text('lastname', $last_name, array('placeholder'=>Lang::get('core.lastname'))) !!} -->
   {!! Form::text('dob', $dob,array('placeholder'=>Lang::get('core.dob'),'class'=>'form-control date','id'=>'dob', 'required'=>'')) !!} 
  </div>
</li>
<li>
 <label>{{ Lang::get('core.username') }}<span class="req">*</span></label>    
<div class="form-group animated fadeInLeft">
<i class="fa fa-user"></i>		
	  {!! Form::text('username', $username, array('placeholder'=>Lang::get('core.username') )) !!}
	</div>
  </li>
<li>
 <label>{{ Lang::get('core.Categories') }}<span class="req">*</span></label>    
<div class="form-group animated fadeInLeft">
    {!! Form::select('category_id[]',$category_id,$category_id,array('multiple'=>'multiple','class'=>'select2','id'=>'group_id','placeholder'=>Lang::get('core.please_select'), 'required'=>'true' )) !!}
  </div>
  </li>
  <li>
  <label>{{ Lang::get('core.phone') }}<span class="req">*</span></label>
 <div class="form-group animated fadeInLeft">
    <i class="fa fa-phone"></i>  
   {!! Form::text('phone', $phone, array('placeholder'=>Lang::get('core.phone'))) !!}
  </div> 
  
  </li>
  <li>
  <label>{{ Lang::get('core.email') }}<span class="req">*</span></label>
 <div class="form-group animated fadeInRight">
		<i class="fa fa-envelope"></i>	
	 {!! Form::text('email', $email, array('placeholder'=>Lang::get('core.email'))) !!}
	</div> 
  
  <li>
  <label>{{ Lang::get('core.password') }}<span class="req">*</span></label>
  <div class="form-group animated fadeInRight">
<i class="fa fa-lock"></i>		
	 {!! Form::password('password', array('placeholder'=>Lang::get('core.password'),'id'=>'password')) !!}
	</div>
  </li>
 <li>
 <label>{{ Lang::get('core.repassword') }}<span class="req">*</span></label>
 <div class="form-group animated fadeInLeft">
<i class="fa fa-lock"></i>			
	 {!! Form::password('password_confirmation', array('placeholder'=>Lang::get('core.conewpassword'))) !!}
	</div>
 </li> 
    <li>
   @if(CNF_RECAPTCHA =='true') 
        <label class="text-left"> {!! Lang::get('core.captcha')!!} <span class="req">*</span></label>    
         {{ Lang::get('core.case_sensitive') }}
        <div class="captcha-block">
        {!! captcha_img() !!} 
        <div class="form-group animated fadeInRight">
        <i class="fa fa-lock"></i>
        <input type="text" name="recaptcha_response" placeholder="{!! Lang::get('core.security_code')!!}" class="form-control" required/>
        </div>
      </div>
    @endif  
    </li>
  </ul>  
  </div>

    <div class="clearfix">
          <div class="row form-actions">
        <div class="col-sm-12">
{!! Form::hidden('social_id', $social_id); !!}
        {!! Form::hidden('social_type', $social_type); !!}
        {!! Form::hidden('social_avatar',$socialavatar)!!}
          <button type="submit" style="" class="btn btn-color animated fadeInUp">{{ Lang::get('core.signup') }}	</button>
          </div>
          </div>
    </div>      
 {!! Form::close() !!}
</div>



</div>
<script language="javascript" type="text/javascript">
  $.validator.methods.email = function( value, element ) {
  return this.optional( element ) || /([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9])+$/.test( value );
}

    $('#dob').datepicker({
        endDate: '-1d',
        autoclose: true
    });
$("#register-form").validate({
    errorClass: "form-error-class",
    rules: {
      firstname: {
        required: true,
        minlength:2,
        lettersonly:true
      },
      lastname: {
        required: true,
        minlength:2,
        lettersonly:true 
      },
      username: {
        required: true,
        minlength:2,
        alpha_space_dashes: true,
      },
      email: {
        required: true,
        email: true 
      },
      password: {
        required: true,
        rangelength: [6, 12]
      },
      password_confirmation: {
        required: true,
        rangelength: [6, 12],
        equalTo: "#password" 
      },
      phone: {
        required: true,
        minlength:2 
      },
      dob: {
        required: true
      },
    },
    messages: {
      firstname:{
        required:'Firstname Field Is Required',
        minlength:'Firstname Must Be At Least 2 Characters',
        lettersonly:'Firstname May Only Contain Letters',
      },
      lastname:{
        required:'Lastname Field Is Required',
        minlength:'Lastname Must Be At Least 2 Characters',
        lettersonly:'Firstname May Only Contain Letters',
      },
      username:{
        required:'Username Field Is Required',
        minlength:'Username Must Be At Least 2 Characters',
        alpha_space_dashes:'Username May Only Contain Letters,Spaces,Dashes',
      },
      email:{
        required:'Email Field Is Required',
        email:'Enter Valid Email',

    },
      password:{
        required:'Password Field Is Required',
        rangelength:'Password Must Be Between 6 And 12 Characters'
      },
      password_confirmation:{
        required:'Confirm Password Field Is Required',
        rangelength:'Confirm Password Must Be Between 6 And 12 Characters',
        equalTo:'Enter Same Password'
      },
      phone:{
        required:'Phone Field Is Required',
        minlength:'Phone Must More than 10 Numbers'
      },
      dob:{
        required:'Date of Birth Field Is Required'
      }
    }
  });
	$(function(){
		$('body').removeClass();
		$('body').addClass('sxim-init');
		$('body').addClass('login-b');
		$('#front-header').addClass('front-header');	
	});
  jQuery.validator.addMethod("lettersonly", function(value, element) {
  return this.optional(element) || /^[a-z]+$/i.test(value);
}, "Letters only please"); 
  jQuery.validator.addMethod("alpha_space_dashes", function(value, element) {
  return this.optional(element) || /^[a-z .\-]+$/i.test(value);
}, "Username may contain only alpha,spaces,dashes"); 
</script> 


@stop