@extends('template.index')

@section('title','Champions Consulting - Produits')
@section('site_title','Champions Consulting - Produits')
@section('description','Champions Consulting - Produits')
@section('keywords','Champions Consulting - Produits')
@section('og_title','Champions Consulting - Produits')
@section('og_description','Champions Consulting - Produits')

@section('content')
<!-- Head Section -->
<section class="small-section bg-dark">
    <div class="relative container align-left">
        <div class="row">
            {{--title--}}
            <div class="col-md-8">
                <h1 class="hs-line-11 font-alt mb-20 mb-xs-0">{!! $title !!}</h1>
                @if(!empty($sub_title))
                    <div class="hs-line-4 font-alt">
                        {!! $sub_title !!}
                    </div>
                @endif
            </div>
            {{--breadcrumb--}}
            <div class="col-md-4 mt-30">
                <div class="mod-breadcrumbs font-alt align-right">
                    <a href="{{ route('home') }}">{{ __('general.home')}}</a>&nbsp;/&nbsp;
                    <span>{{ trans("general.products") }}</span>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- End Head Section -->

<!-- Section -->
<section class="page-section">
    <div class="container relative">

        <div class="row">

            <!-- Content -->
            <div class="col-sm-12">
                <h3 class="font-alt mb-70 mb-sm-40">{{ __('product.categories') }}</h3>
                <div class="row multi-columns-row">
                @foreach($categories as $category)
                    <!-- Shop Item -->
                    <div class="col-md-3 col-lg-3 mb-60 mb-xs-40">

                        <div class="post-prev-img">
                            <a href="{{route('productList',['categoryId'=>$category->url_rewrite])}}"><img src="{{asset('medias/photos/categories/370x472-'.$category->image) }}" alt="" /></a>
                        </div>

                        <div class="post-prev-title font-alt align-center">
                            <a href="{{route('productList',['categoryId'=>$category->url_rewrite])}}">{{ $category->title  }}</a>
                        </div>

                    </div>
                    <!-- End Shop Item -->
                @endforeach
                </div>
                <!-- Pagination -->
                {{ $categories->links() }}
                <!-- End Pagination -->
            </div>
            <!-- End Content -->

        </div>

    </div>
</section>
<!-- End Section -->
@endsection