@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') }}">{!! trans('general.home') !!}</a>&nbsp;/&nbsp;
                        <a href="{{ route('categoryList') }}">{!! trans("general.products") !!}</a>&nbsp;/&nbsp;
                        <span>{{ $category->title }}</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">{{ trans("general.products") }}</h3>
                    <div class="row multi-columns-row">
                    @foreach($products as $product)
                        <!-- Shop Item -->
                            <div class="col-md-3 col-lg-3 mb-60 mb-xs-40">

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

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

                                <div class="post-prev-more align-center">
                                    <a href="{{route('productShow',['categoryId'=>$category->url_rewrite, 'productId'=>$product->url_rewrite])}}" class="btn btn-mod btn-gray btn-round"><i class="fa fa-eye"></i> {!! trans("product.see") !!}</a>
                                </div>

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

            </div>

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

@endsection