@extends('frontend::layouts.master')

@section('content')
    <x-frontend::page-hero title="{{ $data['service']['list'][0]['name'] ?? 'Rental & Services' }}" showButton="true" buttonLabel="Request A Quote" buttonUrl="{{ $data['page_init']['contact']['url'] ?? '#' }}" :image="$data['service']['list'][0]['image'] ?? ''">
        {{ $data['service']['list'][0]['desc'] ?? '' }}
    </x-frontend::page-hero>

    <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 relative">
        @php
            $heroSlides = [];
            foreach ($data['banners'] ?? [] as $banner) {
                $type = $banner['type'] ?? 'image';
                if ($type === 'youtube') {
                    $ytId = $banner['src'] ?? '';
                    if ($ytId === '') {
                        continue;
                    }
                    $heroSlides[] = [
                        'type' => 'youtube',
                        'src' => 'https://www.youtube-nocookie.com/embed/' . $ytId . '?rel=0&modestbranding=1',
                        'title' => $banner['name'] ?? 'YouTube video',
                    ];
                } elseif ($type === 'video') {
                    $cover = $banner['cover'] ?? '';
                    if ($cover !== '') {
                        $heroSlides[] = [
                            'type' => 'image',
                            'src' => check_file($cover),
                            'alt' => $banner['name'] ?? '',
                        ];
                    }
                } else {
                    $src = $banner['src'] ?? '';
                    if ($src === '') {
                        continue;
                    }
                    $heroSlides[] = [
                        'type' => 'image',
                        'src' => check_file($src),
                        'alt' => $banner['name'] ?? '',
                    ];
                }
            }
        @endphp

        @if (!empty($heroSlides))
            <x-frontend::production-hero-slider :title="$title ?? 'Production'" :slides="$heroSlides" />
        @endif

        @include('frontend::pages.our-services.partials.follow-us')

        {!! $data['social']['page']['detail'] !!}
    </section>

    <!-- Our Work carousel (Swiper) -->
    @include('frontend::components.ourwork-carousel', [
        'title' => $data['ourwork']['page']['name'] ?? 'Our Work',
        'relatedWorks' => $data['ourwork'] ?? null,
        'viewAllUrl' => $data['ourwork']['page']['url'] ?? '#',
        'viewAllText' => __('field.view_all'),
    ])

    <!-- Logos Slide -->
    @include('frontend::components.logos-slide')
@endsection