@extends('adminlte::page')

@section('title', 'Editar Usuario')

@section('content_header')
    <h1>Editar Usuario</h1>
@stop

@section('content')
    <x-adminlte-card title="Modificar Usuario" theme="warning" icon="fas fa-user-edit">

        <form action="{{ route('users.update', $user->id) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="row">
                <div class="col-md-6">
                    <x-adminlte-input name="name" label="Nombre completo" placeholder="Ingresa el nombre"
                        fgroup-class="mb-3" value="{{ old('name', $user->name) }}" required/>
                </div>

                <div class="col-md-6">
                    <x-adminlte-input name="email" label="Correo electrónico" type="email"
                        placeholder="usuario@ejemplo.com" fgroup-class="mb-3" value="{{ old('email', $user->email) }}" required/>
                </div>

                <div class="col-md-6">
                    <x-adminlte-input name="password" label="Nueva Contraseña" type="password"
                        placeholder="Dejar en blanco si no se cambia" fgroup-class="mb-3"/>
                </div>

                <div class="col-md-6">
                    <x-adminlte-input name="password_confirmation" label="Confirmar Nueva Contraseña" type="password"
                        placeholder="********" fgroup-class="mb-3"/>
                </div>

                <div class="col-md-6">
                    <x-adminlte-select name="role_id" label="Rol asignado" fgroup-class="mb-3" required>
                        @foreach($roles as $id => $name)
                            <option value="{{ $id }}" {{ $user->roles->first()?->id == $id ? 'selected' : '' }}>
                                {{ ucfirst($name) }}
                            </option>
                        @endforeach
                    </x-adminlte-select>
                </div>
            </div>

            <x-adminlte-button label="Actualizar Usuario" theme="warning" icon="fas fa-save" type="submit" class="mt-3"/>
            <a href="{{ route('users.index') }}" class="btn btn-secondary mt-3 ml-2">Cancelar</a>
        </form>

    </x-adminlte-card>
@stop