{{-- Header --}}
{{ $totalCount }} Total
{{-- Search --}}
@if($search) @endif
{{-- Action Buttons --}}
{{-- Filters Bar --}}
{{-- Mobile Toggle --}} {{-- Filters --}}
{{-- Season Dropdown --}}
@foreach($this->seasons as $s) @endforeach
{{-- Customer Dropdown --}}
@foreach($this->customers as $c) @endforeach
{{-- Active Filters Summary & Clear --}} @if($this->activeFiltersCount > 0)
{{ $this->activeFiltersCount }} active
@endif
{{-- Content --}}
{{-- Loading overlay - only for full reloads (filters/search), not for infinite scroll --}}
@if($this->styles->isEmpty()) {{-- Empty State --}}

No styles found

Try adjusting your search or filters

@if($this->activeFiltersCount > 0) @endif
@else {{-- Grid --}}
@foreach($this->styles as $style)
{{-- Image --}}
@if($style->firstImageColourway && !empty($style->firstImageColourway->img_thumb)) {{ $style->designs?->description }} @else
@endif {{-- Design Number Badge --}} {{ $style->designs?->id }}
{{-- Content --}}
{{-- Season Tag --}}
{{ $style->seasons?->description ?? 'No Season' }}
{{-- Description --}}

{{ $style->designs?->description ?? 'No Description' }}

{{-- Customer --}}
{{ $style->customers?->name ?? 'No Customer' }}
{{-- Reference --}} @if($style->customer_ref)
Ref: {{ $style->customer_ref }}
@endif
@endforeach
{{-- Infinite Scroll Trigger --}} @if($this->hasMorePages())
{{-- Early prefetch sentinel - triggers before user reaches bottom --}}
{{-- Visible loader --}}
Scroll for more
Loading more styles...
@else @if($this->styles->count() > 0)
Showing all {{ $totalCount }} styles
@endif @endif @endif
{{-- Style Edit Panel --}} @livewire('commission.style-edit') {{-- Quick Add Panel --}} @livewire('commission.styles-quick-add')