@extends('bucketadmin.master')

@section('pageTitle', 'Usuarios - Editar')

@section('template-content')
@include('partials.messages')
	<div class="row">
		<div class="col-md-12">
            <ul class="breadcrumb">
                <li><a href="/"><i class="fa fa-home"></i> Home</a></li>
                <li> <a href="/users"><i class="fa fa-users"></i> Usuarios</a></li>
                <li class="active">Editar Usuario</li>
            </ul>
        </div>
		<div class="col-sm-12 col-md-12">
			<section class="panel" id="edit-users">
			    <header class="panel-heading">Editar Usuario</header>
			    <div class="panel-body">
			        {!! Form::open(['url' => ['/users/update', $user->id], 'method' => 'POST']) !!}
			        	<div class="form-group">
			        		{!! Form::label('name', 'Nombre(s):') !!}
			        		{!! Form::text('name', $user->name, [
			        			'class' => 'form-control', 
			        			'required' => 'true', 
			        			'minlength' => '3', 
			        			'maxlength' => '80',
			        			'placeholder' => 'Ingrese su nombre', 
			        			'autofocus' => 'true'
			        		]) !!}
			        	</div>
			        	<div class="form-group">
			        		{!! Form::label('last_name', 'Apellidos:') !!}
			        		{!! Form::text('last_name', $user->last_name, [
			        			'class' => 'form-control', 
			        			'required' => 'true', 
			        			'minlength' => '3', 
			        			'maxlength' => '80',
			        			'placeholder' => 'Ingrese sus apellidos', 
			        			'autofocus' => 'true'
			        		]) !!}
			        	</div>
			        	<div class="form-group">
			        		{!! Form::label('email', 'Correo Electrónico:') !!}
			        		{!! Form::email('email', $user->email, [
			        			'class' => 'form-control', 
			        			'required' => 'true',
			        			'maxlength' => '80',
			        			'placeholder' => 'Ingrese su correo electrónico'
			        		]) !!}
			        	</div>
			        	<div class="form-group">
			        		{!! Form::label('password', 'Contraseña:') !!}
			        		{!! Form::password('password', [
			        			'class' => 'form-control',
			        			'minlength' => '8',
			        			'placeholder' => 'Ingrese su contraseña'
			        		]) !!}
			        	</div>
			        	<div class="form-group">
			        		{!! Form::label('rol_id', 'Rol:') !!}
			        		{!! Form::select('rol_id', [
			        		'1' =>	'Administrador',
							'2' =>	'Desarrollador',
							'3' =>	'E. Comercial',
							'4' =>	'G. Comercial',
							'5' =>	'E. Atención a Clientes',
							'6' =>	'G. Atención a Clientes',
							'7' =>	'E. Operaciones',
							'8' =>	'G. Operaciones',
							'10' =>	'E. Firma',
							'11' =>	'Contador',
		        		 	], $user->rol_id, [
							'class' => 'form-control',
							'required' => 'true'
							]) !!}
			        	</div>

			        	<button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Actualizar</button>
			    		<button type="button" class="btn btn-danger btn-delete" id="{{ $user->id}}"><span class="glyphicon glyphicon-trash" aria-hidden="true"> Eliminar</span></button>
			        	<a href="{{ url('/users') }}" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Regresar</a>
			        	{!! Form::close() !!}
			    </div>
			</section>			
		</div>
	</div>
@endsection
@push('scripts')
	<script type="text/javascript" src="{{ asset('plugins/sweetalert2/sweetalert2.all.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('plugins/sweetalert2/sweetalert2.min.js') }}"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			/* Eliminar usuarios con sweetalert */
			$("#edit-users").on('click', '.btn-delete', function(event) {
				event.preventDefault();

				var id = $(this).attr('id');

				swal({
					title: 'Desea continuar?',
					text: 'Recuerde que si usted elimina algún registro no podra revertir el efecto!',
					type: 'warning',
					showCancelButton: true,
					confirmButtonColor: '#DC3545',
					cancelButtonColor: '#6C757D',
					confirmButtonText: '<span class="glyphicon glyphicon-check" aria-hidden="true"></span> Si, eliminar!',
					cancelButtonText: '<span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Cancelar',
				  	reverseButtons: true
				}).then((result) => {
				  	if (result.value) {
				    	
				    	const contentType = "application/x-www-form-urlencoded; charset=utf-8";
				    	const url = "{{ url('users') }}" + "/" + id;

				    	$.ajax({
				    		url: url,
				    		method: 'POST',
				    		data: {'_method': 'DELETE', '_token' : "{{ csrf_token() }}" },
				    		contentType: contentType,
				    		success: function(result) {
				    			if (result == 'Success') {
				    				swal({
				    					type: 'success',
				    					title: 'El usuario fue eliminado con éxito.',
				    					showConfirmButton: false,
				    					timer: 1500
				    				});
				    				setTimeout(function(){
				    				    window.location.href = "/users";
				    				}, 1000);				    				
				    			} else if (result == 'Error') {
				    				swal(
				    				    'Fallido!',
				    				    'Oops ha ocurrido un problema al eliminar, intentelo nuevamente.',
				    				    'error'
				    				);
				    			}
				    		}
				    	});
				 	} else if (result.dismiss === swal.DismissReason.cancel) {
				    	swal(
				      		'Operaciòn Cancelada',
				      		'Recuerde que si elimina algún registro este no podrá recuperarse.',
				      		'error'
				    	);
				  	}
				});
			});						
		});		
	</script>
@endpush