@extends('layouts.app')
@section('title', __('Côté cuisine'))
@section('description', __('Découvrez des recettes pour toutes les occasions, des conseils pour mieux comprendre la nutrition et des astuces Le Gaulois pour ne jamais rater sa volaille.'))
@section('sub_header')
<div id="kitchenSideSubHeader" class="sub_header sub_header_recipes">
    @include('front.recipes.index-header', ['title' => __('La Vie Coté Cuisine')])
</div>
@endsection

@section('content')
<div class="content kitchenside">

    <div id="kitchensideHeader">
        <picture>
            <source src="{{ asset('images/recette/bg-recette-video-header.webp') }}" type="image/webp">
            <img src="{{ asset('assets/images/recette/bg-recette-video-header.png') }}" alt="">
        </picture>
    </div>

    @if(count($featuredRecipes))
    <section id="starRecipes">
        <header>
            <h3>{{ __('Les recettes du moment') }}</h3>
            <a href="{{ route('recipes.index') }}" title="{{ __('Toutes les recettes') }}">{{ __('Toutes les recettes') }}</a>
        </header>
        <div class="list-wrapper">
            <div class="list-recipe">
                @foreach($featuredRecipes as $rcp)
                <div class="wrap_recipe">
                    <a href="{{ route('recipes.show', $rcp) }}">
                        <figure>
                            <div class='hoverFigure'>
                                <h5>{{ __('Voir la recette !') }}</h5>
                            </div>
                            <img src="{{ $rcp->picture }}" alt="{{ $rcp->title }}" />
                        </figure>
                        <p>{{ $rcp->title }}</p>
                        <p>{{ $rcp->catch_phrase }}</p>
                    </a>
                </div>
                @endforeach
            </div>
        </div>
    </section>
    @endif

    @if(count($videoRecipes))
    <section id="videRecipes">
        <h3>{{ __('Les recettes en vidéo') }}</h3>
        <div class="videoRecipes clearfix owl-carousel">
            @foreach($videoRecipes as $rcp)
            <div class="carousel-cell {% if loop.first %}main-video{% endif %}">
                <a class="fancybox-recipe fancybox.iframe" href="{{ $rcp->video }}" title=" " rel='recipeVideo'>
                    <div class="wrap-video"><img src="{{ $rcp->picture }}" alt="{{ $rcp->title }}"></div>
                </a>
                <p class="caption">{{ $rcp->picture }}</p>
            </div>
            @endforeach
        </div>
        <div class="videoRecipe">
            <a href="{{ route('recipes.index', ['video_recipe' => 'on']) }}" title="{{ __('Toutes les recettes en vidéos') }}">{{ __('Toutes les recettes en vidéos') }}</a>
        </div>
    </section>
    @endif

    <section id="btnEnd">
        <div class="wrap_btn">
            <div class="shadow_btn">
                <a href="{{ route('kitchen-side.health-nutrition.index') }}" class="btn_inner health-nutrition" title="{!! sprintf(__('Santé &%s nutrition'), '') !!}">
                    <h4>{!! sprintf(__('Santé &%s nutrition'), '<br>') !!}</h4>
                    <p class="sub_title">{!! sprintf(__('Les atouts &%s de la volaille française'), '<br>') !!}</p>
                </a>
            </div>
            <div class="shadow_btn">
                <a href="{{ route('club.index') }}" class="btn_inner club-tips" title="{!! sprintf(__('Les astuces%s Le gaulois'), '') !!}">
                    <h4>{!! sprintf(__('Les astuces%s Le gaulois'), '<br>') !!}</h4>
                    <p class="sub_title">{!! sprintf(__('Tous nos conseils pour &%s sublimer nos produits !'), '<br>') !!}</p>
                </a>
            </div>
        </div>
    </section>
</div>
@endsection