@extends('layouts.app')

@section('title', 'Service Page')

@section('content')
    {{-- Header Section --}}
    <x-header
        :title="'Our Services'"
        :description="'We offer a range of services to help you achieve your goals. Our team
        of experts is dedicated to providing top-notch solutions tailored to your needs.'"
    />
    @foreach ($services as $category)
        @php
            $firstSub = $category->subCategories->first();
            $hasActiveService = $category->subCategories->flatMap->services->contains(fn($service) => $service->status === 'active');
        @endphp

        @if ($firstSub && $hasActiveService)
            <x-service-category
                :title="$category->name"
                :description="$category->description"
            />

            <x-section-with-cards-serv
                :title="$firstSub->name"
                :description="$category->description"
                :includer="'Explore our services'"
                :category="$firstSub->name"
                :cards="$category->subCategories->flatMap(fn($sub) => 
                    $sub->services
                        ->where('status', 'active')
                        ->map(fn($service) => [
                            'title' => $service->name,
                            'icon' => $service->icon,
                            'alt' => $service->name . ' Icon',
                        ])
                )->toArray()"
            />
        @endif
    @endforeach

    <x-c-t-a />
@endsection