laravelio/laravel.io

@title('Profile')

<section aria-labelledby="profile_settings_heading">
    <x-buk-form method="PUT" action="{{ route('settings.profile.update') }}">
        <div class="shadow sm:rounded-md sm:overflow-hidden">
            <div class="bg-white py-6 px-4 space-y-6 sm:p-6">
                <div>
                    <h2 id="profile_settings_heading" class="text-lg leading-6 font-medium text-gray-900">
                        Profile
                    </h2>
                    <p class="mt-1 text-sm leading-5 text-gray-500">
                        Update your profile information.
                    </p>
                </div>

                <div class="flex flex-col space-y-6 lg:flex-row lg:space-y-0 lg:space-x-6">
                    <div class="flex-grow space-y-6">
                        <div class="space-y-1">
                            <x-forms.label for="name"/>

                            <x-forms.inputs.input name="name" :value="Auth::user()->name()" required />
                        </div>

                        <div class="space-y-1">
                            <x-forms.label for="bio"/>

                            <x-forms.inputs.textarea name="bio" rows="3" maxlength="160">
                                {{ Auth::user()->bio() }}
                            </x-forms.inputs.textarea>

                            <span class="mt-2 text-sm text-gray-500">
                                The user bio is limited to 160 characters.
                            </span>
                        </div>
                    </div>

                    <div class="flex-grow space-y-1 lg:flex-grow-0 lg:flex-shrink-0">
                        <p class="block text-sm leading-5 font-medium text-gray-700" aria-hidden="true">
                            Profile Image
                        </p>

                        <div class="flex items-center mt-2">
                            <div class="flex-shrink-0 inline-block overflow-hidden" aria-hidden="true">
                                <x-avatar :user="Auth::user()" class="h-32 w-32 mt-4" />

                                <span class="mt-4 inline-block text-sm text-gray-500">
                                    Change your avatar for

                                    <a href="https://github.com/{{ Auth::user()->githubUsername() }}" class="text-lio-700">
                                        your GitHub profile
                                    </a>.
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid grid-cols-12 gap-6">
                    <div class="col-span-12">
                        <x-forms.label for="email" />

                        <x-forms.inputs.email name="email" :value="Auth::user()->emailAddress()" required />

                        @unless(Auth::user()->hasVerifiedEmail())
                            <span class="mt-2 text-sm text-gray-500">
                                This email address is not verified yet.

                                <a href="{{ route('verification.notice') }}" class="text-lio-500">
                                    Resend verification email.
                                </a>
                            </span>
                        @endunless
                    </div>

                    <div class="col-span-12 sm:col-span-6">
                        <x-forms.label for="username" />

                        <x-forms.inputs.input name="username" :value="Auth::user()->username()" required />
                    </div>

                    <div class="col-span-12 sm:col-span-6">
                        <x-forms.label for="twitter">Twitter handle</x-label>

                        <x-forms.inputs.input name="twitter" :value="Auth::user()->twitter()" prefix-icon="heroicon-o-at-symbol" class="nav-search" />

                        <span class="mt-2 text-sm text-gray-500">
                            Enter your Twitter handle without the leading @ symbol
                        </span>
                    </div>
                </div>
            </div>

            <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
                <span class="inline-flex rounded-md shadow-sm">
                    <x-buttons.primary-button type="submit">
                        Update Profile
                    </x-buttons.primary-button>
                </span>
            </div>
        </div>
    </x-form>
</section>

use App\Http\Controllers\Controller;
use App\Http\Requests\UpdateProfileRequest;
use App\Jobs\UpdateProfile;
use Illuminate\Auth\Middleware\Authenticate;
use Illuminate\Support\Facades\Auth;

class ProfileController extends Controller
{
    public function __construct()
    {
        $this->middleware(Authenticate::class);
    }

    public function edit()
    {
        return view('users.settings.settings');
    }

    public function update(UpdateProfileRequest $request)
    {
        $this->dispatchNow(UpdateProfile::fromRequest(Auth::user(), $request));

        $this->success('settings.updated');

        return redirect()->route('settings.profile');
    }
    //
}

use App\Http\Controllers\Settings\ProfileController as ProfileSettingsController;
use Illuminate\Support\Facades\Route;

//
Route::get('settings', [ProfileSettingsController::class, 'edit'])->name('settings.profile');
Route::put('settings', [ProfileSettingsController::class, 'update'])->name('settings.profile.update');
//