<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><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($active == Str::slug($category->name)): ?>class="active" <?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">
        <div class="filter-info">
            <?php if($active == 'mens'): ?>
                <h1><?php echo $data->translations['human']['title']; ?></h1>
                <?php echo $data->translations['human']['text']; ?>

            <?php endif; ?>
            <?php if($active == 'materie'): ?>
                    <h1><?php echo $data->translations['material']['title']; ?></h1>
                    <?php echo $data->translations['material']['text']; ?>

            <?php endif; ?>
            <?php if($active == 'architectuur'): ?>
                    <h1><?php echo $data->translations['arch']['title']; ?></h1>
                    <?php echo $data->translations['arch']['text']; ?>

            <?php endif; ?>
        </div>

        <?php foreach($projects as $project): ?>
            <article class="project selected lazy"
                     data-original="<?php echo $project->large_image_url; ?>">
                <a href="/<?php echo $project->route; ?>">
                    <div class="project-info">
                        <h2><?php echo $project->name; ?></h2>
                        <hr>
                    </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>