@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'=>$user->role])}}">Plantilla</a></li>
		<li class="active">Editar Usuario</li>
	</ol>

	<div class="row">
		<div class="col-md-8 col-md-offset-2">
			@if($user->isAdmin)
				<h3>Editar al administrador</h3>
			@elseif($user->isManager)
				<h3>Editar al gerente</h3>
			@else
				<h3>Editar al ejecutivo</h3>
			@endif
			@include('errors.partials.alert', ['errors' => $user->getErrors()])
			@include('admin.users.partials.form')
		</div>
	</div>

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

			$('#first_name').alphanum({
				allow: '&ñ-.\'',
				allowNumeric: false,
			});
			$('#last_name').alphanum({
				allow: '&ñ-.\'',
				allowNumeric: false,
			});
			$('#phone').numeric();
			$('#employee_number').numeric();

			var $btn_submit = $('input[type=submit]');
			$btn_submit.prop('disabled', true);

			$('input, select').on('change keyup', function() {
				$btn_submit.prop('disabled', false);
			});

			$("form").validate({
			  rules: {
			  	first_name: 'required',
				last_name: 'required',
			    phone: 'digits',
			    employee_number: {
			    	required: true,
			    	digits: true
			    },
				management_id: {
					required: true,
					digits: true
				},
				manager_id: 'digits'
			  }, 
			  submitHandler: function(form) {
			    form.submit();
			    // $('#loader').show();
			    $('button').attr('disabled', true);
			    $('input').attr('readonly', true);
			  }
			});
		});
	</script>
	@stop
@stop