@extends('layouts.master')

@section('editable_content')

    <div class="after-menu">

        @include('layouts.partials.header')

        <section class="categories @if(\Input::get('s', false) != false) scroll-to-here @endif" id="block-1">
            <div class="models grid-row">
                @foreach($categories as $key => $category)
                    <article>
                        <a href="/{{$category->translation->route->route}}">
                            <figure>
                                @if($category->images->count() != 0)
                                    <span style="background-image: url('{{$category->images->first()->medium_image_url}}');"></span>
                                @endif
                            </figure>
                            <div class="text">

                                <h4>{{$category->translation->name}}</h4>
                                <p>{{$category->translation->description}}</p>

                            </div>
                            <span class="button">
                                @lang('translations.showArticles')
                            </span>
                            <div class="overlay">
                                <span></span>
                            </div>
                        </a>
                    </article>
                @endforeach
            </div>
        </section>

        @include('layouts.partials.becomeMemberOrFriend')


    </div>

@endsection