<section class="project-overview">

    <div class="filter-row">
        <div class="content-container">
            <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.filter'); ?>:</p>
            <ul class="filters">
                <li class="all"><p><a href="/projecten">Bekijk alle Projecten</a></p></li>
                <?php foreach($categories as $category): ?>
                    <li id="<?php echo Str::slug($category->name); ?>" <?php if(Input::has('active') && Input::get('active') == Str::slug($category->name)): ?>class="active" <?php elseif(Input::has('active')==false): ?> class="all"  <?php endif; ?>><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 id="top" class="content-container my-projects">

        <?php foreach($projects as $project): ?>
            <article class="project selected lazy <?php if($project->double_block): ?>double <?php endif; ?>"
                     data-original="<?php echo $project->images[0]->large_image_url; ?>">
                <a href="/<?php echo $project->route; ?>">
                <div class="project-info">
                    <h2><?php echo $project->name; ?></h2>
                    <hr>
                    <?php /*<ul>*/ ?>
                        <?php /*<?php foreach($project->category as $item): ?>*/ ?>
                            <?php /*<li><?php echo $item->name; ?></li>*/ ?>
                        <?php /*<?php endforeach; ?>*/ ?>
                    <?php /*</ul>*/ ?>
                </div>

                <div class="overlay"></div>
                </a>
            </article>
        <?php endforeach; ?>
        <div class="clear"></div>

    </div>

</section>
<div class="more-projects project-overview">
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
         viewBox="0 0 1920 175.341" enable-background="new 0 0 1920 175.341" xml:space="preserve">
        <path fill="none" id='stroke1' stroke="#F2F2F2" stroke-width="3" stroke-miterlimit="10" d="M1034.164,44.057
	C1019.191,18.592,991.506,1.5,959.829,1.5c-47.591,0-86.171,38.58-86.171,86.171H0"/>
        <path fill="none" id='stroke2' stroke="#F2F2F2" stroke-width="3" stroke-miterlimit="10" d="M884.985,129.804
	c14.759,26.281,42.898,44.037,75.185,44.037c47.591,0,86.171-38.58,86.171-86.171H1920"/>
    </svg>
    <div class="text-placeholder">
        <a class="internalLink" href="#top">
            <p>


                <span></span>

                <em class="small">
                    <?php echo \Illuminate\Support\Facades\Lang::get('translations.to'); ?>
                </em>
                <em class="large">
                    <?php echo \Illuminate\Support\Facades\Lang::get('translations.up'); ?>
                </em>

            </p>
        </a>
    </div>
</div>