@extends('layouts.app')

@section('content')
	<div class="row justify-content-center" style="margin-top:1em">
		<div class="col-10">

			<div class="card shadow p-3 mb-5 bg-body rounded">
				<div class="row justify-content-center" style="margin-top:0em;margin-bottom:0em;padding:0em">
					<div class="col-12" align="center" style="color:#222222;font-family:Soho Std;font-size:2.2em">
						Edición de Usuarios
					</div>
				</div>
				<hr/>
				<div class="card-body" style="padding:0em 2em 2em 2em">
					<form method="POST" action="{{ route('updateUsers') }}">
					@csrf

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

						<div class="row justify-content-center">
							<div class="col-12">
								<a href="{{route('usuarios')}}" style="cursor: pointer;text-decoration: none;color:darkslateblue;font-size:1.1em">
									<strong>
										<i class="fas fa-arrow-left"></i> Volver
									</strong>
								</a>
							</div>
						</div>
						<div class="row justify-content-center" style="margin-top:1em">
							<div class="col-6">
								<label for="name" class="form-label">Nombre(s)</label>

								<input id="name"  name="name" type="text" class="form-control"
								value="{{ isset($user->name) ? $user->name : '' }}"
								 >
							</div>
							<div class="col-6">
								<label for="first_lastname" class="form-label">Apellido Paterno</label>
								<input id="first_lastname" name="first_lastname" type="text" class="form-control"
								value="{{ isset($user->first_lastname) ? $user->first_lastname : '' }}"
								 >
							</div>
						</div>
						<div class="row justify-content-center" style="margin-top:2em">
							<div class="col-6">
								<label for="second_lastname" class="form-label">Apellido Materno</label>
								<input id="second_lastname" name="second_lastname" type="text" class="form-control"
								value="{{ isset($user->second_lastname) ? $user->second_lastname : '' }}"
								 >
							</div>
							<div class="col-6">
								<label for="user_types" class="form-label">Tipo de Usuario</label>
								<select id="user_types" name="user_types" class="form-control" >
									<option value="">-- Seleccione un valor --</option>
									@foreach($user_types as $item)
										@if($item['id'] == $user->user_types_id)
											<option value="{{ $item['id'] }}" selected>{{ $item['user_type'] }}</option>
										@else
											<option value="{{ $item['id'] }}">{{ $item['user_type'] }}</option>
										@endif
									@endforeach
								</select>
							</div>
						</div>
						<div class="row justify-content-center" style="margin-top:2em">
							<div class="col-6">
								<label for="user" class="form-label">Usuario</label>
								<input id="user" name="user" type="text" class="form-control"
								value="{{ isset($user->user) ? $user->user : '' }}"
								 >
							</div>
							<div class="col-6">
								<label for="password" class="form-label">Contraseña</label>
								<input id="password" name="password" type="password" class="form-control"
								 >
							</div>
						</div>
						<div class="row justify-content-start" style="margin-top:2em">
							<div class="col-6">
								<label for="password_confirmation" class="form-label">Confirmar contraseña</label>
								<input id="password_confirmation" name="password_confirmation" type="password" class="form-control"
								 >
							</div>
						</div>
						<div class="row justify-content-center" style="margin-top:2em">
							<div class="col-12" align="right">
								<button type="submit" class="btn btn-primary btn-block">Actualizar</button>
							</div>
						</div>
					</form>
				</div>
			</div>

		</div>
	</div>
@endsection