{{-- resources/views/users/create.blade.php --}}
@extends('layouts.app')

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

@section('content')
    <div class="container">
        <h1 class="mb-4 text-white"><i class="bi bi-person-plus me-2"></i> Crear Nuevo Usuario</h1>

        <div class="row justify-content-center">
            <div class="col-md-10 col-lg-8"> {{-- Un poco más ancho para más campos --}}
                <div class="card bg-dark shadow-sm text-white">
                    <div class="card-body">
                        <form action="{{ route('users.store') }}" method="POST">
                            @csrf

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="alias" class="form-label"><i class="bi bi-person me-2"></i> Alias</label>
                                        <input type="text" class="form-control form-control-sm bg-secondary border-secondary text-white @error('alias') is-invalid @enderror" id="alias" name="alias" value="{{ old('alias') }}" required>
                                        @error('alias')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="email" class="form-label"><i class="bi bi-envelope me-2"></i> Email</label>
                                        <input type="email" class="form-control form-control-sm bg-secondary border-secondary text-white @error('email') is-invalid @enderror" id="email" name="email" value="{{ old('email') }}" required>
                                        @error('email')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="pass_hash" class="form-label"><i class="bi bi-lock me-2"></i> Contraseña</label>
                                        <input type="password" class="form-control form-control-sm bg-secondary border-secondary text-white @error('pass_hash') is-invalid @enderror" id="pass_hash" name="pass_hash" required>
                                        @error('pass_hash')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="pass_hash_confirmation" class="form-label"><i class="bi bi-lock-fill me-2"></i> Confirmar Contraseña</label>
                                        <input type="password" class="form-control form-control-sm bg-secondary border-secondary text-white" id="pass_hash_confirmation" name="pass_hash_confirmation" required>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="nom_ape" class="form-label"><i class="bi bi-person-vcard me-2"></i> Nombre Completo</label>
                                        <input type="text" class="form-control form-control-sm bg-secondary border-secondary text-white @error('nom_ape') is-invalid @enderror" id="nom_ape" name="nom_ape" value="{{ old('nom_ape') }}">
                                        @error('nom_ape')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="cel_user" class="form-label"><i class="bi bi-phone me-2"></i> Celular</label>
                                        <input type="text" class="form-control form-control-sm bg-secondary border-secondary text-white @error('cel_user') is-invalid @enderror" id="cel_user" name="cel_user" value="{{ old('cel_user') }}">
                                        @error('cel_user')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="rol" class="form-label"><i class="bi bi-person-badge me-2"></i> Rol</label>
                                        <input type="text" class="form-control form-control-sm bg-secondary border-secondary text-white @error('rol') is-invalid @enderror" id="rol" name="rol" value="{{ old('rol') }}">
                                        @error('rol')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="token" class="form-label"><i class="bi bi-key me-2"></i> Token</label>
                                        <input type="number" class="form-control form-control-sm bg-secondary border-secondary text-white @error('token') is-invalid @enderror" id="token" name="token" value="{{ old('token') }}">
                                        @error('token')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="d-flex justify-content-end mt-4">
                                <button type="submit" class="btn btn-primary btn-sm shadow-sm"><i class="bi bi-person-plus-fill me-2"></i> Crear Usuario</button>
                                <a href="{{ route('users.index') }}" class="btn btn-secondary btn-sm ms-2 shadow-sm"><i class="bi bi-x-circle me-2"></i> Cancelar</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection