@if( count($errors) > 0 )
<div class="alert alert-danger">
	<ul>
		@foreach ($errors->all() as $error)
		<li>{{ $error }}</li>
		@endforeach
	</ul>
</div>
@endif

<form id="form-usuario" method="POST" enctype="multipart/form-data" role="form">

	@if($action == 'create')
	<h3>Registrar Usuario</h3>
	@elseif($action == 'edit')
	<h3>Editar Usuario</h3>
	@endif

	<input type="hidden" name="_token" value="{{ csrf_token() }}" />

	<input type="hidden" name="id" value="{{ $mock->id }}" />

	<div class="form-group">
		<div class="">
			<p>
				<img src="{{ $mock->avatar }}" class="avatar margin-10-tp" style="width:30%;" />
			</p>
			<p>
				<label for="photo">Avatar</label>
				<input type="file" id="photo" name="photo" />
			</p>
		</div>
	</div>

	@if($mock->id == $sessionUser->id)
	<div class="form-group">
		<label for="rol">Rol</label>
		<input type="hidden" name="rol" value="{{$mock->rol}}">
		<select id="rol" class="form-control" required data-error="Por favor, seleccione un rol." disabled="disabled">
				<option selected >{{$mock->rolName}}</option>
		</select>
		<div class="help-block with-errors"></div>
	</div>
	@else
	<div class="form-group">
		<label for="rol">Rol</label>
		<select id="rol" name="rol" class="form-control" required data-error="Por favor, seleccione un rol.">
			@foreach($roles as $rol => $value)
				<option value="{{$rol}}" {{ $mock->rol == $rol ? 'selected' : '' }}>{{$value}}</option>
				{{$rol}} {{$value}}
			@endforeach
		</select>
		<div class="help-block with-errors"></div>
	</div>
	@endif

	@if($action == 'create')
	<div class="form-group">
		<label for="email">Email</label>
		<input type="email" id="email" name="email" class="form-control" value="{{ $mock->email }}" required/>
		<div class="help-block with-errors"></div>
	</div>
	@else
	<div class="form-group">
		<label for="email">Email</label>
		<input type="email" id="email" name="email" class="form-control" value="{{ $mock->email }}" required/>
		<div class="help-block with-errors"></div>
	</div>
	@endif

	<div class="form-group">
		<label for="nombre">Nombre</label>
		<input type="text" id="nombre" name="nombre" class="form-control" value="{{ $mock->nombre }}" required/>
		<div class="help-block with-errors"></div>
	</div>

	<div class="form-group">
		<label for="apellido">Apellido</label>
		<input type="text" id="apellido" name="apellido" class="form-control" value="{{ $mock->apellido }}" required/>
		<div class="help-block with-errors"></div>
	</div>

	@if(in_array($sessionUser->rol, [App\Models\Usuario::ROL_ADMIN, App\Models\Usuario::ROL_ADMIN_CONCESIONARIO]) && $action == 'edit')
	<div class="form-group">
		<label for="password">Contraseña</label>
		<input type="password" id="password" name="password" class="form-control"/>
		<div class="help-block with-errors"></div>
	</div>

	<div class="form-group">
		<label for="password">Confirmar contraseña</label>
		<input type="password" id="password_confirmation" name="password_confirmation" class="form-control"/>
		<div class="help-block with-errors"></div>
	</div>
	@endif

	<div class="form-group">
		<input type="submit" class="btn btn-primary" value="Guardar" />
		<a href="{{ url('admin/usuarios') }}" class="btn btn-default">Cancelar</a>
	</div>

</form>

@section('scripts')
	<script type="text/javascript">

		$('#form-usuario').bootstrapValidator({
			fields: {
				photo: {
					validators: {
						file: {
							extension: 'jpeg,jpg,png,JPG,PNG',
							type: 'image/jpeg,image/png',
							message: 'La imagen debe tener formato .jpg o .png.'
						}
					}
				},
				nombre: {
            validators: {
                notEmpty: {
                    message: 'Por favor, introduzca un nombre.'
                }
            }
        },
        apellido: {
            validators: {
                notEmpty: {
                    message: 'Por favor, introduzca un apellido'
                }
            }
        },
				email: {
            validators: {
                notEmpty: {
                    message: 'Por favor, introduzca un correo electrónico.'
                },
                email: {
                	message: 'Por favor, introduzca una dirección de correo válida.'
                },
                remote: {
                	url: '/admin/usuarios/validate-unique-email/',
                	data: function(validator) {
                        return {
                            id: validator.getFieldElements('id').val()
                        };
                    },
                }
            }
        },
				password: {
	          validators: {
	              identical: {
									field: 'password_confirmation',
									message: 'La clave introducida y su confirmación no son idénticas.'

								}
	          }
	      },
	      password_confirmation: {
	          validators: {
	              identical: {
	              	field: 'password',
	              	message: 'La clave introducida y su confirmación no son idénticas.'
	              }

	          }
				},

			},

		});

    </script>

@endsection