@extends('template.index')

@section('title','ovopack - '.$category->title_seo)
@section('site_title','ovopack - '.$category->title_seo)
@section('description','ovopack - '.$category->description_seo)
@section('keywords','ovopack - '.$category->keywords)
@section('og_title','ovopack - '.$category->title_seo)
@section('og_description','ovopack - '.$category->description_seo)

@section('content')
<!-- Page Banner -->
<section class="page-banner" style="background-image: url({{asset('images/resource/intern-slider.jpg')}});">
    <div class="auto-container text-center">
        <h1>{!! trans("general.produits") !!}</h1>
        <ul class="bread-crumb">
            <li><a href="{{ route('home',['lang'=>App::getLocale()]) }}">{!! trans('general.home') !!}</a></li>
            <li class="active">{{ $category->title }}</li>
        </ul>
    </div>
</section>

<section class="top-services">
        <div class="auto-container">
        <div class="sec-title wow fadeInLeft animated" data-wow-delay="300ms" data-wow-duration="1000ms" style="visibility: visible; animation-duration: 1000ms; animation-delay: 300ms; animation-name: fadeInLeft;">
            <h2>{{$category->title}}</h2>
        </div>
            <div class="row clearfix">
            @foreach($products as $product)
                <!--Post-->
                <article class="col-md-4 col-sm-6 col-xs-12 post wow fadeInUp animated" data-wow-delay="0ms" data-wow-duration="1000ms" style="visibility: visible; animation-duration: 1000ms; animation-delay: 0ms; animation-name: fadeInUp;">
                	<div class="post-inner">
                    
                        <figure class="image">
                            <img class="img-responsive" src="{{asset('medias/photos/products/340x220-'.$product->image) }}" alt="{{ $product->img_alt }}">
                            <span class="curve"></span>
                        </figure>
                        <div class="content">
                            <div class="inner-box">
                                <h3>{{$product->title}}</h3>
                                <div class="link-btn">
                                    <a href="{{route('productShow',['categoryId'=>$category->url_rewrite,'productId'=>$product->url_rewrite])}}" class="primary-btn hvr-bounce-to-left">
                                        <span class="btn-text">{!! trans("product.see") !!}</span>
                                        <strong class="icon">
                                            <span class="f-icon flaticon-right11"></span>
                                        </strong>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
            @endforeach    
            </div>
        </div>
	</section>

</div>

@endsection