@extends('layouts.app')

@section('title')
Categories - {{ config('app.name', 'Laravel') }}
@endsection

@section('name')
Categories
@endsection

@section('content')
<div id="page-content">
  <div id="default_page">
    <div class="container">
      <div class="contentarea clearfix">
        <div class="vc_row wpb_row vc_row-fluid vc_custom_1504014130120">
          <div class="wpb_column vc_column_container vc_col-sm-12">
            <div class="vc_column-inner ">
              <div class="wpb_wrapper">
                <div id="portfolio_list" class="grid_top_img col3 ">
                  <div class="row">
                    <div class="isotope_container_wrap">
                      <div class="isotope-container">
                        @foreach ($categories as $category)
                        <article id="portfolio-9909" class="col-sm-4 col-xs-6 print  post-9909 portfolio type-portfolio status-publish format-gallery has-post-thumbnail hentry portfolio_tag-creative portfolio_tag-portfolio portfolio_category-print">
                          <div class="portfolio_content_wrapper">
                            <div class="portfolio_format_content">
                              <a href="{{url('/category/'.$category->simplified_name)}}">
                                <img src="{{asset('storage/category/'.$category->thumbnail)}}" />
                              </a>
                            </div>
                            <div class="portfolio_descr_wrap text-center">
                              <h2 class="portfolio_title">
                                <a href="{{url('/category/'.$category->simplified_name)}}">{{$category->name}}</a>
                              </h2>
                            </div>
                          </div>
                        </article>
                        @endforeach
                      </div>
                    </div>
                  </div>
                  {{$categories->onEachSide(3)->links('vendor.pagination.eva_pagination')}}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection