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

    <div class="album-header">

        <div class="grid-container">

            <div class="album-top">

                <?php /* Title */ ?>
                <h1><?php echo $album->name; ?></h1>

                <?php /* Counter */ ?>
                <div class="counter">
                    1 / <?php echo count($album->images); ?>

                </div>
            </div>
            <div class="album-top-navigation-row">
                <a class="back" href="/<?php echo $page->route; ?>">Terug naar overzicht</a>

                <div class="navigation">
                    <span class="prev" id="prev">Vorige</span> /
                    <span class="next" id="next">Volgende</span>
                </div>
            </div>
        </div>

        <div class="grid-album-container">


            <div class="fixable-container">
                <div class="fixable-wrapper">

                    <div class="swiper-container swiper-resize">
                        <div class="swiper-wrapper">

                            <?php foreach($album->images as $image): ?>

                                <div class="swiper-slide">
                                    <img class="image fit preload" src="<?php echo $image->large_image_url; ?>" alt="<?php echo $album->name; ?>"/>
                                </div>

                            <?php endforeach; ?>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="white-space-row"></div>
    </div>

    <div class="album-info">

        <?php /* White space above */ ?>
        <div class="white-space-row h-100 overlay-bottom"></div>

        <?php /* mid-section */ ?>
        <div class="grid-container">

            <?php /* Background left-side from mid-section */ ?>
            <div class="background left-outer-background"></div>

            <?php /* Left column containing the smile */ ?>
            <div class="column-7 transparent-smile-holder">
                <div class="transparent-smile"></div>
            </div>

            <?php /* Left column containing the info */ ?>
            <div class="column-7 content">

                <span class="title"><?php echo $album->name; ?></span>
                <span class="intro"><?php echo $album->description; ?></span><br />
                <br />
                <a class="button <?php if(!empty($negative)): ?> black <?php endif; ?> arrow back" href="/<?php echo $page->route; ?>">Terug</a>

            </div>

            <?php /* Background right-side from mid-section */ ?>
            <div class="background right-inner-background"></div>

            <?php /* Background right-side from mid-section */ ?>
            <div class="background right-outer-background"></div>

        </div>

        <?php /* White space below */ ?>
        <div class="white-space-row h-150 overlay-top"></div>

    </div>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>