<section class="project-overview">

    <div class="filter-row">
        <div class="content-container">
            <p>@lang('translations.filter'):</p>
            <ul class="filters">
                <li class="all"><p><a href="/projecten">Bekijk alle Projecten</a></p></li>
                @foreach($categories as $category)
                    <li id="{{Str::slug($category->name)}}" @if(Input::has('active') && Input::get('active') == Str::slug($category->name))class="active" @elseif(Input::has('active')==false) class="all"  @endif><a href="/projecten/{{Str::slug($category->name)}}"> <span>#</span><p>{{$category->name}}</p></a></li>
                @endforeach
            </ul>
            <div class="clear"></div>
        </div>
    </div>

    <div id="top" class="content-container my-projects">

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

                <div class="overlay"></div>
                </a>
            </article>
        @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">
                    @lang('translations.to')
                </em>
                <em class="large">
                    @lang('translations.up')
                </em>

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