<?php $__env->startSection('main'); ?>

<section class="content">
    <div class="video-block">
        <div class="person mobile-size">
            <?php if(isset($owner['image_url'])): ?>
            <div class="person__avatar">
                <img src="<?php echo e($owner['image_url']); ?>" alt="#">
            </div>
            <?php endif; ?>
            <span><?php echo e($owner['name']); ?></span>
            <span class="person__date"><?php echo e($created_at); ?>}</span>
        </div>
        
        <div class="video">
            <video poster="<?php echo e($image['url'] ?? ''); ?>" id="video" <?php if($capsule_status == 2): ?> class="closed-capsule" <?php endif; ?>>
                <source src='<?php echo e($media_url); ?>' type='video/mp4'>
            </video>
            
            <div class="video__overlay <?php if($capsule_status == 2): ?>closed <?php endif; ?>"></div>
            
            <div class="video__controls">
                <?php if($capsule_status == 2 && $diff_time): ?>
                <div class="timer timer_beige <?php if($capsule_status == 2): ?>closed <?php endif; ?>"> <?php echo e($diff_time); ?></div>
                <?php endif; ?>
                <div class="video__controls-wrap">
                    <?php if($capsule_status == 1): ?>
                    <div class="icon-play">
                        <img src="<?php echo e(asset('img/play.svg')); ?>" alt="#">
                    </div>
                    <?php endif; ?>
    
                    <div class="timer <?php if($capsule_status == 2): ?>closed" id="js-timer" data-timer="<?php echo e($opens_at); ?> <?php endif; ?>">00:00:00</div>
                </div>
                
                <div class="latch">
                    <img src="<?php echo e($capsule_status == 1 ? asset('img/latch-open.svg') : asset('img/latch-closed.svg')); ?>" alt="#">
                </div>
            </div>
        </div>
        <!-- /.video__content -->
        
        <div class="action-bar mobile-size">
            <div class="action-bar__item">
                <div class="action-bar__image"><img src="<?php echo e(asset('img/comment.svg')); ?>" alt="#"></div>
                <span class="action-bar__descr"><?php echo e($count_comment); ?></span>
            </div>
            <div class="action-bar__item">
                <div class="action-bar__image"><img src="<?php echo e(asset('img/like.svg')); ?>" alt="#"></div>
                <span class="action-bar__descr"><?php echo e($count_like); ?></span>
            </div>
            <div class="action-bar__item">
                <div class="action-bar__image"><img src="<?php echo e(asset('img/bell.svg')); ?>" alt="#"></div>
                <span class="action-bar__descr"><?php echo e($count_subscribers); ?></span>
            </div>
        </div> <!-- /.action-bar -->
    </div> <!-- /.video -->
    
    <div class="chat">
        <div class="chat__item author">
            <div class="person">
                <?php if(isset($owner['image_url'])): ?>
                <div class="person__avatar desktop-size">
                    <img src="<?php echo e($owner['image_url']); ?>" alt="#">
                </div>
                <?php endif; ?>
                
                <div class="person__content">
                    <div class="person__descr">
                        <div class="person__name"><?php echo e($owner['name']); ?></div>
                        <div class="person__info desktop-size">
                            <span><?php echo e($created_at); ?></span>
                            <?php if(isset($address)): ?><span><?php echo e($address['city']); ?>, <?php echo e($address['country_title']); ?></span><?php endif; ?>
                        </div>
                    </div>
                    
                    <div class="person__text">
                        <p><?php echo e($caption); ?></p>
                    </div> <!-- person__text -->
                    <div class="person__info person__info_purple desktop-size">
                        <span><?php echo e($count_comment); ?> comments</span>
                        <span><?php echo e($count_like); ?> likes</span>
                        <span><?php echo e($count_subscribers); ?> saves</span>
                    </div>
                </div> <!-- person__content -->
            </div> <!-- /.person -->
        </div> <!-- chat__item -->
        
        <div class="chat__item comments">
            <?php $__currentLoopData = $comments; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $comment): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="person">
                    <?php if(isset($comment['owner']['image_url'])): ?>
                    <div class="person__avatar"><img src="<?php echo e($comment['owner']['image_url']); ?>" alt="#"></div>
                    <?php endif; ?>
                    <div class="person__content">
                        <div class="person__descr">
                            <div class="person__comment">
                                <span><?php echo e($comment['owner']['name']); ?></span>
                                <?php echo e($comment['content']); ?>

                            </div>
                        </div> <!-- /.person__descr -->
                    </div> <!-- /.person__content -->
                </div> <!-- /.person -->
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div> <!-- /.chat__item -->
        
        <div class="chat__item links">
            <a class="logo" href="https://timecaps.com" target="_blank">
                <img src="<?php echo e(asset('img/logo-full.svg')); ?>" alt="Logo">
            </a> <!-- logo -->
            
            <a class="button mobile-size link-on-market" href="#" target="_blank">Download the app</a>
            
            <p class="desktop-size">TimeCaps – Capture the moment. Open in TimeCaps to capture the moments with friends</p>
            
            
            <div class="app-links desktop-size">
                <div class="app-links__title">Download the app</div>
                <div class="app-links__wrap <?php echo e($platform ?? ''); ?>">
                    <a class="android-hide" onclick="gtag('event', 'Click', { event_category: 'Appstore' });" href="https://apps.apple.com/app/apple-store/id1447497237?pt=119497656&amp;ct=Share&amp;mt=8" target="_blank">
                        <img src="<?php echo e(asset('img/appstore.png')); ?>" alt="iOS">
                    </a>
                    <a class="ios-hide" onclick="gtag('event', 'Click', { event_category: 'Google Play' });" href="https://play.google.com/store/apps/details?id=com.timecaps.android&amp;hl=en&amp;referrer=share" target="_blank">
                        <img src="<?php echo e(asset('img/gplay.png')); ?>" alt="Android">
                    </a>
                </div>
            </div>
        </div> <!-- /.chat__item -->
    
    
    </div> <!-- /.chat -->
</section> <!-- /.content -->

<?php $__env->stopSection(); ?>
<?php echo $__env->make('public._layout.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/resources/views.public/public/capsule/share.blade.php ENDPATH**/ ?>