{{--
    Shell for the buyer/seller dashboard.

    It sits inside the public layout — an account holder is still a visitor, and
    losing the header would cut them off from browsing. The side navigation grows
    as later phases land; entries with no screen yet are simply absent rather
    than present and dead.
--}}
@extends('layouts.public')

@section('content')
    @php
        $user = auth()->user();
        $isSeller = $user->isSeller();

        $sections = collect([
            ['route' => 'account.dashboard', 'label' => __('Overview'), 'icon' => 'layers'],
            ['route' => 'account.favourites.index', 'label' => __('Saved properties'), 'icon' => 'bookmark'],
            ['route' => 'account.saved-searches.index', 'label' => __('Saved searches'), 'icon' => 'search'],
            ['route' => 'account.messages.index', 'label' => __('Messages'), 'icon' => 'inbox'],
            ['route' => 'account.appointments.index', 'label' => __('Viewings'), 'icon' => 'calendar'],
            ['route' => 'account.offers.index', 'label' => __('Offers'), 'icon' => 'tag'],
            ['route' => 'account.leads.index', 'label' => __('Enquiries'), 'icon' => 'users', 'seller' => true],
            ['route' => 'account.listings.index', 'label' => __('My listings'), 'icon' => 'building', 'seller' => true],
            ['route' => 'account.reviews.index', 'label' => __('Reviews'), 'icon' => 'quote'],
            ['route' => 'account.analytics.index', 'label' => __('Analytics'), 'icon' => 'chart', 'seller' => true],
            ['route' => 'account.billing.index', 'label' => __('Billing'), 'icon' => 'tag', 'seller' => true],
            ['route' => 'account.profile.edit', 'label' => __('Profile & settings'), 'icon' => 'users'],
        ])
            ->filter(fn (array $item) => Route::has($item['route']))
            // A buyer has no listings screen to be shown an empty version of.
            ->reject(fn (array $item) => ($item['seller'] ?? false) && ! $isSeller);
    @endphp

    <div class="border-b border-border bg-surface">
        <div class="container-page py-4">
            <x-breadcrumbs tone="light"
                           :items="[__('My account') => route('account.dashboard'), $__env->yieldContent('heading') => null]" />
        </div>
    </div>

    <div class="container-page grid gap-8 pb-16 pt-8 lg:grid-cols-12 lg:gap-12">

        <aside class="lg:col-span-3">
            <div class="lg:sticky lg:top-28">
                <div class="flex items-center gap-3 rounded-xl border border-border bg-surface p-4">
                    @if ($user->avatar)
                        <img src="{{ thumb_url($user->avatar) }}" alt="" class="size-11 shrink-0 rounded-full object-cover">
                    @else
                        <span class="flex size-11 shrink-0 items-center justify-center rounded-full bg-surface-muted text-sm font-semibold text-text-secondary">
                            {{ $user->initials() }}
                        </span>
                    @endif

                    <div class="min-w-0">
                        <p class="truncate text-sm font-semibold text-text">{{ $user->name }}</p>
                        <p class="truncate text-xs text-text-muted">
                            {{ $isSeller ? __('Seller account') : __('Buyer account') }}
                        </p>
                    </div>
                </div>

                <nav class="mt-4 space-y-1" aria-label="{{ __('Account sections') }}">
                    @foreach ($sections as $section)
                        <a href="{{ route($section['route']) }}"
                           @class([
                               'flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition',
                               'bg-primary/15 font-medium text-text' => request()->routeIs($section['route']),
                               'text-text-secondary hover:bg-surface-muted hover:text-text' => ! request()->routeIs($section['route']),
                           ])
                           @if (request()->routeIs($section['route'])) aria-current="page" @endif>
                            <x-icon :name="$section['icon']" class="size-4 shrink-0" />
                            {{ $section['label'] }}
                        </a>
                    @endforeach

                    <form action="{{ route('logout') }}" method="POST" class="pt-1">
                        @csrf
                        <button type="submit"
                                class="flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-sm text-text-secondary transition hover:bg-surface-muted hover:text-text">
                            <x-icon name="arrow-right" class="size-4 shrink-0" />
                            {{ __('Sign out') }}
                        </button>
                    </form>
                </nav>
            </div>
        </aside>

        <div class="lg:col-span-9">
            <div class="mb-6 flex flex-wrap items-end justify-between gap-4">
                <div>
                    <h1 class="font-display text-headline font-bold text-text">@yield('heading')</h1>
                    @hasSection('subheading')
                        <p class="mt-1.5 text-sm text-text-secondary">@yield('subheading')</p>
                    @endif
                </div>

                @yield('actions')
            </div>

            @if (session('success'))
                <x-alert type="success" class="mb-6">{{ session('success') }}</x-alert>
            @endif

            @if (! $user->hasVerifiedEmail())
                <x-alert type="warning" class="mb-6" :title="__('Confirm your email address')">
                    {{ __('Contacting sellers and publishing listings needs a confirmed address.') }}
                    <a href="{{ route('verification.notice') }}" class="font-medium underline underline-offset-4">
                        {{ __('Resend the link') }}
                    </a>
                </x-alert>
            @endif

            @yield('account')
        </div>
    </div>
@endsection