@php
    Theme::set('breadcrumbEnabled', 'no');
@endphp
<section class="agent-detail-section">
    <div class="agent-header">
        <div class="agent-avatar">
            {{ RvMedia::image($area->avatar_url, $area->name, 'medium-square') }}
        </div>
        <div class="agent-info">
            <h2 class="agent-name">{{ $area->name }}</h2>

            <div class="agent-contact-info">
                <div class="agent-info-item">
                    <x-core::icon name="ti ti-home" class="mb-1" />
                    @if ($projects_count === 1)
                        {{ __('1 Projects') }}
                    @else
                        {{ __(':count Projects', ['count' => $projects_count]) }}
                    @endif
                </div>
            </div>
        </div>
    </div>

    @if ($area->description)
        <div class="agent-about-section">
            <h5>{{ __('About Area') }}</h5>
            <p class="agent-description">{!! BaseHelper::clean($area->description) !!}</p>
        </div>
    @endif

    @if ($projects->isNotEmpty())
        <div class="agent-properties-section flat-recommended">
            <h5>{{ __('Projects by this area') }}</h5>
            @include(Theme::getThemeNamespace('views.real-estate.projects.index'))
        </div>
    @endif

    {!! apply_filters('real_estate_agent_details', null, $area) !!}
</section>