@extends('layouts.public')

@section('title', __('Clients & Partners'))
@section('meta_description', __('Donors, government bodies, private sector clients and strategic collaborators ABACO INFRA works with.'))

@section('content')
    <x-page-hero :eyebrow="__('Working with')"
                 :title="__('Clients & Partners')"
                 :subtitle="__('Development partners, government agencies, private clients and strategic collaborators.')"
                 :breadcrumbs="[__('Clients & Partners') => null]" />

    <section class="section">
        <div class="container-page">
            <div class="mb-12 flex flex-col gap-5 lg:flex-row lg:items-end lg:justify-between">
                <div>
                    <p class="meta-label mb-3">{{ __('Category') }}</p>
                    <div class="flex flex-wrap gap-2">
                        <a href="{{ route('partners.index') }}" @class([blank($activeCategory) ? 'pill-active' : 'pill-idle'])>
                            {{ __('All') }}
                        </a>
                        @foreach ($categories as $key => $label)
                            <a href="{{ route('partners.index', array_filter(['category' => $key, 'sector' => $activeSector])) }}"
                               @class([$activeCategory === $key ? 'pill-active' : 'pill-idle'])>{{ $label }}</a>
                        @endforeach
                    </div>
                </div>

                <div class="w-full lg:w-56">
                    <label for="partner-sector" class="meta-label mb-3 block">{{ __('Sector') }}</label>
                    <select id="partner-sector" class="form-input" onchange="window.location = this.value">
                        <option value="{{ route('partners.index', array_filter(['category' => $activeCategory])) }}">
                            {{ __('All sectors') }}
                        </option>
                        @foreach ($sectors as $sector)
                            <option value="{{ route('partners.index', array_filter(['category' => $activeCategory, 'sector' => $sector->slug])) }}"
                                    @selected($activeSector === $sector->slug)>{{ $sector->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            @if ($partners->isEmpty())
                <x-empty-state icon="handshake"
                               :title="__('No partners match this filter')"
                               :message="__('Try another category or sector.')" />
            @else
                @foreach ($partners as $category => $group)
                    <section class="mb-14 last:mb-0">
                        <div class="mb-6 flex items-baseline gap-4" data-reveal>
                            <h2 class="font-display text-title font-bold text-text">
                                {{ \App\Models\Partner::CATEGORIES[$category] ?? Str::headline($category) }}
                            </h2>
                            <span class="h-px flex-1 bg-border"></span>
                            <span class="meta-label">{{ $group->count() }}</span>
                        </div>

                        @include('public.partials.partner-grid', ['partners' => $group])
                    </section>
                @endforeach
            @endif
        </div>
    </section>
@endsection