@props([
    'heading',
    'subheading',
])

<div class="row g-4 align-items-start">
    <div class="col-lg-3">
        <nav class="nav flex-column erp-settings-nav">
            <a class="@if (request()->routeIs('settings.profile')) active @endif" href="{{ route('settings.profile') }}">Profile</a>
            <a class="@if (request()->routeIs('settings.password')) active @endif" href="{{ route('settings.password') }}">Password</a>
            <a class="@if (request()->routeIs('settings.appearance')) active @endif" href="{{ route('settings.appearance') }}">Appearance</a>
        </nav>
    </div>

    <div class="col-lg-9">
        <div class="erp-panel">
            <div class="erp-section-heading">
                <h2>{{ $heading }}</h2>
                <p>{{ $subheading }}</p>
            </div>

            <div class="erp-settings-content">
                {{ $slot }}
            </div>
        </div>
    </div>
</div>