Edit File: register.blade.php
<?php use App\Models\User; use Livewire\Volt\Component; use Livewire\Attributes\Layout; use Illuminate\Validation\Rules; use Illuminate\Support\Facades\Auth; use Illuminate\Support\Facades\Hash; use Illuminate\Auth\Events\Registered; use Illuminate\Support\Facades\Session; new #[Layout('layouts.guest')] class extends Component { public string $name = ''; public string $username = ''; public string $email = ''; public string $password = ''; public string $password_confirmation = ''; /** * Handle an incoming registration request. */ public function register(): void { $validated = $this->validate([ 'name' => ['required', 'string', 'max:255'], 'email' => ['required', 'string', 'lowercase', 'email', 'max:255', 'unique:' . User::class], 'username' => ['required', 'string', 'max:255', 'unique:' . User::class], 'password' => ['required', 'string', 'confirmed', Rules\Password::defaults()], ]); $validated['password'] = Hash::make($validated['password']); $validated['avatar'] = "/storage/user/avatar.webp"; $validated['role_id'] = 5; event(new Registered($user = User::create($validated))); Auth::login($user); $this->redirect(route('home', absolute: false), navigate: true); } }; ?> <div class=""> @section("title", "Form Registrasi Akun Okaminime") <form wire:submit="register" class="px-2"> <h1 class="text-3xl font-bold text-center">Form Registration</h1> @if (session('status')) <div class="bg-red-600 p-2 text-center rounded-lg my-4"> {{ session("message") }} </div> @endif <!-- Name --> <div> <x-input-label for="name" :value="__('Name')" class="text-white font-lg" /> <x-text-input wire:model="name" id="name" class="block mt-1 w-full text-black" type="text" name="name" required autofocus autocomplete="name" /> <x-input-error :messages="$errors->get('name')" class="mt-2" /> </div> <!-- Username --> <div class="mt-4"> <x-input-label for="username" :value="__('Username')" class="text-white font-lg" /> <x-text-input wire:model="username" id="username" class="block mt-1 w-full text-black" type="text" name="username" required autocomplete="username" /> <x-input-error :messages="$errors->get('username')" class="mt-2" /> </div> <!-- Email Address --> <div class="mt-4"> <x-input-label for="email" :value="__('Email')" class="text-white font-lg" /> <x-text-input wire:model="email" id="email" class="block mt-1 w-full text-black" type="email" name="email" required autocomplete="username" /> <x-input-error :messages="$errors->get('email')" class="mt-2" /> </div> <!-- Password --> <div class="mt-4"> <x-input-label for="password" :value="__('Password')" class="text-white font-lg" /> <x-text-input wire:model="password" id="password" class="block mt-1 w-full text-black" type="password" name="password" required autocomplete="new-password" /> <x-input-error :messages="$errors->get('password')" class="mt-2" /> </div> <!-- Confirm Password --> <div class="mt-4"> <x-input-label for="password_confirmation" :value="__('Confirm Password')" class="text-white font-lg" /> <x-text-input wire:model="password_confirmation" id="password_confirmation" class="block mt-1 w-full text-black" type="password" name="password_confirmation" required autocomplete="new-password" /> <x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" /> </div> <div class="flex items-center justify-end mt-4"> <a class="underline text-sm text-gray-300 dark:text-gray-400 hover:text-gray-100 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800" href="{{ route('login') }}" wire:navigate> {{ __('Sudah Daftar ? Klik Disini Untuk Login') }} </a> <x-primary-button class="ms-4 !bg-red-600 !text-white"> {{ __('Register') }} </x-primary-button> </div> </form> </div>
Back