@extends('layouts.page', [
	'panel_display' => true,
	'panel_menu_active' => ['staff.register']
])

@include('html.header.input')
@include('html.header.select2')
@include('html.header.validator')
@include('html.header.edm-ajax')

@push('css')
<link rel="stylesheet" type="text/css" href="/css/register.css"/>
@endpush

@push('head')
<script type="text/javascript">
	$(document).ready(function() {

		$('form[name=form_register]').validate({
	        submitHandler:function(form) {
	        	var form_data = $(form).serializeObject();
	        	form_data.json = true;

	        	$.edm_ajax({
	        		ssl:true,
					url:$(form).attr('action'),
					data:form_data,
					closeDelay:1000,
					el_proc_msg:'Registration request is in progress.',
					el_success_msg:'Registration is complete.',
					success:function(el, data) {
						setTimeout(function() {
							window.location.href = "{{ URL::route('staff.list') }}";
						}, el.data('edm_ajax_setting').closeDelay);
					}
				});
	        }
	    });
	});
</script>
@endpush

@section('ui-content')
	<div class="section-content">
		<h3 class="title">{{ Lang::get('staff.word.administrator_registration') }}</h3>
		<form method="POST" name="form_register" action="{{ URL::route('staff.register.save') }}">
			<input type="hidden" name="_token" value="{{ csrf_token() }}"/>
			<div class="section-register">
				<div class="section-register-cont">
					@include('template.staff.register.default')
				</div>
			</div>
			<div class="section-register">
				<div class="section-register-cont text-center">
					<button type="submit" class="btn btn-action btn-success btn-letter-spacing">{{ Lang::get('staff.word.registration') }}</button>
				</div>
			</div>
		</form>
	</div>
@endsection