@props(['title', 'back' => null])

<div class="settings-page" x-data="settingsPage()">
    <header class="settings-page-header">
        <div class="settings-page-header-start">
            <a href="{{ $back ?? url()->previous() }}" class="back-link" aria-label="Back">
                <i class="fa-solid fa-arrow-left"></i>
            </a>
            <h1>{{ $title }}</h1>
        </div>
    </header>

    <div class="settings-page-body">
        @if (session('status'))
            <div class="settings-toast" data-flash>{{ session('status') }}</div>
        @endif
        {{ $slot }}
    </div>

    @include('settings.partials.logout-modal')
</div>