@extends('template.index')

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

@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;
                        <span>{!! $title !!}</span>
                    </div>
                </div>

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

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

            <!-- Works Filter -->
            <div class="works-filter font-alt align-center">
                <a href="#" class="filter active" data-filter="*">TOUT</a>
                <a href="#mariage" class="filter" data-filter=".mariage">Mariage</a>
                <a href="#corporate" class="filter" data-filter=".corporate">Corporate</a>
                <a href="#autres" class="filter" data-filter=".autres">Autres</a>
            </div>
            <!-- End Works Filter -->

            <!-- Works Grid -->
            <ul class="works-grid work-grid-3 work-grid-gut clearfix font-alt hover-white" id="work-grid">
            @foreach($portfolios as $portfolio)
                <!-- Work Item (External Page) -->
                    <li class="work-item mix {{ $portfolio->category }}">
                        <a href="{{route('portfolioShow',['portfolioId' => $portfolio->url_rewrite])}}"
                           class="work-ext-link">
                            <div class="work-img">
                                <img class="work-img"
                                     src="{{asset('medias/photos/portfolios/cover/650x418-'.$portfolio->cover_image) }}"
                                     alt="{{ $portfolio->cover_image_alt }}"/>
                            </div>
                            <div class="work-intro">
                                <h3 class="work-title">{{ $portfolio->title }}</h3>
                                <div class="work-descr">
                                                                   </div>
                            </div>
                        </a>
                    </li>
                    <!-- End Work Item -->
                @endforeach
            </ul>
            <!-- Pagination -->
            {{ $portfolios->links() }}
            <!-- End Pagination -->
            <!-- End Works Grid -->

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

@endsection