<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag;

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames((['variant' => '1']));

foreach ($attributes->all() as $__key => $__value) {
    if (in_array($__key, $__propNames)) {
        $$__key = $$__key ?? $__value;
    } else {
        $__newAttributes[$__key] = $__value;
    }
}

$attributes = new \Illuminate\View\ComponentAttributeBag($__newAttributes);

unset($__propNames);
unset($__newAttributes);

foreach (array_filter((['variant' => '1']), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
}

$__defined_vars = get_defined_vars();

foreach ($attributes->all() as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
}

unset($__defined_vars); ?>
<?php
    $embed = \App\Services\PublicSiteMediaService::videoEmbedUrl($hotel->public_site_hero_video_url);
?>
<div class="ph-hero ph-hero--v<?php echo e(e($variant)); ?>">
    <div class="ph-media">
        <?php if($hotel->public_hero_video_file_url): ?>
            <video
                class="ph-vid"
                data-ph-hero-video
                src="<?php echo e($hotel->public_hero_video_file_url); ?>"
                autoplay
                muted
                loop
                playsinline
                webkit-playsinline
                preload="auto"
            ></video>
        <?php elseif($embed): ?>
            <div class="ph-embed-wrap">
                <iframe class="ph-embed" src="<?php echo e(e($embed)); ?>" title="Background video" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
            </div>
        <?php elseif($hotel->public_hero_image_url): ?>
            <img class="ph-img" src="<?php echo e($hotel->public_hero_image_url); ?>" alt="<?php echo e(e($hotel->name)); ?>" width="1920" height="1080" fetchpriority="high" decoding="async">
        <?php else: ?>
            <div class="ph-fallback" style="background: linear-gradient(160deg, var(--site-primary, #0f172a) 0%, #020617 100%); min-height:100%; min-width:100%;"></div>
        <?php endif; ?>
    </div>
    <div class="ph-dim" aria-hidden="true"></div>
</div>
<?php if (! $__env->hasRenderedOnce('fd556d9d-e56a-4317-a6c6-b645e29a3716')): $__env->markAsRenderedOnce('fd556d9d-e56a-4317-a6c6-b645e29a3716'); ?>
    <?php $__env->startPush('head'); ?>
        <script>
            (function () {
                document.addEventListener('DOMContentLoaded', function () {
                    var v = document.querySelector('.ph-hero [data-ph-hero-video]');
                    if (!v || v.tagName !== 'VIDEO') return;
                    v.muted = true;
                    v.setAttribute('muted', '');
                    v.loop = true;
                    v.playsInline = true;
                    function play() {
                        v.play().catch(function () {});
                    }
                    v.addEventListener('loadeddata', play);
                    v.addEventListener('pause', function () {
                        if (!v.ended && document.visibilityState === 'visible') play();
                    });
                    document.addEventListener('visibilitychange', function () {
                        if (document.visibilityState === 'visible') play();
                    });
                    play();
                });
            })();
        </script>
    <?php $__env->stopPush(); ?>
<?php endif; ?>
<?php /**PATH C:\Users\Admin\DELUX-SYSTEM\resources\views/public-booking/partials/hero-backdrop.blade.php ENDPATH**/ ?>