@props(['title' => 'مدیریت'])

<x-layouts.base :title="$title">
  <div class="app-shell">
    <header class="topbar">
      <div class="container topbar-inner">
        <a class="brand" href="{{ route('admin.dashboard') }}">
          <span class="brand-mark">
            <x-ui.icon name="settings"/>
          </span>
          <span>مدیریت سامانه</span>
        </a>

        <div class="topbar-actions">
          <a
            class="btn btn-secondary btn-sm"
            href="{{ route('app.dashboard') }}"
          >
            پنل کاربر
          </a>
        </div>
      </div>
    </header>

    <div class="desktop-shell">
      <x-navigation area="admin"/>

      <main class="page">
        <div class="container">
          <x-ui.flash/>
          {{ $slot }}
        </div>
      </main>
    </div>
  </div>
</x-layouts.base>