@extends('layouts.home.site')
 
@section('content')

   <section class="inner-banner management_banner">
    <div class="container">
        <ul class="list-unstyled thm-breadcrumb">
            <li><a href="#">Home</a></li>
            <li class="active"><a href="#">Online Register</a></li>
        </ul>
        <h2 class="inner-banner__title">Online Register</h2>
    </div>
</section> 

<section class="course-details" style="padding: 50px 0 0 0">
    <div class="container">
        <div class="row">
<div class="register-content" ng-controller="academic_controller">  

		@include('errors.errors') 
		<div class="flash-message">
	    @foreach (['danger', 'warning', 'success', 'info'] as $msg)
	      @if(Session::has('alert-' . $msg))
	      <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>
	      @endif
	    @endforeach
	  	</div> <!-- end .flash-message -->

		{!! Form::open(array('url' => URL_USERS_REGISTER, 'method' => 'POST', 'name'=>'formLanguage ', 'name'=>"registrationForm",'enctype'=>'multipart/form-data')) !!}
				
		<div style="text-align: right;"> FIELDS MARKED WITH AN <span class="text-red">*</span>  ARE REQUIRED.</div>
		<ul class="nav nav-tabs add-student-tabs"> 
			<li class="{{isActive($tab_active, 'general')}}"><a data-toggle="tab" id="generaldetails"  href="#academic_details">{{ getPhrase('general_details')}}</a></li>
			
			<li class="{{isActive($tab_active, 'personal')}}" ><a data-toggle="tab" id="personaldetails" href="#personal_details">{{ getPhrase('personal_details')}}</a></li>
			
			<li  class="{{isActive($tab_active, 'contact')}}" ><a data-toggle="tab" id="contactdetails" href="#contact_details">{{ getPhrase('contact_details')}}</a></li> 

			<li  class="{{isActive($tab_active, 'user_documents')}}" ><a data-toggle="tab"  id="userdocuments" href="#user_documents">{{ getPhrase('documents')}}</a></li>
			 
		</ul>
	
		<div class="col-md-12">
		<div class="tab-content tab-content-style"> 
			@include('users.student.online-student-general-details-fields', 
					array('tab_active' => 'general', 'branches' => $branches))
			@include('users.student.online-student-personel-details-fields', 
					array( 'countries' => $countries, 'religions'=>$religions, 'categories'=>$categories))
			@include('users.student.online-student-contact-details-fields' )		 		
			@include('users.student.online-student-user-documents-fields')  
		
		</div> <br>
	</div> 	
{!! Form::close() !!} 	
 
	{{-- 	<div class="col-md-12" style="margin-top: 50px;"> <a href="{{URL_USERS_LOGIN}}" style="margin-top: 20px;"><p class="text-center">{{getPhrase('i_am_having_account')}} </p></a></div> --}}
	</div>
</div>
</div>
</section>

@stop



@section('footer_scripts') 
	<script src="{{JS}}moment.min.js"></script>
	<script src="{{JS}}bootstrap-datepicker.min.js"></script>
	<script src="{{JS}}bootstrap-datetimepicker.js"></script>
	<script src="{{JS}}select2.js"></script>
	@include('users.student.scripts.online-student-js-scripts')

<script type="text/javascript"> 
	$("#generalfrom").click(function(){
	  $('#personaldetails').click();
	  $("html, body").animate({ scrollTop: 300 }, "slow");
	});
	$("#personalfrom").click(function(){
	  $('#contactdetails').click();
	  $("html, body").animate({ scrollTop: 300 }, "slow");
	}); 
	$("#contactfrom").click(function(){
	  $('#userdocuments').click();
	  $("html, body").animate({ scrollTop: 300 }, "slow");
	}); 	
</script>
@stop