<x-guest-layout>
    <div class="mb-4"><span class="eyebrow">NUEVO ACCESO</span><h2 class="auth-title">Crear cuenta</h2><p class="auth-subtitle">Registra una cuenta para administrar las solicitudes.</p></div>
    <form method="POST" action="{{ route('register') }}">@csrf
        <div class="mb-3"><label for="name" class="form-label">Nombre completo</label><div class="input-icon"><i data-lucide="user-round"></i><input id="name" class="form-control @error('name') is-invalid @enderror" type="text" name="name" value="{{ old('name') }}" required autofocus autocomplete="name" placeholder="Nombre y apellido"></div>@error('name')<div class="field-error">{{ $message }}</div>@enderror</div>
        <div class="mb-3"><label for="email" class="form-label">Correo electrónico</label><div class="input-icon"><i data-lucide="mail"></i><input id="email" class="form-control @error('email') is-invalid @enderror" type="email" name="email" value="{{ old('email') }}" required autocomplete="username" placeholder="nombre@correo.cl"></div>@error('email')<div class="field-error">{{ $message }}</div>@enderror</div>
        <div class="mb-3"><label for="password" class="form-label">Contraseña</label><div class="input-icon"><i data-lucide="lock-keyhole"></i><input id="password" class="form-control @error('password') is-invalid @enderror" type="password" name="password" required autocomplete="new-password" placeholder="Mínimo 8 caracteres"></div>@error('password')<div class="field-error">{{ $message }}</div>@enderror</div>
        <div class="mb-4"><label for="password_confirmation" class="form-label">Confirmar contraseña</label><div class="input-icon"><i data-lucide="lock-keyhole"></i><input id="password_confirmation" class="form-control" type="password" name="password_confirmation" required autocomplete="new-password" placeholder="Repite la contraseña"></div></div>
        <button class="btn btn-copper w-100 auth-submit" type="submit">Crear cuenta <i data-lucide="user-plus"></i></button>
        <p class="auth-switch">¿Ya tienes una cuenta? <a href="{{ route('login') }}">Iniciar sesión</a></p>
    </form>
</x-guest-layout>
