@extends('app')
@section('content')

	<ol class="breadcrumb">
	    <a href="#" class="back-btn">
	      <span class="glyphicon glyphicon-arrow-left"></span> Regresar
	    </a>
	    &nbsp;&nbsp;&nbsp;
		<li><a href="{{route('home')}}">Inicio</a></li>
		<li><a href="{{action('Admin\UsersController@index',['active_tab'=>$active_tab])}}">Plantilla</a></li>
		<li class="active">Añadir Usuario</li>
	</ol>

	<div class="row">
		<div class="col-md-8 col-md-offset-2">
			@if($active_tab == 'admin')
				<h3>Dar de alta un nuevo Administrador</h3>
			@elseif($active_tab == 'manager')
				<h3>Dar de alta un nuevo Gerente</h3>
			@elseif($active_tab == 'regional')
				<h3>Dar de alta un nuevo Regional</h3>
			@else
				<h3>Dar de alta un nuevo Ejecutivo</h3>
			@endif
		

			@include('errors.partials.alert')
			@include('admin.users.partials.form')
		</div>
	</div>

	@section('script')
	{!!Html::script('js/jquery.validate.min.js')!!}
	{!! Html::script('js/select2.full.js')!!}
	<script type="text/javascript">
		$(document).ready(function() {

			var $managements = $('#managements-select'),
				$managers = $('#managers-select');

			$('#last_name').alphanum({
				allow: '&ñ-.\'\ ',
				allowNumeric: false,
			});
			$('#first_name').alphanum({
				allow: '&ñ-.\'\ ',
				allowNumeric: false,
			});
			$('#cusp').alphanum({
			    allowOtherCharSets: false
			});
			$('#phone').numeric();
			$('#no_emp').numeric();
			$('#ccosto').numeric();
			
			$("form").validate({
				errorClass: 'text-warning',
				rules: {
					// role: 'required',
					first_name: 'required',
					last_name: 'required',
					@if($active_tab != 'admin')
					ccosto: {
						required: true,
						minlength: 9,
						min: 1
					},
					@endif
					cusp: 'required',
					phone: 'digits',
					employee_number: {
						required: true,
						digits: true
					},
					management_id: {
						required: true,
						digits: true
					},
					manager_id: 'digits'
				}, 
				submitHandler: function(form) {
					form.submit();
					$('input[type=submit]')
					.attr('disabled', true);
					$('input').attr('readonly', true);
				}
			});
			$('#management_id').select2({theme : 'bootstrap'});
		});
	</script>
	@stop

	@section('style')
	    @parent
	    {!! Html::style('css/select2.css')!!}
	    {!! Html::style('css/select2-bootstrap.css')!!}
	@endsection

@stop