<x-central.app-layout> 
    <x-slot name="header"> 
        <h2 class="font-semibold text-xl text-gray-800 leading-tight"> 
            {{ __('Profile') }} 
        </h2> 
    </x-slot> 
 
    <div class="py-12"> 
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8"> 
            <div class="overflow-hidden"> 
                <div class="flex flex-row flex-wrap"> 
                    <div class="w-full md:w-1/3"> 
                        <div class="px-4 md:px-0"> 
                            <h3 class="text-lg font-medium leading-6 text-gray-900">{{ __('Profile Information') }}</h3> 
                            <p class="mt-1 text-sm leading-5 text-gray-600">{{ __("Update your account's profile information and email address.") }}</p> 
                        </div> 
                    </div> 
                    <div class="mt-4 md:mt-0 w-full md:w-2/3 pl-0 md:pl-2"> 
                        @livewire('central.profile.update-profile-information') 
                    </div> 
                </div> 
 
                <div class="py-8"> 
                    <div class="border-t border-transparent md:border-gray-200"></div> 
                </div> 
 
                <div class="flex flex-row flex-wrap"> 
                    <div class="w-full md:w-1/3"> 
                        <div class="px-4 md:px-0"> 
                            <h3 class="text-lg font-medium leading-6 text-gray-900">{{ __('Update Password') }}</h3> 
                            <p class="mt-1 text-sm leading-5 text-gray-600">{{ __('Ensure your account is using a long, random password to stay secure.') }}</p> 
                        </div> 
                    </div> 
                    <div class="mt-4 md:mt-0 w-full md:w-2/3 pl-0 md:pl-2"> 
                        @livewire('central.profile.update-password') 
                    </div> 
                </div> 
 
                <div class="py-8"> 
                    <div class="border-t border-transparent md:border-gray-200"></div> 
                </div> 
 
                <div class="flex flex-row flex-wrap"> 
                    <div class="w-full md:w-1/3"> 
                        <div class="px-4 md:px-0"> 
                            <h3 class="text-lg font-medium leading-6 text-gray-900">{{ __('Browser Sessions') }}</h3> 
                            <p class="mt-1 text-sm leading-5 text-gray-600">{{ __('Manage and log out your active sessions on other browsers and devices.') }}</p> 
                        </div> 
                    </div> 
                    <div class="mt-4 md:mt-0 w-full md:w-2/3 pl-0 md:pl-2"> 
                        @livewire('central.profile.logout-other-browser-sessions') 
                    </div> 
                </div> 
            </div> 
        </div> 
    </div> 
</x-central.app-layout> 
 
 |