<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>
|