<div class="w-full relative avoid-page-break 
    <?php echo e($content->layout === 'huge' && $sort_order === 1 ? 'md:-mt-14' : ''); ?>

    <?php echo e($content->layout !== 'huge' ? 'max-w-6xl' : ''); ?> 
    <?php echo e($content->layout !== 'full' && $content->layout !== 'huge' ? 'md:grid print:grid print:grid-cols-2' : ''); ?>

    <?php echo e($content->layout === 'left' || $content->layout === 'right' && ($content->header || strip_tags($content->body)) ? 'grid-cols-3' : ''); ?>

    <?php echo e($content->layout === 'split-left' || $content->layout === 'split-right' && ($content->header || strip_tags($content->body)) ? 'grid-cols-2' : ''); ?>

    <?php if($content_element->pivot?->randomize): ?>
        h-full randomize-border
        <?php if($content->layout === 'full' || $content->layout === 'huge'): ?>
            col-span-2
            <?php echo e($content->show_text && ($content->header || strip_tags($content->body)) ? 'row-span-2 md:grid grid-rows-2' : ''); ?>

        <?php else: ?>
            <?php echo e($content->show_text && ($content->header || strip_tags($content->body)) ? 'col-span-3' : 'col-span-2'); ?>

        <?php endif; ?>
    <?php endif; ?>
">

    <div class="relative z-4 flex justify-center items-center relative shadow print:shadow-none
        <?php echo e($content->layout !== 'full' && $content->layout !== 'huge' && !$content->fill && !$content_element->pivot?->randomize ? 'md:-mx-2' : ''); ?>

        <?php echo e($content->layout === 'left' || $content->layout === 'right' ? 'col-span-2' : ''); ?> 
        <?php echo e($content_element->pivot?->randomize ? 'h-full' : ''); ?>

    ">
        <?php if($content->photos->count()): ?>
            <div class="relative w-full transition-all duration-200 
                <?php echo e($content->layout !== 'full' && $content->layout !== 'huge' ? 'pb-video md:pb-0 h-full' : ''); ?>

                <?php if($content->layout === 'full'): ?>
                    <?php echo e(!$content->show_text ? 'pb-video md:pb-33p print:pb-33p' : 'pb-video md:pb-[42.5%] print:pb-[42.5%]'); ?>

                <?php endif; ?>
                <?php echo e($content_element->pivot?->randomize ? 'h-full' : ''); ?>

                <?php echo e($content->layout === 'huge' ? 'pb-video md:pb-[42.5%] print:pb-[42.5%]' : ''); ?>">

                <?php echo $__env->make('content-elements.photo', ['photo' => $content->photos->sortBy('sort_order')->first(), 'max_size' => ($content->layout === 'full' ? 2304 : ($content->layout === 'full' ? 1152 : 576)) , 'layout' => $content->layout, 'sort_order' => $sort_order ], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

                <?php if($content->photos->count() > 1): ?>
                    <slideshow :content='<?php echo json_encode($content, 15, 512) ?>' :sort-order="<?php echo e($sort_order); ?>" :randomized="<?php echo e($content_element->pivot?->randomize ? 'true' : 'false'); ?>"></slideshow>
                <?php endif; ?>
            </div>
        <?php endif; ?>

        <?php if($content->number && !$content->show_text): ?>
            <div class="content-number top-0 left-0"><?php echo e($content->number); ?></div>
        <?php endif; ?>

    </div>

    <?php if($content->show_text && ($content->header || strip_tags($content->body) )): ?>
        <div class="relative grid z-7 place-items-center
            <?php echo e($content->layout === 'huge' && $content->photos->count() && !$content_element->pivot?->randomize ? 'md:-mt-32' : ''); ?>

            <?php echo e($content->layout === 'full' && $content->photos->count() && !$content_element->pivot?->randomize ? 'md:-mt-16' : ''); ?>

            <?php echo e($content->layout == 'right' || $content->layout === 'split-right' ? 'col-start-1 row-start-1' : ''); ?>

        ">

            <div class="p-8 md:px-12 print:shadow-none
                <?php echo e(!$content_element->pivot?->randomize ? 'text-block shadow-lg' : 'h-full flex flex-col justify-center'); ?>

                <?php echo e(($content->layout === 'full' || $content->layout === 'huge') && !$content_element->pivot?->randomize ? 'max-w-2xl md:px-16' : ''); ?> 
                <?php echo e($content->text_style ? 'text-style-'.$content->text_style : 'bg-highlight print:border'); ?>">

                <?php if($content->header): ?>
                    <h<?php echo e($header ? '1' : '2'); ?> class="<?php echo e(!$content_element->pivot?->randomize ? 'flex-1' : ''); ?>"><?php echo e($content->header); ?></h<?php echo e($header ? '1': '2'); ?>>
                <?php endif; ?>
                    
                <div class="body">
                    <?php echo $content->body; ?>

                </div>

                <?php if($dash): ?>
                    <img src="/images/dash.svg" class="text-block-dash fill-current" alt="closing text dash" />
                    <?php
                        $dash = false;
                    ?>
                <?php endif; ?>

            </div>

            <?php if($content->number): ?>
                <div class="content-number top-0 left-0"><?php echo e($content->number); ?></div>
            <?php endif; ?>

        </div>
    <?php endif; ?>

</div>
<?php /**PATH /var/www/html/resources/views/content-elements/slideshow.blade.php ENDPATH**/ ?>