                    <label for="password_confirmation" class="sr-only">Password confirmation</label>
                    <input type="password" id="password_confirmation" name="password_confirmation"
                        class="bg-gray-100 border-2 w-full p-4 rounded-lg" placeholder="Password confirmation" value="">
                </div>
                <div class="mb-4">
                    <label for="avatar" class="sr-only">Profile Pic</label>
                    <input type="file" id="avatar" name="avatar" class="bg-gray-100 border-2 w-full p-4 rounded-lg @error('avatar') border-red-500 @enderror"
                        placeholder="avatar" value="">
                    @error('avatar')
                        <div class="text-red-500 mt-2 text-sm">
                            {{ $message }}