ldc-legaulois/resources/views/front/opinsta/index.blade.php

@extends('layouts.app')
@section('title', __('Grand jeu concours #legauloisettoi'))
@section('description', __('Grand jeu concours #legauloisettoi'))

@section('sub_header')
<div class="sub_header sub_header_opinsta">
    <div class="title">
        <h1>{{ __('Grand jeu concours #legauloisettoi') }}</h1>
        <h2>{{ __('Résultat concours') }}</h2>
    </div>
</div>
@endsection

@section('bg-color', 'real-white-bg')

@section('content')
<div class="content opinsta index">
    {{-- SECTION BLANCHE --}}
    <section class="section-white">
        <div class="title-container">
            <div class="title">
                @mobile()
                <h2>
                    <span class="big-year">{{ __('1 an') }}</span>
                    {{ __(" de produits Le Gaulois d'une valeur de 200€ à gagner !") }}
                </h2>
                @else
                <h2>
                    {{ __('Participez à notre challenge') }}
                    <span class="text-yellow">#legauloisettoi</span>
                    {{ __("et tentez de remporter un an de produits Le Gaulois !") }}
                </h2>
                <span class="big-year">{{ __('1 an') }}</span>
                @endmobile()
            </div>
        </div>


        <iframe id="opinsta-ytbe" class="video youtube" src="{{ route('front.frame', ['type' => 'youtube']) }}" data-src=" https://www.youtube.com/embed/vQz8xzUfhsg" data-authorize="0" frameBorder="0" allow="fullscreen; accelerometer; encrypted-media; gyroscope; picture-in-picture" width="315px" height="560px">
        </iframe>

        {{-- https://youtube.com/shorts/vQz8xzUfhsg?feature=share --}}

        <div class="participate">
            <h2>{{ __('Pour participer :') }}</h2>
            <ul>
                <li>{{
                    __('Réalisez votre recette préférée à l’aide d’un produit Charcuterie Le Gaulois.')
                }}</li>
                <li>{{
                    __('Postez la photo sur votre compte Instagram en utilisant le #LeGauloisEtToi.')
                }}</li>
                <li>{{
                    __('Cinq gagnants seront sélectionnés et remporteront l’équivalent de 200€
                    de produits Le Gaulois sous forme de bons de réductions allant de 1,50€
                    à 3€ et valables sur tous les produits de la marque !')
                }}</li>
            </ul>
            <p>{{
                __('Afin de permettre votre participation à ce jeu concours, assurez-vous que votre
                compte Instagram soit en public pour que votre post gourmand soit visible par
                tout le monde ! Les 5 posts les plus populaires gagneront ce grand jeu concours ! Alors, prêt à
                relever le défi en élaborant votre plus belle création gourmande avec les
                produits de la gamme Charcuterie Le Gaulois ?')
            }}</p>
            <a href="{{ route('le-gaulois-et-toi.rules') }}" class="opinsta-btn">
                @mobile()
                {{ __('Plus d’informations') }}
                @else
                {{ __('Plus d’informations dans le règlement du jeu concours.') }}
                @endmobile()
            </a>
        </div>
    </section>

    {{-- SECTION BEIGE --}}
    <section class="section-beige top">&nbsp;</section>
    <section class="section-beige">

        <img class="couscous-plate" src="{{ asset('assets/images/opinsta/assiette.png') }}" alt="{{ __('Une assiette de couscous.') }}">

        @if(!$has_started)
        <div class="closed-event">
            <span>{{ __('Revenez bientôt pour suivre le classement de notre Concours') }}</span>
        </div>

        @else

        {{-- BANDEROLLE --}}
        <div class="messagedefilant">
            <h2 data-text="{{ __('Résultats du concours #legauloisettoi') }}"><span>{{ __('Résultats du concours #legauloisettoi') }}&nbsp;<img src="{{ asset('assets/images/opinsta/lauriers.svg') }}" alt="{{ __('Courone de lauriers') }}">&nbsp;</span></h2>
        </div>

        <div class="container">

            @if($instaMediaList->count())
            {{-- GAGNANTS --}}
            <div class="winner-part-1">
                @foreach ($instaMediaList->take(5) as $index => $instaMedia)
                @include('front.opinsta.winner-card', compact('index', 'instaMedia'))
                @endforeach
            </div>
            @endif
        </div>

        @endif
    </section>

    @if($has_started and $instaMediaList->count())

    {{-- SECTION BRUNE --}}
    <section class="section-brown">

        <div class="container">

            @if($instaMediaList->count() > 5)

            {{-- GAGNANTS PART 2 --}}
            <div class="winner-part-2">
                @foreach ($instaMediaList->take(- ($instaMediaList->count() - 5)) as $index => $instaMedia)
                @include('front.opinsta.winner-card', compact('index', 'instaMedia'))
                @endforeach
            </div>

            @endif

            <div>
                <a class="opinsta-btn opinsta-btn-yellow" href="https://www.instagram.com/explore/tags/legauloisettoi/" target="_blank">{{ __('Voir toutes les participations') }}</a>
            </div>

            <div class="bravo">
                <span>{{ __('Bravo à tous') }}<br><span>{{ __('les participants !') }}</span></span>
            </div>
        </div>
    </section>
    <section class="section-brown bottom">&nbsp;</section>

    @endif

    {{-- SECTION SUIVEZ NOUS --}}
    <section class="section-closed">

        <div class="container">
            <h2>{{ __('Suivez-nous') }}</h2>
            <a href="{{ __('https://www.instagram.com/legaulois_officiel/?hl=fr') }}">@legaulois_officiel</a>
        </div>

        <div class="picture-list-scroll">
            @for ($i = 1; $i
            <= 7; $i++) <img src="{{ asset('assets/images/opinsta/'. $i .'.png') }}" alt="{{ __('OP Insta') }}" />
            @endfor
        </div>

    </section>
</div>
@endsection