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

@section('content')
    @php
        $ourworkPage = $data['ourwork']['page'] ?? [];
        $ourworkHeroImage = !empty(trim((string) ($ourworkPage['image'] ?? '')))
            ? $ourworkPage['image']
            : asset('modules/frontend/images/bg/bg-image-section-01.png');
        $heroButtonUrl = trim((string) ($ourworkPage['link'] ?? ''));
        $showHeroButton = $heroButtonUrl !== '';
        $heroButtonOpenInNewTab = $showHeroButton && (str_starts_with($heroButtonUrl, 'http://') || str_starts_with($heroButtonUrl, 'https://'));
    @endphp
    <x-frontend::page-hero title="{{ $ourworkPage['name'] ?? 'Our Work' }}" :image="$ourworkHeroImage" :showButton="$showHeroButton" buttonLabel="Request A Quote" buttonUrl="{{ $heroButtonUrl }}" :buttonOpenInNewTab="$heroButtonOpenInNewTab">
        {{ $ourworkPage['desc'] ?? '' }}
    </x-frontend::page-hero>

    <section class="relative">
        <!-- Background Image -->
        <div class="absolute inset-0 w-full h-full">
            <img src="{{ asset('modules/frontend/images/bg/bg-graphic-02.png') }}" alt="Our Services background" class="w-full h-full object-cover object-top">
        </div>
        <!-- Black Gradient Overlay Above Background -->
        <div class="absolute inset-0 w-full h-full pointer-events-none bg-gradient-to-b from-transparent via-black/60 to-black">
        </div>

        <livewire:frontend::archive-ourwork-gallery />

        @include('frontend::components.card-gallery-lightbox')
    </section>
@endsection