@props([
    'data' => null,
])

@php
    // The banner normally comes from an upload on the public disk. `background_image_url` is the way
    // out for a caller that already has a resolved URL — the controller-driven views (blogs,
    // machinery, used machines) fall back to the theme's own image when their shared header row is
    // missing, and that image lives in public/images, not on the disk.
    $background = ! empty($data['background_image_url'])
        ? $data['background_image_url']
        : Storage::url($data['background_image'] ?? '');
@endphp

<section class="page-title" style="background-image: url({{ $background }})"
         id="about">
    <div class="auto-container">
        {{-- Hidden SEO h1. The static views each had their own, several of them built from the
             record being shown, so it is passed in rather than stored. --}}
        @if (!empty($data['hidden_h1']))
            <h1 class="d-none">{{ $data['hidden_h1'] }}</h1>
        @endif

        <ul class="bread-crumb clearfix">
            @foreach($data['breadcrumbs'] as $item)

                <li>
                    <x-redirect-link
                        :type="$item['redirect']['redirect']['type'] ?? null"
                        :redirect="$item['redirect']['redirect'] ?? null"
                        :label="translate_label($item['redirect'], 'button_text')"
                    />
                </li>
            @endforeach
        </ul>
        <h2>
            {{ translate_label($data, 'main_title') }}
        </h2>
    </div>
</section>