@extends('layouts.user.account')

@section('page_title', __('labels.manage-account'))

@section('page_content')
    <x-page-content pageTitle="{{ __('settings.index-title') }}">
        <x-slot:pageCaption>
            {{ __('settings.index-desc') }}
        </x-slot:pageCaption>
        <x-slot:pageTabs>
            <x-user.tabs>
                <x-user.tab-item :active="$settingsPage == 'general'" link="{{ route('user.account.settings', ['tab' => 'general']) }}" labelText="{{ __('settings.tabs.general') }}"></x-user.tab-item>
                <x-user.tab-item :active="$settingsPage == 'password'" link="{{ route('user.account.settings', ['tab' => 'password']) }}" labelText="{{ __('settings.tabs.password') }}"></x-user.tab-item>
                <x-user.tab-item :active="$settingsPage == 'actions'" link="{{ route('user.account.settings', ['tab' => 'actions']) }}" labelText="{{ __('settings.tabs.actions') }}"></x-user.tab-item>
            </x-user.tabs>
        </x-slot:pageTabs>
        @if($settingsPage == 'password')
            @livewire('forms.user.settings.password-settings-form')
        @elseif($settingsPage == 'actions')
            @livewire('forms.user.settings.actions-settings-form')
        @else
            @livewire('forms.user.settings.account-settings-form')
        @endif
    </x-page-content>
@endsection