{{--
    Full-width results banner (title/count + sort + active-filter chips) —
    sits ABOVE the sidebar+grid row (see site/properties/index.blade.php and
    category.blade.php), matching agrawal-html/listings.html. Previously this
    lived inside the grid column only, which pushed the results grid down
    without moving the filter sidebar, misaligning the two.
--}}
@php
    $headingTag = $resultsHeadingTag ?? 'h1';
    // Set by PropertyCategoryController/PropertyListingController whenever a
    // Google-selected location (with coordinates) is active — inherited
    // automatically from the parent view's data, same as $sort/$properties.
    $hasLocation = $hasLocation ?? false;
@endphp
<div class="d-flex align-items-end justify-content-between flex-wrap gap-3">
    <div>
        <span class="eyebrow">Search results</span>
        <{{ $headingTag }} class="fw-bold mb-1 mt-2" style="font-size:clamp(28px,3.6vw,40px);">
            {{ $properties->total() }} {{ Str::plural('property', $properties->total()) }} found
        </{{ $headingTag }}>
        @if ($properties->total() > 0)
            <p class="text-muted-2 mb-0">Showing {{ $properties->firstItem() }}–{{ $properties->lastItem() }} of {{ $properties->total() }} {{ Str::plural('property', $properties->total()) }}</p>
        @endif
    </div>

    {{-- Resubmits to the current path (works for both /properties and a
         category URL) carrying whatever query params are already active
         (including the current page — changing sort alone never changes the
         total result count, so the current page always stays in range),
         other than sort itself which this form's own select owns. --}}
    <form method="get" action="{{ url()->current() }}" class="d-flex align-items-center gap-2">
        @foreach (request()->except(['sort']) as $key => $value)
            @if (is_scalar($value) && filled($value))
                <input type="hidden" name="{{ $key }}" value="{{ $value }}">
            @endif
        @endforeach
        <label for="sortSelect" class="small text-muted-2 mb-0">Sort by</label>
        <select id="sortSelect" name="sort" onchange="this.form.submit()" class="form-select form-select-sm w-auto">
            @if ($hasLocation)
                <option value="distance" {{ $sort === 'distance' ? 'selected' : '' }}>Distance</option>
            @endif
            <option value="newest" {{ $sort === 'newest' ? 'selected' : '' }}>Newest Listed</option>
            <option value="price_asc" {{ $sort === 'price_asc' ? 'selected' : '' }}>Price: Low to High</option>
            <option value="price_desc" {{ $sort === 'price_desc' ? 'selected' : '' }}>Price: High to Low</option>
        </select>
    </form>
</div>

@include('partials.site._active-filter-chips', ['propertyTypes' => $propertyTypes, 'propertyTags' => $propertyTags])