@extends('layouts.app')

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

@section('content')
<link rel="stylesheet" href="{{ asset('css/style.css') }}">
    <h2>Crear Usuario</h2>

    @if ($errors->any())
        <div style="color: red;">
            <strong>¡Oops! Algo salió mal.</strong>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('users.store') }}" method="POST">
        @csrf
        <label for="nombre_usuario">Nombre Completo:</label>
        <input type="text" name="nombre_usuario" id="nombre_usuario" value="{{ old('nombre_usuario') }}" required>
        <br>

        <label for="correo_usuario">Correo Electrónico:</label>
        <input type="email" name="correo_usuario" id="correo_usuario" value="{{ old('correo_usuario') }}" required>
        <br>

        <label for="name">Nombre de Usuario:</label>
        <input type="text" name="name" id="name" value="{{ old('name') }}" required>
        <br>

        <label for="password">Contraseña:</label>
        <input type="password" name="password" id="password" required>
        <br>

        <label for="rol">Rol:</label>
        <select name="rol" id="rol" required>
            <option value="" disabled selected>Selecciona un rol</option>
            @foreach($roles as $rol)
                <option value="{{ $rol->id_rol }}">{{ $rol->nombre_rol }}</option>
            @endforeach
        </select>
        <br>

        <button type="submit">Guardar Usuario</button>
    </form>

    <a href="{{ route('users.index') }}">Volver a la lista</a>
@endsection