@extends('adminlte::page')

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

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

@section('content')
    <x-adminlte-card title="Nuevo Usuario" theme="success" icon="fas fa-user-plus">

        <form action="{{ route('users.store') }}" method="POST">
            @csrf

            <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') }}" 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') }}" required/>
                </div>

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

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

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

            <x-adminlte-button label="Guardar Usuario" theme="success" 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