<div class="filter-row project-filter">
    <div class="content-container">
        <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.filter'); ?>:</p>
        <ul class="filters">
            <li><p><a href="/projecten">Bekijk alle Projecten</a></p></li>
            <?php foreach($categories as $category): ?>
                <li id="<?php echo Str::slug($category->name); ?>"><a
                            href="/projecten/<?php echo Str::slug($category->name); ?>"><span>#</span><p><?php echo $category->name; ?></p></a></li>
            <?php endforeach; ?>
        </ul>
        <div class="clear"></div>
    </div>
</div>

<div class="project-page">
    <?php if(isset($data->content->header_image) && $data->content->header_image != ''): ?>
        <div class="grid12 header-container">
            <img alt="headerfoto" src="<?php echo $data->content->header_image->original_image_url; ?>"/>
        </div>
        <div class="clear"></div>
    <?php endif; ?>
    <div class="content-container  <?php if(!isset($data->content->header_image)): ?> extra-padding <?php endif; ?>">
        <div class="left-column grid6">

            <?php if(isset($data->content->images->lft[0])): ?>
                <div class="photo-container <?php if(rand(0, 1) == 1): ?> animateL <?php else: ?> animateB <?php endif; ?> ">
                    <img alt="foto1" src="<?php echo $data->content->images->lft[0]->large_image_url; ?>"/>
                </div>
            <?php endif; ?>

            <?php if(isset($data->content->images->lft[1])): ?>
                <div class="photo-container <?php if(rand(0, 1) == 1): ?> animateL <?php else: ?> animateB <?php endif; ?> ">
                    <img alt="foto3" src="<?php echo $data->content->images->lft[1]->large_image_url; ?>"/>
                </div>
            <?php endif; ?>


            <?php for($i = 2; $i <= sizeof($data->content->images->lft)-1; $i++): ?>
                <?php if(isset($data->content->images->lft[$i])): ?>
                    <div class="photo-container <?php if(rand(0, 1) == 1): ?> animateL <?php else: ?> animateB <?php endif; ?> ">
                        <img alt="foto<?php echo $i; ?>" src="<?php echo $data->content->images->lft[$i]->large_image_url; ?>"/>
                    </div>
                <?php endif; ?>
            <?php endfor; ?>


        </div>

        <div class="right-column grid6">
            <div class="info">
                <div class="inner">
                    <h1><?php echo $data->content->name; ?></h1>
                    <?php /*<ul>*/ ?>

                        <?php /*<?php foreach($data->content->category as $category): ?>*/ ?>
                            <?php /*<li><?php echo $category->name; ?></li>*/ ?>
                        <?php /*<?php endforeach; ?>*/ ?>
                    <?php /*</ul>*/ ?>
                    <?php echo $data->content->description; ?>

                </div>
            </div>
            <?php if(isset($data->content->images->rgt[0])): ?>
                <div class="photo-container <?php if(rand(0, 1) == 1): ?> animateL <?php else: ?> animateB <?php endif; ?> ">
                    <img alt="foto2" src="<?php echo $data->content->images->rgt[0]->large_image_url; ?>"/>
                </div>
            <?php endif; ?>

            <?php if(isset($data->content->reference) && isset($data->content->author) && $data->content->author !='' && $data->content->reference !=''): ?>
                <blockquote class="quote-container">
                    <div>
                        <?php echo $data->content->reference; ?>

                        <p class="author"><?php echo $data->content->author; ?></p>
                    </div>
                </blockquote>
            <?php endif; ?>

            <?php for($i = 1; $i <= sizeof($data->content->images->rgt)-1; $i++): ?>
                <?php if(isset($data->content->images->rgt[$i])): ?>
                    <div class="photo-container <?php if(rand(0, 1) == 1): ?> animateL <?php else: ?> animateB <?php endif; ?> ">
                        <img alt="foto<?php echo $i; ?>" src="<?php echo $data->content->images->rgt[$i]->large_image_url; ?>"/>
                    </div>
                <?php endif; ?>
            <?php endfor; ?>


        </div>
        <div class="mobile-project">
            <div class="info">
                <div class="inner">
                    <h1><?php echo $data->content->name; ?></h1>
                    <?php /*<ul>*/ ?>
                        <?php /*<?php foreach($data->content->category as $category): ?>*/ ?>
                            <?php /*<li><?php echo $category->name; ?></li>*/ ?>
                        <?php /*<?php endforeach; ?>*/ ?>
                    <?php /*</ul>*/ ?>
                    <?php echo $data->content->description; ?>

                </div>
            </div>


            <?php foreach($data->content->images->lft as $m_image): ?>
                <div class="photo-container <?php if(rand(0, 1) == 1): ?> animateL <?php else: ?> animateB <?php endif; ?> ">
                    <img alt="foto" src="<?php echo $m_image->large_image_url; ?>"/>
                </div>
            <?php endforeach; ?>
            <?php /*<?php if(isset($data->content->images->lft[0])): ?>
                <div class="photo-container <?php if(rand(0, 1) == 1): ?> animateL <?php else: ?> animateB <?php endif; ?> ">
                    <img alt="foto1" src="<?php echo $data->content->images->lft[0]->large_image_url; ?>"/>
                </div>
            <?php endif; ?>

            <?php if(isset($data->content->images->lft[1])): ?>
                <div class="photo-container <?php if(rand(0, 1) == 1): ?> animateL <?php else: ?> animateB <?php endif; ?> ">
                    <img alt="foto2" src="<?php echo $data->content->images->lft[1]->large_image_url; ?>"/>
                </div>
            <?php endif; ?>*/ ?>

            <?php if(isset($data->content->reference) && isset($data->content->author) && $data->content->author !='' && $data->content->reference !=''): ?>
                <blockquote class="quote-container">
                    <div>
                        <?php echo $data->content->reference; ?>

                        <p class="author"><?php echo $data->content->author; ?></p>
                    </div>
                </blockquote>
            <?php endif; ?>

            <?php foreach($data->content->images->rgt as $m_image): ?>
                <div class="photo-container <?php if(rand(0, 1) == 1): ?> animateL <?php else: ?> animateB <?php endif; ?> ">
                    <img alt="foto" src="<?php echo $m_image->large_image_url; ?>"/>
                </div>
            <?php endforeach; ?>

            <?php /*<?php if(isset($data->content->images->rgt[0])): ?>
                <div class="photo-container <?php if(rand(0, 1) == 1): ?> animateL <?php else: ?> animateB <?php endif; ?> ">
                    <img alt="foto2" src="<?php echo $data->content->images->rgt[0]->large_image_url; ?>"/>
                </div>
            <?php endif; ?>
            <?php if(isset($data->content->images->rgt[1])): ?>
                <div class="photo-container <?php if(rand(0, 1) == 1): ?> animateL <?php else: ?> animateB <?php endif; ?> ">
                    <img alt="foto2" src="<?php echo $data->content->images->rgt[1]->large_image_url; ?>"/>
                </div>
            <?php endif; ?>*/ ?>


        </div>

        <div class="clear"></div>
    </div>
    <hr>
</div>