{{-- Admin shell: same visual language as the dashboard, separate navigation. --}}
@extends('layouts.base')
@section('noindex', true)

@php($is = fn (string ...$p) => request()->routeIs(...$p) ? 'is-active' : '')

@section('body')
<div class="app-shell">
  <aside class="iq-sidebar app-sidebar" aria-label="Admin">
    <div style="padding:4px 10px 16px" class="iq-row"><x-iq.logo /><span class="iq-badge" style="margin-left:auto">Admin</span></div>
    <a class="iq-side-item {{ $is('admin.dashboard') }}" href="{{ route('admin.dashboard') }}"><x-iq.icon name="home" /> Overview</a>
    <div class="iq-side-label">Moderation</div>
    <a class="iq-side-item {{ $is('admin.users.*') }}" href="{{ route('admin.users.index') }}"><x-iq.icon name="users" /> Users</a>
    <a class="iq-side-item {{ $is('admin.profiles.*') }}" href="{{ route('admin.profiles.index') }}"><x-iq.icon name="user" /> Profiles</a>
    <a class="iq-side-item {{ $is('admin.companies.*') }}" href="{{ route('admin.companies.index') }}"><x-iq.icon name="building" /> Companies</a>
    <a class="iq-side-item {{ $is('admin.products.*') }}" href="{{ route('admin.products.index') }}"><x-iq.icon name="box" /> Products</a>
    <a class="iq-side-item {{ $is('admin.reports.*') }}" href="{{ route('admin.reports.index') }}"><x-iq.icon name="flag" /> Reports</a>
    <div class="iq-side-label">Trust & money</div>
    <a class="iq-side-item {{ $is('admin.verifications.*') }}" href="{{ route('admin.verifications.index') }}"><x-iq.icon name="shield" /> Verifications</a>
    <a class="iq-side-item {{ $is('admin.payments.*') }}" href="{{ route('admin.payments.index') }}"><x-iq.icon name="card" /> Payments</a>
    <div style="margin-top:auto"></div>
    <a class="iq-side-item" href="{{ route('dashboard') }}"><x-iq.icon name="chevronLeft" /> Back to dashboard</a>
  </aside>
  <div class="app-main">
    <header class="iq-topbar app-topbar">
      <h1 style="margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em">@yield('heading')</h1>
      <span class="grow"></span>
      <x-iq.avatar :name="auth()->user()->name" :src="auth()->user()->avatar_url" size="sm" />
    </header>
    <main class="app-content">@yield('content')</main>
  </div>
</div>
<x-iq.toasts />
@endsection