xXx

Hexid M1n1 5h3ll MobiLe

home/emberdemos/.trash/storage/framework/views/_[ Writable ]

File:/home/emberdemos/.trash/storage/framework/views/0294ef7a573d582277f3c67e45e57727.php

<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag; ?>
<?php foreach($attributes->onlyProps(['images' => [], 'videoLink' => null, 'image_properties' => null, "ad_title" => null,"adId"=>null,"isFavourited"=>false]) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $attributes = $attributes->exceptProps(['images' => [], 'videoLink' => null, 'image_properties' => null, "ad_title" => null,"adId"=>null,"isFavourited"=>false]); ?>
<?php foreach (array_filter((['images' => [], 'videoLink' => null, 'image_properties' => null, "ad_title" => null,"adId"=>null,"isFavourited"=>false]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $__defined_vars = get_defined_vars(); ?>
<?php foreach ($attributes as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
} ?>
<?php unset($__defined_vars); ?>


<div x-data='{
    media: [],
    images: <?php echo json_encode($images); ?>,
    activeMediaIndex: 0,
    videoLink: "<?php echo e($videoLink); ?>",
    imageProperties: <?php echo e(json_encode($image_properties)); ?>,
    showModal: false,
    adTitle: "<?php echo e($ad_title); ?>",
    placeholder: "<?php echo e(getAdPlaceholderImage($adId)); ?>",
    init() {
        let videoThumbnail = this.getYouTubeThumbnail();
        this.media = videoThumbnail ? [{ type: "video", src: videoThumbnail, embedUrl: this.computedVideoLink() }].concat(this.images.map(image => ({ type: "image", src: image }))) : this.images.map(image => ({ type: "image", src: image }));
    },
    getYouTubeThumbnail() {
        if (!this.videoLink) return "";
        const videoIdMatch = this.videoLink.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
        return videoIdMatch ? `https://img.youtube.com/vi/${videoIdMatch[1]}/sddefault.jpg` : "";
    },
    computedVideoLink() {
        if (!this.videoLink) return "";
        const videoIdMatch = this.videoLink.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
        return videoIdMatch ? `https://www.youtube.com/embed/${videoIdMatch[1]}?autoplay=1` : "";
    }
}' x-init="init" :class="images.length > 0 ? 'border-b dark:border-white/20 classic:border-black' : ''" >
   <!-- Main Image -->
   <div  class="w-full md:h-[25rem] h-[10rem] relative border-b border-gray-200 dark:border-white/20 classic:border-black md:ltr:rounded-tl-xl  md:rtl:rounded-tr-xl bg-black ">

        <img @click="showModal = true"  :src="media.length > 0 ? media[activeMediaIndex].src : placeholder" class="absolute cursor-pointer w-full h-full object-contain object-center md:rounded-tl-xl" :alt="media.length > 0 && media[activeMediaIndex].type === 'image' ? (imageProperties && imageProperties[`${activeMediaIndex + 1}`] || adTitle) : 'Video Thumbnail'" />

        <template x-if="media[activeMediaIndex] && media[activeMediaIndex].type === 'video'">
            <div  @click="showModal = true" class="absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center cursor-pointer">
              <img src="<?php echo e(asset('/images/youtube.png')); ?>" class="w-20" />
            </div>
        </template>
        <!-- Left arrow -->
        <button x-show="media.length>1" @click="activeMediaIndex = activeMediaIndex === 0 ? media.length - 1 : activeMediaIndex - 1" class="absolute -mt-5 left-0 top-1/2 my-auto bg-black bg-opacity-50 p-2"
            x-tooltip="{
                content: '<?php echo e(__('messages.t_tooltip_previous')); ?>',
                theme: $store.theme,
            }"
            aria-label="<?php echo e(__('messages.t_aria_label_previous')); ?>"
            >
            <?php if (isset($component)) { $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c = $attributes; } ?>
<?php $component = BladeUI\Icons\Components\Svg::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('heroicon-o-arrow-left'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(BladeUI\Icons\Components\Svg::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'w-6 h-6 text-white','aria-hidden' => 'true']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $attributes = $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $component = $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
        </button>
         <!-- Right arrow -->
        <button x-show="media.length>1" @click="activeMediaIndex = activeMediaIndex === media.length - 1 ? 0 : activeMediaIndex + 1" class="absolute -mt-5 right-0 top-1/2 my-auto bg-black bg-opacity-50 p-2"
            x-tooltip="{
                content: '<?php echo e(__('messages.t_tooltip_next')); ?>',
                theme: $store.theme,
            }"
            aria-label="<?php echo e(__('messages.t_aria_label_next')); ?>"
            >
            <?php if (isset($component)) { $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c = $attributes; } ?>
<?php $component = BladeUI\Icons\Components\Svg::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('heroicon-o-arrow-right'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(BladeUI\Icons\Components\Svg::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'w-6 h-6 text-white','aria-hidden' => 'true']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $attributes = $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $component = $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
        </button>


         <!-- Maximize -->
         <!--[if BLOCK]><![endif]--><?php if(count($images)): ?>
         <button  type="button" @click="showModal = true" class="absolute top-5 right-16 mr-2 cursor-pointer"
         x-tooltip="{
            content: '<?php echo e(__('messages.t_tooltip_expand')); ?>',
            theme: $store.theme,
        }"
        aria-label="<?php echo e(__('messages.t_aria_label_expand')); ?>"
        >
            <?php if (isset($component)) { $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c = $attributes; } ?>
<?php $component = BladeUI\Icons\Components\Svg::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('heroicon-o-arrows-pointing-out'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(BladeUI\Icons\Components\Svg::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => ' w-7 h-7 lg:w-9 lg:h-9 text-white dark:text-gray-400','aria-hidden' => 'true']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $attributes = $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $component = $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
        </button>
        <?php endif; ?><!--[if ENDBLOCK]><![endif]-->

        <!-- Favourite Button -->
        <!--[if BLOCK]><![endif]--><?php if(!optional(current($customizationSettings->ad_detail_page))['enable_favourite_move_to_ad_action']): ?>
        <div class="absolute top-4 right-4 z-10 text-white">
            <?php if (isset($component)) { $__componentOriginala3f76f6de678421d60cd3505289f10e3 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginala3f76f6de678421d60cd3505289f10e3 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.ad.favourite-ad','data' => ['isFavourited' => $isFavourited]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('ad.favourite-ad'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['isFavourited' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($isFavourited)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginala3f76f6de678421d60cd3505289f10e3)): ?>
<?php $attributes = $__attributesOriginala3f76f6de678421d60cd3505289f10e3; ?>
<?php unset($__attributesOriginala3f76f6de678421d60cd3505289f10e3); ?>
<?php endif; ?>
<?php if (isset($__componentOriginala3f76f6de678421d60cd3505289f10e3)): ?>
<?php $component = $__componentOriginala3f76f6de678421d60cd3505289f10e3; ?>
<?php unset($__componentOriginala3f76f6de678421d60cd3505289f10e3); ?>
<?php endif; ?>
        </div>
        <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
    </div>
    <!-- Thumbnails -->
    <div class="flex gap-x-4 overflow-x-auto" :class="images.length > 0 ? 'm-4' : ''" role="list" aria-label="<?php echo e(__('messages.t_aria_label_thumbnails')); ?>">
        <template x-for="(image, index) in media" :key="index">
            <img @click="activeMediaIndex = index" :src="image.src" :alt="image.type === 'image' ? (imageProperties && imageProperties[`${index + 1}`] || adTitle) : 'Video Thumbnail'" :class="{ 'classic:border-2 classic:border-black dark:border-2 dark:border-black dark:border-primary-600': activeMediaIndex === index }" class="w-16 h-16 object-cover cursor-pointer rounded" alt="<?php echo e(__('messages.t_aria_label_thumbnail')); ?>"
            role="listitem" :aria-selected="activeMediaIndex === index" />
        </template>
    </div>

    <!-- Image Modal -->
    <div x-show="showModal" class="fixed inset-0 bg-black bg-opacity-50 z-50 flex justify-center items-center" x-cloak>
        <div class="relative mx-auto rounded-md">
            <div class="p-10">
                <template x-if="media[activeMediaIndex] && media[activeMediaIndex].type === 'video'">
                    <iframe class="w-[90vw] h-[90vh] rounded-md" :src="media[activeMediaIndex].embedUrl" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                </template>
                <template x-if="media[activeMediaIndex] && media[activeMediaIndex].type === 'image'">
                    <img :src="media[activeMediaIndex].src" class="w-full h-[90vh] object-contain rounded-md" alt="Large Image" :alt="media.length > 0 && media[activeMediaIndex].type === 'image' ? (imageProperties && imageProperties[`${activeMediaIndex + 1}`] || adTitle) : 'Video Thumbnail'" />
                </template>
            </div>
            <!-- Left arrow -->
            <button x-show="media.length>1" @click="activeMediaIndex = activeMediaIndex === 0 ? media.length - 1 : activeMediaIndex - 1" class="fixed top-1/2 left-0 ml-2 transform -translate-y-1/2 bg-black bg-opacity-50 p-2"
                x-tooltip="{
                    content: '<?php echo e(__('messages.t_tooltip_previous')); ?>',
                    theme: $store.theme,
                }"
                aria-label="<?php echo e(__('messages.t_aria_label_previous')); ?>">
                <?php if (isset($component)) { $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c = $attributes; } ?>
<?php $component = BladeUI\Icons\Components\Svg::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('heroicon-o-arrow-left'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(BladeUI\Icons\Components\Svg::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'w-6 h-6 text-white','aria-hidden' => 'true']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $attributes = $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $component = $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
            </button>

            <!-- Right arrow -->
            <button x-show="media.length>1" @click="activeMediaIndex = activeMediaIndex === media.length - 1 ? 0 : activeMediaIndex + 1" class="fixed top-1/2 right-0 mr-2 transform -translate-y-1/2 bg-black bg-opacity-50 p-2"
                x-tooltip="{
                    content: '<?php echo e(__('messages.t_tooltip_next')); ?>',
                    theme: $store.theme,
                }"
                aria-label="<?php echo e(__('messages.t_aria_label_next')); ?>">
                <?php if (isset($component)) { $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c = $attributes; } ?>
<?php $component = BladeUI\Icons\Components\Svg::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('heroicon-o-arrow-right'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(BladeUI\Icons\Components\Svg::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'w-6 h-6 text-white','aria-hidden' => 'true']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $attributes = $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $component = $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
            </button>

            <!-- Close Button -->
            <button @click="showModal = false" class="fixed flex items-center justify-center top-0 right-0 mt-2 mr-2 w-10 h-10 text-white bg-black bg-opacity-50 rounded-full"
            x-tooltip="{
                content: '<?php echo e(__('messages.t_tooltip_close')); ?>',
                theme: $store.theme,
            }"
            aria-label="<?php echo e(__('messages.t_aria_label_close')); ?>">
                <?php if (isset($component)) { $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c = $attributes; } ?>
<?php $component = BladeUI\Icons\Components\Svg::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('heroicon-o-x-mark'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(BladeUI\Icons\Components\Svg::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'w-6 h-6','aria-hidden' => 'true']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $attributes = $__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__attributesOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c)): ?>
<?php $component = $__componentOriginal643fe1b47aec0b76658e1a0200b34b2c; ?>
<?php unset($__componentOriginal643fe1b47aec0b76658e1a0200b34b2c); ?>
<?php endif; ?>
            </button>
        </div>
    </div>

</div>
<?php /**PATH /home/sites/11a/2/2982fc9739/public_html/greg/clixsell/resources/views/components/ad/gallery.blade.php ENDPATH**/ ?>

Your Access Expired	Date. in : 13-12-2025
Regist : 09-12-2024	Expired : 01-12-2027