Sync 2 Html loading ok

assets/images/facebook.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M452,0H60C26.916,0,0,26.916,0,60v392c0,33.084,26.916,60,60,60h392c33.084,0,60-26.916,60-60V60
+			C512,26.916,485.084,0,452,0z M472,452c0,11.028-8.972,20-20,20H338V309h61.79L410,247h-72v-43c0-16.975,13.025-30,30-30h41v-62
+			h-41c-50.923,0-91.978,41.25-91.978,92.174V247H216v62h60.022v163H60c-11.028,0-20-8.972-20-20V60c0-11.028,8.972-20,20-20h392
+			c11.028,0,20,8.972,20,20V452z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

assets/images/instagram.svg

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M363.273,0H148.728C66.719,0,0,66.719,0,148.728v214.544C0,445.281,66.719,512,148.728,512h214.544
+			C445.281,512,512,445.281,512,363.273V148.728C512,66.719,445.281,0,363.273,0z M472,363.272C472,423.225,423.225,472,363.273,472
+			H148.728C88.775,472,40,423.225,40,363.273V148.728C40,88.775,88.775,40,148.728,40h214.544C423.225,40,472,88.775,472,148.728
+			V363.272z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M256,118c-76.094,0-138,61.906-138,138s61.906,138,138,138s138-61.906,138-138S332.094,118,256,118z M256,354
+			c-54.037,0-98-43.963-98-98s43.963-98,98-98s98,43.963,98,98S310.037,354,256,354z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<circle cx="396" cy="116" r="20"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

assets/images/up-arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 30" x="0px" y="0px"><title>Arrow-Up-Circle</title><path d="M15,12a1,1,0,0,1-.71-.29L12,9.41,9.71,11.71a1,1,0,0,1-1.41-1.41l3-3a1,1,0,0,1,1.41,0l3,3A1,1,0,0,1,15,12Z"/><path d="M12,17a1,1,0,0,1-1-1V8a1,1,0,0,1,2,0v8A1,1,0,0,1,12,17Z"/><path d="M12,22A10,10,0,1,1,22,12,10,10,0,0,1,12,22ZM12,4a8,8,0,1,0,8,8A8,8,0,0,0,12,4Z"/><text x="0" y="39" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by IconSrc</text><text x="0" y="44" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>

favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#ea892d</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

favicon/safari-pinned-tab.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="644.000000pt" height="644.000000pt" viewBox="0 0 644.000000 644.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,644.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M4890 6049 c-52 -11 -62 -32 -54 -115 8 -88 0 -97 -120 -142 -138
+-53 -206 -130 -163 -184 23 -30 173 -73 247 -71 37 1 151 12 180 18 14 3 36 7
+50 9 14 3 50 8 80 12 30 3 58 8 61 9 3 2 28 7 55 10 27 4 56 8 64 10 8 2 38 7
+65 11 28 3 53 8 56 10 3 1 28 6 55 9 27 4 67 10 89 14 34 6 90 7 130 2 6 0 16
+-10 22 -20 11 -17 7 -23 -35 -50 -49 -32 -61 -42 -227 -195 -55 -50 -125 -113
+-155 -141 -30 -27 -57 -52 -60 -55 -3 -3 -59 -54 -125 -115 -66 -60 -142 -131
+-170 -157 -27 -25 -60 -55 -72 -66 -12 -10 -68 -61 -125 -113 -57 -53 -125
+-115 -153 -140 -27 -24 -59 -53 -70 -64 -12 -11 -55 -49 -95 -85 -41 -36 -98
+-87 -128 -115 -30 -27 -64 -58 -76 -68 -11 -10 -48 -42 -81 -71 -281 -247
+-566 -459 -873 -650 -68 -42 -125 -76 -126 -76 -2 0 -46 -24 -97 -53 -85 -47
+-301 -153 -419 -205 -25 -11 -58 -23 -75 -26 -16 -3 -47 -8 -68 -12 l-38 -7
+16 39 c135 317 208 563 232 784 16 145 8 385 -16 505 -47 237 -156 490 -275
+638 -87 110 -267 223 -421 263 -93 25 -274 25 -365 1 -146 -39 -231 -71 -355
+-133 -369 -184 -619 -487 -767 -929 -51 -152 -85 -217 -144 -280 -227 -242
+-340 -519 -338 -830 1 -70 12 -231 18 -261 2 -12 7 -39 10 -60 10 -59 42 -192
+64 -259 76 -233 259 -576 343 -643 l29 -24 -10 26 c-5 15 -12 37 -15 49 -2 12
+-16 67 -30 122 -48 184 -67 328 -69 505 -1 146 7 285 19 330 2 8 6 31 9 50 3
+19 12 57 19 84 l13 49 41 -44 c22 -24 54 -60 69 -79 16 -19 36 -42 45 -50 41
+-39 62 -104 74 -230 12 -130 17 -168 27 -210 13 -54 61 -165 76 -174 6 -3 17
+23 27 67 26 107 28 108 64 33 17 -36 45 -95 61 -130 25 -51 35 -63 50 -59 21
+6 40 74 40 146 1 190 165 367 383 414 181 38 355 -25 559 -202 165 -143 274
+-311 358 -550 52 -149 101 -230 195 -322 132 -129 239 -173 623 -258 17 -4 21
+-11 18 -28 -2 -12 -11 -60 -20 -107 -10 -47 -19 -103 -23 -124 -15 -107 -46
+-143 -136 -155 -31 -4 -60 -11 -63 -14 -12 -12 17 -62 45 -79 68 -38 79 -103
+42 -263 -20 -89 -55 -271 -67 -352 -6 -41 -5 -43 18 -43 30 0 44 29 108 225
+23 72 44 137 47 145 3 8 7 20 8 25 2 6 26 82 55 170 29 88 74 232 101 320 56
+179 85 245 130 293 102 109 304 142 284 46 -3 -13 -8 -36 -11 -51 -3 -16 -8
+-48 -11 -73 -17 -159 -57 -271 -112 -311 -29 -21 -30 -24 -25 -88 3 -36 7 -81
+8 -100 2 -31 -2 -69 -19 -156 -3 -16 -20 -91 -37 -165 -36 -159 -38 -173 -18
+-177 24 -5 79 108 165 337 42 113 80 214 85 225 5 11 32 83 60 160 29 77 58
+154 65 170 7 17 34 89 60 160 89 243 155 355 286 481 212 203 398 442 525 674
+10 19 24 42 30 50 12 15 177 343 207 410 50 113 87 197 133 308 8 17 20 47 28
+65 8 17 45 104 81 192 37 88 73 174 80 190 14 32 172 419 324 795 105 258 120
+290 142 303 28 17 64 -1 165 -85 149 -123 185 -143 315 -173 38 -9 43 16 11
+51 -138 152 -222 279 -222 337 0 34 7 46 63 100 34 34 137 115 230 181 92 65
+167 122 167 126 0 19 -123 36 -188 27 -75 -10 -136 -38 -277 -131 -55 -36
+-101 -63 -103 -61 -8 7 30 159 58 236 29 81 81 169 124 212 54 55 76 109 60
+152 -8 21 -69 51 -119 59 -99 16 -1021 28 -1085 15z m768 -687 c9 -6 -3 -39
+-49 -132 l-62 -123 -18 36 c-26 49 -28 75 -13 119 16 48 46 80 87 95 40 14 39
+14 55 5z m-3773 -336 c118 -58 211 -171 231 -281 l7 -40 -44 50 c-115 130
+-183 182 -275 214 -125 42 -278 6 -365 -86 -51 -55 -127 -172 -219 -338 -19
+-33 -49 -87 -67 -120 -18 -33 -49 -91 -69 -128 -19 -37 -41 -70 -49 -74 -26
+-9 -61 6 -73 32 -24 53 -14 96 52 231 147 296 321 458 601 555 108 37 171 34
+270 -15z m-30 -614 c97 -50 169 -175 182 -317 l5 -60 -43 40 c-23 22 -49 45
+-56 52 -34 30 -134 83 -193 102 -89 28 -161 38 -259 35 l-83 -2 24 26 c50 56
+66 71 105 95 66 42 121 56 203 53 52 -2 87 -9 115 -24z m3178 -146 c26 -18 36
+-18 136 0 l33 6 -33 -48 c-48 -66 -68 -77 -131 -70 -83 8 -203 50 -227 80 -10
+12 -4 17 41 34 90 33 127 33 181 -2z m-398 -229 c39 -54 83 -70 143 -52 54 17
+45 17 94 -1 96 -33 100 -36 93 -69 -4 -16 -7 -34 -9 -40 -9 -45 -41 -53 -221
+-59 -90 -3 -111 4 -127 42 -11 27 -18 223 -8 221 3 0 19 -19 35 -42z m-424
+-442 c95 -50 139 -159 140 -347 0 -59 -1 -111 -4 -115 -3 -4 -8 -30 -11 -57
+-21 -151 -138 -343 -293 -477 -94 -83 -301 -195 -518 -283 -49 -21 -114 -48
+-143 -62 -63 -29 -68 -29 -81 -5 -14 25 -12 27 160 114 165 84 241 132 356
+229 194 164 329 368 364 553 42 218 8 296 -171 389 -45 24 -78 45 -74 48 9 5
+80 24 119 31 39 8 124 -2 156 -18z m-2902 -95 c61 -25 199 -99 186 -101 -5 0
+-17 -2 -25 -4 -8 -1 -35 -6 -60 -9 -25 -4 -52 -9 -60 -11 -8 -2 -33 -7 -55
+-10 -22 -3 -83 -13 -135 -24 -110 -21 -112 -19 -85 57 19 52 36 76 77 108 32
+25 85 23 157 -6z"/>
+</g>
+</svg>

favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Boutique Mairet",
+    "short_name": "Boutique Mairet",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

theme.config.php

@@ -0,0 +1,74 @@
+<?php
+
+return [
+    'theme_name' => 'base',
+    'site_name' => config('app.name'),
+    'models' => [
+        'slides' => [
+            'picture_maxwidth' => 1180,
+            'picture_maxheight' => 290
+        ],
+        'products' => [
+            'picture_maxwidth' => 550,
+            'picture_maxheight' => 550,
+        ],
+        'ranges' => [
+            'picture_maxwidth' => 476,
+            'picture_maxheight' => 355,
+        ],
+        'static_pages' => [
+            'banner_maxwidth' => 1180,
+            'banner_maxheight' => 290
+        ],
+    ],
+    // * MINICRUD INPUTS
+    /**
+     * ! Attention toute modification après la mise en
+     * ! production doit faire l'objet d'une migration
+     * ! pour réaligner le contenu du champ data
+     * ! pour chaque type de produit
+     * ! sous peine de de tout casser
+     *
+     * eg inside 'types'
+     *  [
+     *      'type' => [
+     *          'value' => 'tools',
+     *          'label' => 'Outils'
+     *      ],
+     *      'data' => [
+     *           'poids' => [
+     *              'label' => 'Poid de l\'outil',
+     *              'inputType' => InputType::number(),
+     *              'value' => 0,
+     *              'validate' => 'numeric|min:0'
+     *          ],
+     *      ]
+     *  ],
+     */
+    'types' => [
+        // Pas de spécificité.
+    ],
+    'max_product_title_length' => '30',
+    'register_mode' => ['public'],
+    'multi_relay' => 1,
+    'quick_order_page' => 1,
+    /**
+     * bo settings
+     * Specify Here if some settins are to be managed in the back office
+     * ! Pour synchroniser les paramètres de themes il faut
+     * ! utiliser la commande 'php artisan config:sync_theme'
+     *
+     * * CF Minicrud inputs
+     *
+     * eg :
+     *
+     * 'theme_display_facebook_button' => [
+     *      'label' => 'Afficher bouton facebook',
+     *      'inputType' => \App\Enums\InputType::boolean()->jsonSerialize(),
+     *      'value' => false,
+     *      'helper' => 'Afficher ou non le lien facebook dans le footer.',
+     *      'tooltip' => 'Vous devrez renseigner le champ de la page facebook'
+     *  ],
+     */
+    'bo_theme_settings' => []
+];

ts/fo.ts

@@ -1,6 +1,6 @@
 // ASSETS
 /// <reference types="vite/client" />
-import.meta.glob(["./../../assets/images/**"]);
+import.meta.glob(["./../assets/images/**"]);
 
 // UTILITIES
 import "./utilities/bootstrap";

views/fo/charte.blade.php

@@ -0,0 +1,13 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Charte')
+
+@section('content')
+    <div class="charte floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            {!! $content->value !!}
+        </section>
+
+    </div>
+@endsection

views/fo/confirm-email.blade.php

@@ -0,0 +1,44 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Activation de votre compte')
+
+@section('content')
+    <div class="activate floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            <div class="result flex">
+                <h1 class="post-title">Activation du compte</h1>
+                @if ($result === true)
+                    <p>Compte activé avec succès, vous pouvez désormais vous connecter</p>
+                    <div class="main-btn">
+                        <a href="{{ route('login') }}">Se connecter</a>
+                    </div>
+                    @if (session('success'))
+                        <div class="alert alert-success">
+                            {{ session('success') }}
+                        </div>
+                    @endif
+                @else
+                    @if ($errors->any())
+                        <div class="alert alert-danger">
+                            <ul>
+                                @foreach ($errors->all() as $error)
+                                    <li>{{ $error }}</li>
+                                @endforeach
+                            </ul>
+                        </div>
+                    @endif
+                    <div>
+                        <h1>Oups !</h1>
+                        <p>Votre compte n'a pu être activé. Le lien d'activation que vous avez reçu par mail doit être périmé.</p><br>
+                        <p>Cliquez sur le bouton ci-dessous pour vous inscrire.</p>
+                    </div>
+                    <div class="btn">
+                        <a href="{{ route('inscription') }}">Je m'inscris</a>
+                    </div>
+                @endif
+            </div>
+        </section>
+
+    </div>
+@endsection

views/fo/cookie.blade.php

@@ -0,0 +1,137 @@
+<div id="ldcweb-cn">
+    <a class="ldcweb-btn" title="Personnaliser les cookies">
+        <svg class="ldcweb-btn-icon" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd"
+                d="M14.0001 2.93383C14.0001 4.16622 14.6159 5.25477 15.5567 5.90849C15.3526 6.46423 15.2412 7.06473 15.2412 7.69126C15.2412 10.5472 17.5564 12.8624 20.4123 12.8624C21.0807 12.8624 21.7195 12.7356 22.3059 12.5047C22.9456 13.527 24.0817 14.2069 25.3766 14.2069C26.1872 14.2069 26.9357 13.9404 27.539 13.4903C27.5453 13.6594 27.5484 13.8294 27.5484 14C27.5484 21.4826 21.4826 27.5484 14 27.5484C6.51748 27.5484 0.45166 21.4826 0.45166 14C0.45166 6.51748 6.51748 0.45166 14 0.45166C14.3209 0.45166 14.6391 0.462811 14.9543 0.484747C14.3618 1.12929 14.0001 1.98931 14.0001 2.93383ZM21.2176 2.53212C21.2195 2.54914 21.2213 2.56619 21.2229 2.58328C21.2569 2.58864 21.2909 2.59433 21.3247 2.60035C21.2891 2.57745 21.2534 2.5547 21.2176 2.53212ZM25.5171 6.86104C25.523 6.89745 25.5285 6.93399 25.5336 6.97066C25.5512 6.97141 25.5687 6.97228 25.5861 6.97328C25.5633 6.93574 25.5403 6.89833 25.5171 6.86104ZM12.5247 2.09283C12.4748 2.38291 12.4487 2.68118 12.4487 2.98553C12.4487 4.33316 12.9591 5.56158 13.7972 6.48802C13.7266 6.87842 13.6898 7.28054 13.6898 7.69126C13.6898 11.404 16.6996 14.4137 20.4123 14.4137C20.8725 14.4137 21.3219 14.3675 21.7562 14.2794C22.689 15.1941 23.9669 15.7582 25.3766 15.7582C25.5439 15.7582 25.7094 15.7503 25.8726 15.7347C25.0321 21.5385 20.0368 25.9971 14.0001 25.9971C7.37431 25.9971 2.00305 20.6258 2.00305 14.0001C2.00305 7.87378 6.59498 2.82 12.5247 2.09283Z"
+                fill="#FF4E4E" />
+            <circle cx="7.58784" cy="12.8624" r="1.96503" fill="#FF4E4E" />
+            <circle cx="8.82887" cy="19.2745" r="1.3445" fill="#FF4E4E" />
+            <circle cx="13.6897" cy="14.5171" r="1.03423" fill="#FF4E4E" />
+            <circle cx="11.4144" cy="7.48439" r="0.930805" fill="#FF4E4E" />
+            <circle cx="17.5164" cy="20.3089" r="1.86161" fill="#FF4E4E" />
+            <circle cx="21.3432" cy="6.7604" r="0.930805" fill="#FF4E4E" />
+            <circle cx="22.1706" cy="1.89958" r="1.44792" fill="#FF4E4E" />
+            <circle cx="26.8245" cy="8.31185" r="0.72396" fill="#FF4E4E" />
+        </svg>
+    </a>
+    <div class="ldcweb-cn-banner" id="ldcweb-banner">
+        <div class="ldcweb-banner-content">
+            <div class="ldcweb-banner-img">
+                <img src="{{ Vite::asset('resources/theme/mounted/assets/images/home_logo.png') }}" alt="Logo" />
+            </div>
+            <div class="ldcweb-banner-text">
+                <div class="ldcweb-banner-title">
+                    <p aria-level="h1">Le site internet "les Gauloisirs" utilise des cookies !</p>
+                </div>
+                <p class="ldcweb-banner-para-p"
+                    data-open="Ce site web stocke les cookies sur votre ordinateur. Le Gaulois utilise ces informations
+                afin d’améliorer et de personnaliser votre expérience de navigation, ainsi que pour l'analyse et les indicateurs concernant nos
+                visiteurs à la fois sur ce site web et sur d'autres supports. Vous pouvez cliquer sur « Accepter » si vous consentez à l’utilisation
+                de ces cookies."
+                    data-close="Nous utilisons des cookies pour nous assurer du bon fonctionnement de notre site et à des fins analytiques.
+                En poursuivant votre navigation sur ce site ou en fermant ce bandeau, vous consentez à l’utilisation de ces
+                cookies.">
+                    Nous utilisons des cookies pour nous assurer du bon fonctionnement de notre site et à des fins analytiques.
+                    En poursuivant votre navigation sur ce site ou en fermant ce bandeau, vous consentez à l’utilisation de ces
+                    cookies.</p>
+            </div>
+        </div>
+        <div class="ldcweb-banner-details">
+            <p>Si vous refusez l'utilisation des cookies, vos informations ne seront pas suivies lors de votre visite sur ce site. Un cookie
+                sera utilisé
+                dans votre navigateur afin de se souvenir de ne pas suivre vos préférences. Certaines fonctionnalités ne seront pas
+                accessibles.
+                Vous pouvez changer d’avis et modifier votre consentement à tout moment en revenant sur ce site.
+                Pour en savoir plus sur les cookies que nous utilisons, consultez notre <a href="{{ route('charte') }}">charte de
+                    confidentialité</a>.</p>
+        </div>
+        <div class="ldcweb-banner-btnDetails">
+            <p class="ldcweb-banner-btnDetails-p" data-open="Moins de détails..." data-close="Plus de détails...">Plus de détails...</p>
+        </div>
+        <div class="visibility" id="ldcweb-cn-modal">
+            <div class="modal-wrapper">
+                <div class="modal-title">
+                    <p class="title" aria-level="h2">{{ __('Panneau de gestion des cookies') }}</p>
+                    <p class="subTitle">{{ __('Le respect de votre vie privée est notre priorité') }}</p>
+                    <p class="description">Les fonctionnalités de ce site s’appuient sur des services proposés par des tiers.
+                        Si vous acceptez, ces tiers déposeront des cookies qui vous permettront de visualiser sur le site du contenu hébergé
+                        par ces tiers.
+                        Via ces cookies, ces tiers collecteront et utiliseront vos données de navigation pour des finalités qui leur sont
+                        propres, conformément
+                        à leur politique de confidentialité (lien ci-dessous). Cette page vous permet de donner ou de retirer votre
+                        consentement, soit globalement
+                        soit service par service.</p>
+                </div>
+                <div class="modal-details">
+                    <ul id="ldcweb-cn-list">
+                    </ul>
+                    <div id="template">
+                        <div>
+                            <div class="ldcweb-cn-infos">
+                                <span class="ldcweb-cn-name">Google Analytics (universal)</span>
+                                <span class="ldcweb-cn-description">Ce service peut déposer 8 cookies.</span>
+                                <a class="ldcweb-cn-link" href="#">En savoir plus</a>
+                            </div>
+                            <div class="ldcweb-cn-buttons">
+                                <div class="deny" id="deny-btn">
+                                    <input id="analytics2" name="analytics" data-name="analytics" data-status="false" type="radio">
+                                    <label for="analytics2">{{ __('Interdire') }}</label>
+                                </div>
+                                <div class="accept" id="accept-btn">
+                                    <input id="analytics1" name="analytics" data-name="analytics" data-status="true" type="radio">
+                                    <label for="analytics1">{{ __('Autoriser') }}</label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="ldcweb-banner-btns">
+            <div class="ldcweb-banner-btn-flex">
+                <div class="ldcweb-banner-btn-deny">
+                    <a class="ldcweb-banner-btns-btn ldcweb-cn-deny" id="ldcweb-cn-deny-banner">TOUT REFUSER</a>
+                </div>
+                <div class="ldcweb-banner-btn-accept">
+                    <a class="ldcweb-banner-btns-btn ldcweb-cn-accept" id="ldcweb-cn-accept-banner">TOUT ACCEPTER</a>
+                </div>
+            </div>
+            <div class="ldcweb-banner-btn-personalize">
+                <a class="ldcweb-banner-btns-btn ldcweb-cn-personalize" data-open-modal="RETOUR"
+                    data-close-modal="PERSONNALISER">PERSONNALISER</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+@push('scripts')
+    <script>
+        window.LdcwebCn = new LdcwebCn({
+            'analytics': {
+                'name': "MESURES D'AUDIENCE - Google Analytics",
+                'description': 'Les services de mesure d\'audience permettent de générer des statistiques de fréquentation utiles à l\'amélioration du site.',
+                'labelLink': 'En savoir +',
+                'link': 'https://support.google.com/analytics/answer/6004245',
+                'cookies': ['_ga', '_gat_gtag_{{ str_replace('-', '_', $settingsGlobal->analytics) }}', '_gid'],
+                'script': function() {
+                    (function(d, t) {
+                        var g = d.createElement(t),
+                            s = d.getElementsByTagName(t)[0];
+                        g.src = 'https://www.googletagmanager.com/gtag/js?id={{ $settingsGlobal->analytics }}';
+                        g.id = 'analytics';
+                        s.parentNode.insertBefore(g, s)
+                    }(document, 'script'));
+
+                    window.dataLayer = window.dataLayer || [];
+
+                    function gtag() {
+                        dataLayer.push(arguments);
+                    }
+                    gtag('js', new Date());
+
+                    gtag('config', '{{ $settingsGlobal->analytics }}');
+                }
+            }
+        });
+    </script>
+@endpush

views/fo/end.blade.php

@@ -0,0 +1,13 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Fin du jeu')
+
+@section('content')
+    <div class="code floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            <h1 class="post-title">Fin du jeu</h1>
+            <p>Le jeu est terminé&nbsp;! <br> Merci à tous pour votre participation&nbsp;!</p>
+        </section>
+    </div>
+@endsection

views/fo/enter-code.blade.php

@@ -0,0 +1,46 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Saisie du code')
+
+@section('content')
+    <div class="code connect floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            <div class="edit-code grid">
+                <h1 class="post-title">Saisissez votre code</h1>
+                <p class="pre--text">Pour participer au jeu, munissez-vous du sticker présent sur les produits Le Gaulois participant à
+                    l'opération.</p>
+                <p class="post--text"><span class="underlined">Attention :</span>&nbsp;<strong>en cas de gain du coffret Wonderbox,</strong>
+                    gardez précieusement <strong>le sticker utilisé ainsi que votre ticket de caisse.</strong> Ils vous seront demandés comme
+                    preuves de gain pour valider votre lot.</p>
+                <div class="code--img">
+                    <img src="{{ Vite::asset('resources/theme/mounted/assets/images/br.png') }}" alt="Sticker jeu 100% gagnant">
+                </div>
+                <form class="flex" id="code--form" method="POST" action="{{ route('participate') }}">
+                    <div class="code--edit flex">
+                        @csrf
+                        <input name="code" type="text" maxlength="9" size="9" placeholder="Code unique (9 caractères)*" required>
+                        <input name="code_ean" type="text" maxlength="13" size="13" placeholder="Code Barre (13 caractères)*" required>
+                        <div class="rules">
+                            <input id="accept_rules" name="accept_rules" type="checkbox" required>
+                            <label for="accept_rules">J'ai lu et j'accepte le <a href="{{ route('reglement') }}">règlement</a> du jeu*</label>
+                        </div>
+
+                        <span>* Champs obligatoires</span>
+                    </div>
+                    <input class="btn btn-success" type="submit" value="Je valide">
+                </form>
+                @if ($errors->any())
+                    <div class="alert alert-danger">
+                        <ul>
+                            @foreach ($errors->all() as $error)
+                                <li>{{ $error }}</li>
+                            @endforeach
+                        </ul>
+                    </div>
+                @endif
+            </div>
+        </section>
+
+    </div>
+@endsection

views/fo/error-arcadia-email.blade.php

@@ -0,0 +1,3 @@
+<p>Bonjour,</p>
+<p>Le courrier arcadia pour le gain de lot de {{ $user->lastname }} {{ $user->firstname }} est tombé en erreur.</p>
+<p>ID CRM de l'utilisateur : {{ $user->crm_id }}, email de l'utilisateur : {{ $user->email }}</p>

views/fo/faq.blade.php

@@ -0,0 +1,19 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Accueil')
+
+@section('content')
+    <div class="faq floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            <h2 class="post-subtitle raleway">Foire aux questions</h2>
+            @foreach ($questions as $q)
+                @if ($loop->first)
+                    <h3>{{ $q->theme->name }}</h3>
+                @endif
+                <div class="question">{{ $q->question }}</div>
+                <div class="reponse">{{ $q->answer }}</div>
+            @endforeach
+        </section>
+    </div>
+@endsection

views/fo/forgot-password.blade.php

@@ -0,0 +1,67 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Mot de passe oublié')
+
+@section('content')
+    <div class="connect floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+
+            <div class="flex" id="lost_edit">
+                @if (!isset($tokenValid) || !$tokenValid)
+                    <h1 class="post-title">Mot de passe oublié</h1>
+                    <form class="flex" id="lost--form" method="POST" action="{{ route('mail-password') }}">
+                        @method('PUT')
+                        @csrf
+                        @if ($errors->any())
+                            <div class="alert alert-danger">
+                                <ul>
+                                    @foreach ($errors->all() as $error)
+                                        <li>{{ $error }}</li>
+                                    @endforeach
+                                </ul>
+                            </div>
+                        @endif
+                        @if (session('success'))
+                            <div class="alert alert-success">
+                                {{ session('success') }}
+                            </div>
+                        @endif
+                        <p>Pour que nous puissions vous envoyer un lien de réinitialisation de votre mot de passe, merci de nous indiquer
+                            l'adresse e-mail saisie lors de votre inscription.</p>
+                        <div class="edit--blocs flex">
+                            <input id="" name="email" type="email" value="" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"
+                                placeholder="Votre adresse email" required>
+                        </div>
+                        <input class="btn" type="submit" value="Je valide">
+                    </form>
+                @elseif ($tokenValid)
+                    <h1 class="post-title">Changement de votre mot de passe</h1>
+                    <form method="POST" action="{{ route('change-password', $token) }}">
+                        @method('PUT')
+                        @csrf
+                        @if ($errors->any())
+                            <div class="alert alert-danger">
+                                <ul>
+                                    @foreach ($errors->all() as $error)
+                                        <li>{{ $error }}</li>
+                                    @endforeach
+                                </ul>
+                            </div>
+                        @endif
+                        @if (session('success'))
+                            <div class="alert alert-success">
+                                {{ session('success') }}
+                            </div>
+                        @endif
+                        <input name="password" type="password" placeholder="Votre nouveau mot de passe*" required>
+                        <input id="password-confirm" name="password_confirmation" type="password" required autocomplete="new-password"
+                            placeholder="Confirmer votre nouveau mot de passe*">
+                        <input name="token" type="hidden" value="{{ $token }}">
+                        <input class="btn btn-primary" type="submit" value="Envoyer">
+                    </form>
+                @endif
+            </div>
+        </section>
+    </div>
+@endsection

views/fo/gain1.blade.php

@@ -0,0 +1,200 @@
+@extends('theme::fo.layout')
+
+@section('title')
+    {{ $prizesGlobal[0]->gain_view->name }}
+@endsection
+
+@section('content')
+    <div class="congratulate floating gain1 grid">
+        <div class="head-bloc"></div>
+        <div class="sc__wrapper container">
+            <h1 class="post-title raleway">Lancez la roue et<br>découvrez votre gain</h1>
+            <!-- spinwheel --->
+            <div id="wrapper">
+
+                <div id="wheel">
+                    <div id="inner-wheel">
+                        <div class="sec"><span class="fab fa-bell-o"></span></div>
+                        <div class="sec"><span class="fab fa-comment-o"></span></div>
+                        <div class="sec"><span class="fab fa-smile-o"></span></div>
+                        <div class="sec"><span class="fab fa-heart-o"></span></div>
+                    </div>
+
+                    <div id="spin">
+                        <div id="inner-spin"></div>
+                    </div>
+
+                    <div id="shine"></div>
+                </div>
+
+                <div id="txt"></div>
+            </div>
+        </div>
+
+        <section class="main--bloc container">
+
+            <div class="mobile--menu">
+                <div class="title--bloc view-lot1">
+                    <div class="title--txt">
+                        <h1 class="post-title">Félicitations&nbsp;!</h1>
+                        <p class="info2">Vous avez gagné un {{ $prizesGlobal[0]->label_one }} !<br>
+                            Pour recevoir votre cadeau, vous devez envoyer vos preuves d'achat.
+                            Voir modalités ci dessous.
+                        </p>
+                    </div>
+                    <div class="bg-opacity"></div>
+                </div>
+                <div class="play--bloc">
+                    <div class="main-btn">
+                        <a href="#winproof">>></a>
+                    </div>
+                </div>
+                {{-- <div class="play--bloc">
+                    <p class="strong">Vous possédez un autre code&nbsp;?</p>
+                    <div class="main-btn">
+                        <a href="{{route('saisir-code')}}">Je rejoue</a>
+                    </div>
+                </div> --}}
+            </div>
+
+            <div class="desktop--menu">
+                <div class="img--bloc view-lot1"></div>
+                <div class="txt--bloc">
+                    <div class="bloc--rotate">
+                        <h1 class="post-title">Félicitations&nbsp;!</h1>
+                        <p>Vous avez gagné un {{ $prizesGlobal[0]->label_one }} !<br>
+                            Pour recevoir votre cadeau, vous devez envoyer vos preuves d'achat.
+                            Voir modalités ci dessous.
+                        </p>
+                        <div class="main-btn">
+                            <a href="#winproof">>></a>
+                        </div>
+                        {{-- <p class="strong">Vous possédez un autre code&nbsp;?</p>
+                        <div class="main-btn">
+                            <a href="{{route('saisir-code')}}">Je rejoue</a>
+                        </div> --}}
+                    </div>
+                </div>
+            </div>
+        </section>
+
+    </div>
+    </div>
+    <div class="register floating grid">
+        <div class="head-bloc"></div>
+
+        <section class="main--bloc container" style="display:none;">
+
+            <div class="title-inscription1">
+                <a id="winproof"></a>
+                <h1 class="post-title">Envoyez vos preuves de gain</h1>
+            </div>
+            <div class="form-inscription1">
+
+                <div class="infos">
+                    <h2>En ligne @</h3>
+                        <p>Renseignez l'adresse à laquelle vous souhaitez recevoir votre gain et téléversez vos preuves d'achat.</p>
+                </div>
+                <form method="POST" action="{{ route('send-winning-proof') }}" enctype="multipart/form-data">
+                    @method('PUT')
+                    @csrf
+                    @if ($errors->any())
+                        <div class="alert alert-danger">
+                            <ul>
+                                @foreach ($errors->all() as $error)
+                                    <li>{{ $error }}</li>
+                                @endforeach
+                            </ul>
+                        </div>
+                    @endif
+                    <div class="coordonnees grid">
+                        <h4>Vos coordonnées</h4>
+                        <input id="lastname" name="lastname" type="text" value="{{ Auth::user()->lastname ?? '' }}" placeholder="Nom*"
+                            required maxlength="150">
+                        <input id="firstname" name="firstname" type="text" value="{{ Auth::user()->firstname ?? '' }}" placeholder="Prénom*"
+                            required maxlength="150">
+                        <input id="addr1" name="address" type="text" value="{{ Auth::user()->address ?? '' }}" placeholder="Adresse*"
+                            required maxlength="50">
+                        <input id="addr2" name="address2" type="text" value="{{ Auth::user()->address2 ?? '' }}"
+                            placeholder="Complément d'adresse" maxlength="50">
+                        <div class="locate">
+                            <input id="post_number" name="postal_code" type="number" value="{{ Auth::user()->postal_code ?? '' }}"
+                                placeholder="Code Postal*" required min="1" max="99999">
+                            <input id="town" name="town" type="text" value="{{ Auth::user()->town ?? '' }}" placeholder="Ville*"
+                                required maxlength="50">
+                        </div>
+                        <input id="country" name="country" type="text" value="{{ Auth::user()->country ?? '' }}" placeholder="Pays*"
+                            required maxlength="32">
+                        <input id="phone" name="phone" type="tel" value="{{ Auth::user()->phone ?? '' }}"
+                            placeholder="Numéro de téléphone*" required>
+                    </div>
+                    <div class="preuves">
+                        <h4>Vos preuves d'achat</h4>
+                        <div class="barres files-accepted">
+                            <p>Code-barres du produit*</p><br><br>
+                            <label class="lbl-code upload" for="file-code">Ajouter un fichier</label>
+                            <input class="input-file" id="file-code" name="barcode" type="file" accept=".jpg,.jpeg,.png,.pdf" required>
+                        </div>
+                        <div class="ticket files-accepted">
+                            <p>Ticket de caisse avec la date*</p><br><br>
+                            <label class="lbl-ticket upload" for="ticket-prod">Ajouter un fichier</label>
+                            <input class="input-file" id="ticket-prod" name="ticket" type="file" accept=".jpg,.jpeg,.png,.pdf"
+                                required>
+                        </div>
+                        <div class="sticker files-accepted">
+                            <p>Sticker du produit*</p><br><br>
+                            <label class="lbl-sticker upload" for="sticker-prod">Ajouter un fichier</label>
+                            <input class="input-file" id="sticker-prod" name="sticker" type="file" accept=".jpg,.jpeg,.png,.pdf"
+                                required>
+                        </div>
+                    </div>
+                    <div class="btn-form">
+                        <input class="btn" id="send" type="submit" value="Envoyer mes preuves d'achat">
+                    </div>
+                </form>
+
+            </div>
+            <div class="legals">
+                <p>*Champs obligatoires</p>
+            </div>
+            <div class="instructions">
+                <div class="contain-courrier">
+                    <div class="courrier">
+                        <div class="infos">
+                            <h2>Ou Par courrier</h3>
+                                <p>Merci de nous envoyer, sur papier libre (ou en utilisant le formulaire <a
+                                        href="{{ Vite::asset('fichiers/pdf/' . $prizesGlobal[0]->pdf_winning_proof) }}"
+                                        style="font-size: inherit;line-height:inherit;" target="_pdf"> téléchargeable ici</a>), vos
+                                    coordonnées ainsi que vos preuves d'achat originales. Le tout sous pli suffisamment affranchi sous dix jours
+                                    à l'adresse suivante :</p>
+                        </div>
+                        <div class="adress">
+                            <p>Service Consommateurs LDC<br>Jeu "Gau'loisirs"<br>CS 50925<br>72302 SABL&Eacute; SUR SARTHE CEDEX</p>
+                        </div>
+                        <div class="coordonnees">
+                            <p>Vos coordonnées<br>Nom, prénom, adresse complète,<br>n° de téléphone et E-mail</p>
+                        </div>
+                        <div class="preuves">
+                            <p>Vos preuves d'achat<br>Code-barres original du produit,<br>ticket de caisse original avec la date,
+                                <br>le sticker ou ou la partie de l'emballage contenant le code unique de jeu (code visible)
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </section>
+
+    </div>
+@endsection
+
+@push('scripts')
+    <script>
+        //set default degree (360*5)
+        var degree = 1800;
+        //number of clicks = 0
+        var clicks = 0;
+
+        var thisWinAngle = 1400;
+    </script>
+@endpush

views/fo/gain2.blade.php

@@ -0,0 +1,202 @@
+@extends('theme::fo.layout')
+
+@section('title')
+    {{ $prizesGlobal[1]->gain_view->name }}
+@endsection
+
+@section('content')
+    <div class="congratulate floating grid">
+        <div class="head-bloc"></div>
+
+        <div class="sc__wrapper container">
+            <h1 class="post-title raleway">Lancez la roue et<br>découvrez votre gain</h1>
+            <!-- spinwheel --->
+            <div id="wrapper">
+
+                <div id="wheel">
+                    <div id="inner-wheel">
+                        <div class="sec"><span class="fab fa-bell-o"></span></div>
+                        <div class="sec"><span class="fab fa-comment-o"></span></div>
+                        <div class="sec"><span class="fab fa-smile-o"></span></div>
+                        <div class="sec"><span class="fab fa-heart-o"></span></div>
+                    </div>
+
+                    <div id="spin">
+                        <div id="inner-spin"></div>
+                    </div>
+
+                    <div id="shine"></div>
+                </div>
+
+                <div id="txt"></div>
+            </div>
+        </div>
+
+        <section class="main--bloc container">
+
+            <div class="mobile--menu">
+                <div class="title--bloc view-lot2">
+                    <div class="title--txt">
+                        <h1 class="post-title">Félicitations&nbsp;!</h1>
+                        <p class="info2">Vous avez gagné un {{ $prizesGlobal[1]->label_one }} !<br>
+                            Pour recevoir votre cadeau, vous devez envoyer vos preuves d'achat.
+                            Voir modalités ci dessous.
+                        </p>
+                    </div>
+                    <div class="bg-opacity"></div>
+                </div>
+                <div class="play--bloc">
+                    <div class="main-btn">
+                        <a href="#winproof">>></a>
+                    </div>
+                </div>
+                {{-- <div class="play--bloc">
+                    <p class="strong">Vous possédez un autre code&nbsp;?</p>
+                    <div class="main-btn">
+                        <a href="{{route('saisir-code')}}">Je rejoue</a>
+                    </div>
+                </div> --}}
+            </div>
+
+            <div class="desktop--menu">
+                <div class="img--bloc view-lot2"></div>
+                <div class="txt--bloc">
+                    <div class="bloc--rotate">
+                        <h1 class="post-title">Félicitations&nbsp;!</h1>
+                        <p>Vous avez gagné un {{ $prizesGlobal[1]->label_one }} !<br>
+                            Pour recevoir votre cadeau, vous devez envoyer vos preuves d'achat.
+                            Voir modalités ci dessous.</p>
+                        <div class="main-btn">
+                            <a href="#winproof">>></a>
+                        </div>
+                        {{-- <p class="strong">Vous possédez un autre code&nbsp;?</p>
+                        <div class="main-btn">
+                            <a href="{{route('saisir-code')}}">Je rejoue</a>
+                        </div> --}}
+                    </div>
+                </div>
+            </div>
+
+        </section>
+
+    </div>
+    </div>
+    <div class="register floating grid">
+        <div class="head-bloc"></div>
+
+        <section class="main--bloc container" style="display:none;">
+
+            <div class="title-inscription1">
+                <a id="winproof"></a>
+                <h1 class="post-title">Envoyez vos preuves de gain</h1>
+            </div>
+            <div class="form-inscription1">
+
+                <div class="infos">
+                    <h2>En ligne @</h3>
+                        <p>Renseignez l'adresse à laquelle vous souhaitez recevoir votre gain et téléversez vos preuves d'achat.</p>
+                </div>
+                <form method="POST" action="{{ route('send-winning-proof') }}" enctype="multipart/form-data">
+                    @method('PUT')
+                    @csrf
+                    @if ($errors->any())
+                        <div class="alert alert-danger">
+                            <ul>
+                                @foreach ($errors->all() as $error)
+                                    <li>{{ $error }}</li>
+                                @endforeach
+                            </ul>
+                        </div>
+                    @endif
+                    <div class="coordonnees grid">
+                        <h4>Vos coordonnées</h4>
+                        <input id="lastname" name="lastname" type="text" value="{{ Auth::user()->lastname ?? '' }}" placeholder="Nom*"
+                            required maxlength="150">
+                        <input id="firstname" name="firstname" type="text" value="{{ Auth::user()->firstname ?? '' }}" placeholder="Prénom*"
+                            required maxlength="150">
+                        <input id="addr1" name="address" type="text" value="{{ Auth::user()->address ?? '' }}" placeholder="Adresse*"
+                            required maxlength="50">
+                        <input id="addr2" name="address2" type="text" value="{{ Auth::user()->address2 ?? '' }}"
+                            placeholder="Complément d'adresse" maxlength="50">
+                        <div class="locate">
+                            <input id="post_number" name="postal_code" type="number" value="{{ Auth::user()->postal_code ?? '' }}"
+                                placeholder="Code Postal*" required min="1" max="99999">
+                            <input id="town" name="town" type="text" value="{{ Auth::user()->town ?? '' }}" placeholder="Ville*"
+                                required maxlength="50">
+                        </div>
+                        <input id="country" name="country" type="text" value="{{ Auth::user()->country ?? '' }}" placeholder="Pays*"
+                            required maxlength="32">
+                        <input id="phone" name="phone" type="tel" value="{{ Auth::user()->phone ?? '' }}"
+                            placeholder="Numéro de téléphone*" required>
+                    </div>
+                    <div class="preuves">
+                        <h4>Vos preuves d'achat</h4>
+                        <div class="barres files-accepted">
+                            <p>Code-barres du produit*</p><br><br>
+                            <label class="lbl-code upload" for="file-code">Ajouter un fichier</label>
+                            <input class="input-file" id="file-code" name="barcode" type="file" accept=".jpg,.jpeg,.png,.pdf" required>
+                        </div>
+                        <div class="ticket files-accepted">
+                            <p>Ticket de caisse avec la date*</p><br><br>
+                            <label class="lbl-ticket upload" for="ticket-prod">Ajouter un fichier</label>
+                            <input class="input-file" id="ticket-prod" name="ticket" type="file" accept=".jpg,.jpeg,.png,.pdf"
+                                required>
+                        </div>
+                        <div class="sticker files-accepted">
+                            <p>Sticker du produit*</p><br><br>
+                            <label class="lbl-sticker upload" for="sticker-prod">Ajouter un fichier</label>
+                            <input class="input-file" id="sticker-prod" name="sticker" type="file" accept=".jpg,.jpeg,.png,.pdf"
+                                required>
+                        </div>
+                    </div>
+                    <div class="btn-form">
+                        <input class="btn" id="send" type="submit" value="Envoyer mes preuves d'achat">
+                    </div>
+                </form>
+
+            </div>
+            <div class="legals">
+                <p>*Champs obligatoires</p>
+            </div>
+
+            <div class="instructions">
+                <div class="contain-courrier">
+                    <div class="courrier">
+                        <div class="infos">
+                            <h2>Ou Par courrier</h3>
+                                <p>Merci de nous envoyer, sur papier libre (ou en utilisant le formulaire <a
+                                        href="{{ Vite::asset('fichiers/pdf/' . $prizesGlobal[1]->pdf_winning_proof) }}"
+                                        style="font-size: inherit;line-height:inherit;" target="_pdf"> téléchargeable ici</a>), vos
+                                    coordonnées ainsi que vos preuves d'achat originales. Le tout sous pli suffisamment affranchi sous dix jours
+                                    à l'adresse suivante :</p>
+                        </div>
+                        <div class="adress">
+                            <p>Service Consommateurs LDC<br>Jeu "Gau'loisirs"<br>CS 50925<br>72302 SABL&Eacute; SUR SARTHE CEDEX</p>
+                        </div>
+                        <div class="coordonnees">
+                            <p>Vos coordonnées<br>Nom, prénom, adresse complète,<br>n° de téléphone et E-mail</p>
+                        </div>
+                        <div class="preuves">
+                            <p>Vos preuves d'achat<br>Code-barres original du produit,<br>ticket de caisse original avec la date,
+                                <br>le sticker ou ou la partie de l'emballage contenant le code unique de jeu (code visible)
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </section>
+
+    </div>
+@endsection
+
+@push('scripts')
+    <script>
+        //set default degree (360*5)
+        var degree = 1800;
+        //number of clicks = 0
+        var clicks = 0;
+
+        var thisWinAngle = 1580;
+    </script>
+@endpush

views/fo/gains.blade.php

@@ -0,0 +1,35 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Les gains')
+
+@section('content')
+    <p>Lots (valeur à 0 ou 1 : 0 = faux, 1 = vrai) :</p>
+    <table class="table-border table">
+        <thead class="thead-light">
+            <th scope="col">ID Arcadia</th>
+            <th scope="col">Label singulier</th>
+            <th scope="col">Label pluriel</th>
+            <th scope="col">Quantité</th>
+            <th scope="col">Notification activé</th>
+            <th scope="col">Formulaire suppl.</th>
+            <th scope="col">ID mail Arcadia</th>
+            <th scope="col">Pdf preuve de gain</th>
+            <th scope="col">Lot par défaut</th>
+        </thead>
+        <tbody>
+            @foreach ($prizesGlobal as $p)
+                <tr>
+                    <td>{{ $p->arcadia_id }}</td>
+                    <td>{{ $p->label_one }}</td>
+                    <td>{{ $p->label_many }}</td>
+                    <td>{{ $p->quantity }}</td>
+                    <td>{{ $p->notifications }}</td>
+                    <td>{{ $p->additional_form }}</td>
+                    <td>{{ $p->arcadia_mail_id }}</td>
+                    <td><span class="badge badge-info">{{ $p->pdf_winning_proof }}</span></td>
+                    <td>{{ $p->need_proof }}</td>
+                </tr>
+            @endforeach
+        </tbody>
+    </table>
+@endsection

views/fo/home.blade.php

@@ -0,0 +1,210 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Accueil')
+
+@section('content')
+    <div class="main floating grid">
+        <div class="head-bloc"></div>
+        <section class="floating-bloc container flex">
+            <div class="floating--width flex">
+                <div class="floating--title">
+                    <img src="{{ Vite::asset('resources/theme/mounted/assets/images/photo-canoe.png') }}" alt="">
+                    <h1 class="post-title flex">
+                        <div class="row flex">
+
+                        </div>
+                    </h1>
+                </div>
+                <div class="floating--txt flex">
+                    <h2 class="raleway post-subtitle">Jouez et tentez de gagner</h2>
+                    <div class="floating--gift flex">
+                        <div class="gift--col flex">
+                            <div class="gift--lot1 flex">
+                                <div class="nb-lot1 flex">
+                                    <span>{{ $prizesGlobal[0]->quantity }}</span>
+                                </div>
+                                <h3 class="post-chapter">Wonderbox <br>Loisirs</h3>
+
+                            </div>
+                            <div class="gift--img">
+                                <img src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot1.png') }}"
+                                    alt="Grand jeu 100% gagnant">
+                                <div class="floating--sticker">
+                                    <img src="{{ Vite::asset('resources/theme/mounted/assets/images/pastille.png') }}"
+                                        alt="Grand jeu 100% gagnant">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="gift--col flex">
+                            <div class="gift--lot2 flex">
+                                <div class="nb-lot2 flex">
+                                    <span>{{ $prizesGlobal[1]->quantity }}</span>
+                                </div>
+                                <h3 class="post-chapter">Wonderbox <br>Happy Day</h3>
+                            </div>
+                            <div class="lot2--img">
+                                <img src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot2.png') }}" alt="Wonderbox Happy Day">
+                            </div>
+                            <div class="gift--br">
+                                <p>Ou des milliers<br /> de bons<br />de réduction</p>
+                                <img src="{{ Vite::asset('resources/theme/mounted/assets/images/br-1-euro.png') }}" alt="Wonderbox Happy Day">
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="main-btn">
+                        <a href="{{ route('saisir-code') }}">Jouer !</a>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <div id="howto"></div>
+        <section class="who-bloc container flex">
+            <div class="who--title">
+                <div class="who--rotate">
+                    <h2 class="post-subtitle raleway">Comment jouer&nbsp;?</h2>
+                    <p>Rien de plus simple&nbsp;! Suivez les 3 étapes décrites à droite et laissez-vous guider.</p>
+                    <img src="{{ Vite::asset('resources/theme/mounted/assets/images/how-to-play.png') }}" alt="">
+                </div>
+            </div>
+            <div class="who--details flex">
+                <div class="who--rotate">
+                    <div class="details--bloc flex">
+                        <div class="bloc--img flex">
+                            <img src="{{ Vite::asset('resources/theme/mounted/assets/images/logo-kart.png') }}"
+                                alt="Acheter un produit porteur de l'offre">
+                        </div>
+                        <div class="bloc--txt">
+                            <p>Achetez un produit Le Gaulois porteur de l'offre.</p>
+                            <div class="main-btn tertiary-btn">
+                                <a href="{{ route('produits-porteurs') }}">Voir la liste des produits porteurs</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="details--bloc flex">
+                        <div class="bloc--img flex">
+                            <img src="{{ Vite::asset('resources/theme/mounted/assets/images/logo-br.png') }}"
+                                alt="Trouver le code au dos du sticker">
+                        </div>
+                        <div class="bloc--txt flex">
+                            <p>Trouvez le code au dos du sticker, soit en le décollant du produit, soit en lisant en transparence.</p>
+                        </div>
+                    </div>
+                    <div class="details--bloc flex">
+                        <div class="bloc--img flex">
+                            <img src="{{ Vite::asset('resources/theme/mounted/assets/images/logo-tv.png') }}" alt="Inscrivez-vous sur ce site">
+                        </div>
+                        <div class="bloc--txt flex">
+                            <p>Inscrivez-vous sur ce site, insérez votre code et découvrez ce que vous avez gagné&nbsp;!</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <div id="gifts"></div>
+        <section class="gift-bloc container flex">
+            <div class="gift--title">
+                <h2 class="post-subtitle raleway">Les cadeaux</h2>
+            </div>
+            <div class="swiper-container">
+                <div class="swiper-wrapper">
+                    <div class="swiper-slide flex">
+                        <div class="swiper--img">
+                            <img src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot1.png') }}" alt="Wonderbox Loisirs">
+                        </div>
+                        <div class="swiper--txt secondary-bg flex">
+                            <div class="bloc--rotate">
+                                <h3 class="post-chapter">Wonderbox<br />loisirs</h3>
+                                <p class="big">1 activité pour 2 à 6 personnes</p>
+                                <p>
+                                    1640 activités en famille : cinéma, visite d’un zoo ou d’un château, spectacle au théâtre, cirque, balade en
+                                    bateau, randonnée équestre, atelier culinaire…
+                                    Les petits et les grands vont se régaler : sortie à l’aquarium de Paris pour faire connaissance avec ses 10
+                                    000 pensionnaires, atelier culinaire pour savourer une bonne dose de bonheur, découverte du bassin de la
+                                    Villette en bateau électrique, rencontre avec le nouveau monde de Mini World Lyon…
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="swiper-slide flex">
+                        <div class="swiper--img">
+                            <img src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot2.png') }}" alt="Wonbderbox Happy Day">
+                        </div>
+                        <div class="swiper--txt flex">
+                            <div class="bloc--rotate">
+                                <h3 class="post-chapter">Wonderbox<br />Happy Day</h3>
+                                <p class="big">1 activité pour 1 à 2 personnes</p>
+                                <p>
+                                    Plus de 2500 activités : laser game, bowling, balade en canoë, cinéma, repas, dégustation de macarons…
+                                    Besoin d’une super activité pour déconnecter ? Soyez prêts, vous allez adorer cette journée : parties de
+                                    bowling endiablées à Châlons-en-Champagne, séance de Taï Chi ou de Wing Chung à Bordeaux ou pizza à déguster
+                                    face à Notre-Dame de Paris… Voici tout ce dont vous avez besoin pour apprécier un Happy Day !
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="swiper-pagination"></div>
+            </div>
+            <div class="main-btn">
+                <a href="{{ route('saisir-code') }}">Jouer !</a>
+            </div>
+        </section>
+
+    </div>
+
+    {{--
+    <p>Société : {{$settingsGlobal->company}} et nom du jeu : {{$settingsGlobal->name}}</p>
+    <p>
+        <ul>Toutes les routes :
+            <li><a href="{{route('home')}}">Accueil</a></li>
+            <li><a href="{{route('teaser')}}">Teaser</a></li>
+            <li><a href="{{route('reglement')}}">Règlement</a></li>
+            <li><a href="{{route('charte')}}">Charte</a></li>
+            <li><a href="{{route('legals')}}">Mentions légales</a></li>
+            <li><a href="{{route('end')}}">Page de fin de jeu</a></li>
+            <li><a href="{{route('faq')}}">FAQ</a></li>
+            <li><a href="{{route('comment-jouer')}}">Comment jouer</a></li>
+            <li><a href="{{route('les-gains')}}">Les gains</a></li>
+            <li><a href="{{route('saisir-code')}}">Saisie du code (nécessite d'être connecté)</a></li>
+            <li><a href="{{route('login')}}">Login</a></li>
+            <li><a href="{{route('inscription')}}">Inscription</a></li>
+        </ul>
+    </p>
+    <p>Lots (valeur à 0 ou 1 : 0 = faux, 1 = vrai) :</p>
+    <table class="table table-border">
+        <thead class="thead-light">
+            <th scope="col">ID Arcadia</th>
+            <th scope="col">Label singulier</th>
+            <th scope="col">Label pluriel</th>
+            <th scope="col">Quantité</th>
+            <th scope="col">Notification activé</th>
+            <th scope="col">Formulaire suppl.</th>
+            <th scope="col">ID mail Arcadia</th>
+            <th scope="col">Pdf preuve de gain</th>
+            <th scope="col">Lot par défaut</th>
+        </thead>
+        <tbody>
+            @foreach ($prizesGlobal as $p)
+                <tr>
+                    <td>{{$p->arcadia_id}}</td>
+                    <td>{{$p->label_one}}</td>
+                    <td>{{$p->label_many}}</td>
+                    <td>{{$p->quantity}}</td>
+                    <td>{{$p->notifications}}</td>
+                    <td>{{$p->additional_form}}</td>
+                    <td>{{$p->arcadia_mail_id}}</td>
+                    <td><span class="badge badge-info">{{$p->pdf_winning_proof}}</span></td>
+                    <td>{{$p->need_proof}}</td>
+                </tr>
+            @endforeach
+        </tbody>
+    </table>
+    <!-- Pour afficher un seul lot, remplacer le [0] par [1], [2], etc. -->
+    @if (isset($prizesGlobal[0]))
+        {{$prizesGlobal[0]->label_one}}
+    @endif
+--}}
+@endsection

views/fo/how-to-play.blade.php

@@ -0,0 +1,35 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Comment jouer')
+
+@section('content')
+    <p>Lots (valeur à 0 ou 1 : 0 = faux, 1 = vrai) :</p>
+    <table class="table-border table">
+        <thead class="thead-light">
+            <th scope="col">ID Arcadia</th>
+            <th scope="col">Label singulier</th>
+            <th scope="col">Label pluriel</th>
+            <th scope="col">Quantité</th>
+            <th scope="col">Notification activé</th>
+            <th scope="col">Formulaire suppl.</th>
+            <th scope="col">ID mail Arcadia</th>
+            <th scope="col">Pdf preuve de gain</th>
+            <th scope="col">Lot par défaut</th>
+        </thead>
+        <tbody>
+            @foreach ($prizesGlobal as $p)
+                <tr>
+                    <td>{{ $p->arcadia_id }}</td>
+                    <td>{{ $p->label_one }}</td>
+                    <td>{{ $p->label_many }}</td>
+                    <td>{{ $p->quantity }}</td>
+                    <td>{{ $p->notifications }}</td>
+                    <td>{{ $p->additional_form }}</td>
+                    <td>{{ $p->arcadia_mail_id }}</td>
+                    <td><span class="badge badge-info">{{ $p->pdf_winning_proof }}</span></td>
+                    <td>{{ $p->need_proof }}</td>
+                </tr>
+            @endforeach
+        </tbody>
+    </table>
+@endsection

views/fo/kit.blade.php

@@ -0,0 +1,117 @@
+@extends('theme::fo.layout')
+
+@section('title')
+    {{ $prize->gain_view->name }}
+@endsection
+
+@section('content')
+    <div class="gains col padding container flex">
+        <div class="step">&Eacute;TAPE 3/3</div>
+        <div class="content-gains">
+            <div class="bravo flex">
+                <div class="img-bravo">
+                    <img src="{{ Vite::asset('resources/theme/mounted/assets/images/gain_lot_01.png') }}" alt="Kit de cuisine">
+                </div>
+                <div class="txt-bravo flex">
+                    <h1>Bravo !</h1>
+                    <h2>Vous avez gagné un <strong>kit de cuisine</strong></h2>
+                    <p>Pour recevoir votre cadeau, vous devez obligatoirement renseigner le formulaire ci-dessous.</p><br>
+                    <p>Renseignez l'adresse à laquelle vous souhaitez recevoir le kit de cuisine.<br>Livraison sous 8 semaines.</p>
+                </div>
+            </div>
+            <div class="instructions flex">
+                <div class="contain-courrier">
+                    <div class="courrier">
+                        <div class="infos">
+                            <h3>Par courrier</h3>
+                            <p>Merci de nous envoyer sur papier libre vos coordonnées ainsi que vos preuves d'achat originales. Le tout sous pli
+                                suffisamment affranchi sous dix jours à l'adresse suivante :</p>
+                        </div>
+                        <div class="adress flex">
+                            <p>JEU MAGIE DE NO&Euml;L 2020<br>LDC - ZI SAINT LAURENT<br>CS 50925<br>72302 SABL&Eacute; SUR SARTHE CEDEX</p>
+                        </div>
+                        <div class="coordonnees flex">
+                            <p>Vos coordonnées<br>Nom, prénom, adresse complète,<br>n° de téléphone et E-mail</p>
+                        </div>
+                        <div class="preuves flex">
+                            <p>Vos preuves d'achat<br>Code-barres original du produit,<br>ticket de caisse original avec la date,<br>le sticker
+                                ou l’arrière de la boite d’œufs avec le code unique de jeu</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="inline">
+                    <div class="infos">
+                        <h3>En ligne @</h3>
+                        <p>Renseignez l'adresse à laquelle vous souhaitez recevoir votre gain et téléversez vos preuves d'achat.</p>
+                    </div>
+                    <form method="POST" action="{{ route('send-winning-proof') }}" enctype="multipart/form-data">
+                        @method('PUT')
+                        @csrf
+                        @if ($errors->any())
+                            <div class="alert alert-danger">
+                                <ul>
+                                    @foreach ($errors->all() as $error)
+                                        <li>{{ $error }}</li>
+                                    @endforeach
+                                </ul>
+                            </div>
+                        @endif
+                        <div class="coordonnees">
+                            <h4>Vos coordonnées</h4>
+                            <input id="lastname" name="lastname" type="text" value="{{ Auth::user()->lastname }}" placeholder="Nom*"
+                                required maxlength="150">
+                            <input id="firstname" name="firstname" type="text" value="{{ Auth::user()->firstname }}" placeholder="Prénom*"
+                                required maxlength="150">
+                            <input id="addr1" name="address" type="text" value="{{ Auth::user()->address }}" placeholder="Adresse*"
+                                required maxlength="50">
+                            <div class="adress flex">
+                                <input id="addr2" name="address2" type="text" value="{{ Auth::user()->address2 }}"
+                                    placeholder="Complément d'adresse" maxlength="50">
+                                <input id="post_number" name="postal_code" type="number" value="{{ Auth::user()->postal_code }}"
+                                    placeholder="Code Postal*" required min="1" max="99999">
+                            </div>
+                            <div class="locate flex">
+                                <input id="town" name="town" type="text" value="{{ Auth::user()->town }}" placeholder="Ville*"
+                                    required maxlength="50">
+                                <input id="country" name="country" type="text" value="{{ Auth::user()->country }}" placeholder="Pays*"
+                                    required maxlength="32">
+                            </div>
+                            <div class="tel">
+                                <input id="phone" name="phone" type="tel" value="{{ Auth::user()->phone }}"
+                                    placeholder="Numéro de téléphone*" required>
+                            </div>
+                        </div>
+                        <div class="preuves">
+                            <h4>Vos preuves d'achat</h4>
+                            <div class="barres files-accepted">
+                                <p>Code-barres du produit*</p><br><br>
+                                <label class="lbl-code upload" for="file-code">Ajouter un fichier</label>
+                                <input class="input-file" id="file-code" name="barcode" type="file" accept=".jpg,.jpeg,.png,.pdf" required>
+                                <div class="suppr">+</div>
+                            </div>
+                            <div class="ticket files-accepted">
+                                <p>Ticket de caisse avec la date*</p><br><br>
+                                <label class="lbl-ticket upload" for="ticket-prod">Ajouter un fichier</label>
+                                <input class="input-file" id="ticket-prod" name="ticket" type="file" accept=".jpg,.jpeg,.png,.pdf" required>
+                                <div class="suppr">+</div>
+                            </div>
+                            <div class="sticker files-accepted">
+                                <p>Sticker du produit*</p><br><br>
+                                <label class="lbl-sticker upload" for="sticker-prod">Ajouter un fichier</label>
+                                <input class="input-file" id="sticker-prod" name="sticker" type="file" accept=".jpg,.jpeg,.png,.pdf"
+                                    required>
+                                <div class="suppr">+</div>
+                            </div>
+                        </div>
+                        <div class="btn">
+                            <input id="send" type="submit" value="Envoyer mes preuves d'achat">
+                        </div>
+                    </form>
+                </div>
+            </div>
+            <div class="legals">
+                <p>*Champs obligatoires</p>
+            </div>
+        </div>
+    </div>
+@endsection

views/fo/layout.blade.php

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+
+<head>
+    <title>@yield('title') - {{ $settingsGlobal->name }}</title>
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <link type="image/x-icon" href="{{ Vite::asset('resources/theme/mounted/assets/images/favicon.ico') }}" rel="shortcut icon">
+    <link type="image/png" href="{{ Vite::asset('resources/theme/mounted/assets/images/favicon.png') }}" rel="icon">
+    <link type="image/png" href="{{ Vite::asset('resources/theme/mounted/assets/images/favicon-32.png') }}" rel="icon" sizes="32x32">
+    <link type="image/png" href="{{ Vite::asset('resources/theme/mounted/assets/images/favicon-64.png') }}" rel="icon" sizes="64x64">
+    <link type="image/png" href="{{ Vite::asset('resources/theme/mounted/assets/images/favicon-96.png') }}" rel="icon" sizes="96x96">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {{-- <link rel="stylesheet" href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css">
+    <link rel="stylesheet" href="./node_modules/swiper/swiper-bundle.css" />
+    <link rel="stylesheet" href="./node_modules/swiper/swiper-bundle.min.css" /> --}}
+    <!-- Scripts -->
+    <!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
+        crossorigin="anonymous"></script> -->
+
+    <!-- Fonts -->
+    <link href="//fonts.gstatic.com" rel="dns-prefetch">
+
+    <!-- Styles -->
+    <link href="{{ Vite::asset('resources/theme/mounted/sass/fo.scss') }}" rel="stylesheet">
+
+</head>
+
+<body>
+    <div class="main-container">
+        @include('theme::fo.partials.header')
+    </div>
+
+    @yield('content')
+
+    @include('theme::fo.partials.footer')
+    <script src="{{ Vite::asset('resources/theme/mounted/ts/fo.ts') }}"></script>
+    @stack('scripts')
+</body>
+
+</html>

views/fo/legals.blade.php

@@ -0,0 +1,13 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Mentions légales')
+
+@section('content')
+    <div class="legals floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            {!! $content->value !!}
+        </section>
+
+    </div>
+@endsection

views/fo/livres.blade.php

@@ -0,0 +1,117 @@
+@extends('theme::fo.layout')
+
+@section('title')
+    {{ $prize->gain_view->name }}
+@endsection
+
+@section('content')
+    <div class="gains col padding container flex">
+        <div class="step">&Eacute;TAPE 3/3</div>
+        <div class="content-gains">
+            <div class="bravo flex">
+                <div class="img-bravo">
+                    <img src="{{ Vite::asset('images/gain_lot_02.png') }}" alt="Livre de recettes">
+                </div>
+                <div class="txt-bravo flex">
+                    <h1>Bravo !</h1>
+                    <h2>Vous avez gagné un <strong>livre de recettes</strong></h2>
+                    <p>Pour recevoir votre cadeau, vous devez obligatoirement renseigner le formulaire ci-dessous.</p><br>
+                    <p>Renseignez l'adresse à laquelle vous souhaitez recevoir le livre de recettes.<br>Livraison sous 8 semaines.</p>
+                </div>
+            </div>
+            <div class="instructions flex">
+                <div class="contain-courrier">
+                    <div class="courrier">
+                        <div class="infos">
+                            <h3>Par courrier</h3>
+                            <p>Merci de nous envoyer sur papier libre vos coordonnées ainsi que vos preuves d'achat originales. Le tout sous pli
+                                suffisamment affranchi sous dix jours à l'adresse suivante :</p>
+                        </div>
+                        <div class="adress flex">
+                            <p>JEU MAGIE DE NO&Euml;L 2020<br>LDC - ZI SAINT LAURENT<br>CS 50925<br>72302 SABL&Eacute; SUR SARTHE CEDEX</p>
+                        </div>
+                        <div class="coordonnees flex">
+                            <p>Vos coordonnées<br>Nom, prénom, adresse complète,<br>n° de téléphone et E-mail</p>
+                        </div>
+                        <div class="preuves flex">
+                            <p>Vos preuves d'achat<br>Code-barres original du produit,<br>ticket de caisse original avec la date,<br>le sticker
+                                ou l’arrière de la boite d’œufs avec le code unique de jeu</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="inline">
+                    <div class="infos">
+                        <h3>En ligne @</h3>
+                        <p>Renseignez l'adresse à laquelle vous souhaitez recevoir votre gain et téléversez vos preuves d'achat.</p>
+                    </div>
+                    <form method="POST" action="{{ route('send-winning-proof') }}" enctype="multipart/form-data">
+                        @method('PUT')
+                        @csrf
+                        @if ($errors->any())
+                            <div class="alert alert-danger">
+                                <ul>
+                                    @foreach ($errors->all() as $error)
+                                        <li>{{ $error }}</li>
+                                    @endforeach
+                                </ul>
+                            </div>
+                        @endif
+                        <div class="coordonnees">
+                            <h4>Vos coordonnées</h4>
+                            <input id="lastname" name="lastname" type="text" value="{{ Auth::user()->lastname }}" placeholder="Nom*"
+                                required maxlength="150">
+                            <input id="firstname" name="firstname" type="text" value="{{ Auth::user()->firstname }}" placeholder="Prénom*"
+                                required maxlength="150">
+                            <input id="addr1" name="address" type="text" value="{{ Auth::user()->address }}" placeholder="Adresse*"
+                                required maxlength="50">
+                            <div class="adress flex">
+                                <input id="addr2" name="address2" type="text" value="{{ Auth::user()->address2 }}"
+                                    placeholder="Complément d'adresse" maxlength="50">
+                                <input id="post_number" name="postal_code" type="number" value="{{ Auth::user()->postal_code }}"
+                                    placeholder="Code Postal*" required min="1" max="99999">
+                            </div>
+                            <div class="locate flex">
+                                <input id="town" name="town" type="text" value="{{ Auth::user()->town }}" placeholder="Ville*"
+                                    required maxlength="50">
+                                <input id="country" name="country" type="text" value="{{ Auth::user()->country }}" placeholder="Pays*"
+                                    required maxlength="32">
+                            </div>
+                            <div class="tel">
+                                <input id="phone" name="phone" type="tel" value="{{ Auth::user()->phone }}"
+                                    placeholder="Numéro de téléphone*" required>
+                            </div>
+                        </div>
+                        <div class="preuves">
+                            <h4>Vos preuves d'achat</h4>
+                            <div class="barres files-accepted">
+                                <p>Code-barres du produit*</p><br><br>
+                                <label class="lbl-code upload" for="file-code">Ajouter un fichier</label>
+                                <input class="input-file" id="file-code" name="barcode" type="file" accept=".jpg,.jpeg,.png,.pdf" required>
+                                <div class="suppr">+</div>
+                            </div>
+                            <div class="ticket files-accepted">
+                                <p>Ticket de caisse avec la date*</p><br><br>
+                                <label class="lbl-ticket upload" for="ticket-prod">Ajouter un fichier</label>
+                                <input class="input-file" id="ticket-prod" name="ticket" type="file" accept=".jpg,.jpeg,.png,.pdf" required>
+                                <div class="suppr">+</div>
+                            </div>
+                            <div class="sticker files-accepted">
+                                <p>Sticker du produit*</p><br><br>
+                                <label class="lbl-sticker upload" for="sticker-prod">Ajouter un fichier</label>
+                                <input class="input-file" id="sticker-prod" name="sticker" type="file" accept=".jpg,.jpeg,.png,.pdf"
+                                    required>
+                                <div class="suppr">+</div>
+                            </div>
+                        </div>
+                        <div class="btn">
+                            <input id="send" type="submit" value="Envoyer mes preuves d'achat">
+                        </div>
+                    </form>
+                </div>
+            </div>
+            <div class="legals">
+                <p>*Champs obligatoires</p>
+            </div>
+        </div>
+    </div>
+@endsection

views/fo/login.blade.php

@@ -0,0 +1,87 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Connexion')
+
+@section('content')
+    <div class="connect floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            @if ($errors->any())
+                <div class="alert alert-danger">
+                    <ul>
+                        @foreach ($errors->all() as $error)
+                            <li>{{ $error }}</li>
+                        @endforeach
+                    </ul>
+                </div>
+            @endif
+            @if (session('success'))
+                <div class="alert alert-success">
+                    <p>{!! session('success') !!}</p>
+                </div>
+            @endif
+            <div class="mobile-menu flex">
+                <div class="signup--bloc flex">
+                    <div class="btn-connect flex">
+                        <a href="{{ route('inscription') }}">
+                            <h1>Je m'inscris</h1>
+                        </a>
+                    </div>
+                    <p>Pour participer et tenter votre chance, <br>inscrivez-vous&nbsp;!</p>
+                </div>
+                <div class="connect--bloc flex">
+                    <div class="btn-connect flex">
+                        <a class="fancybox" id="inline" data-fancybox href="#connect_edit">
+                            <h2>Je me connecte</h2>
+                        </a>
+                        <div style="display:none">
+                            <div class="flex" id="connect_edit">
+                                <form class="flex" method="POST" action="{{ route('authenticate') }}">
+                                    @csrf
+                                    <div class="edit--blocs flex">
+                                        <input id="" name="email" type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"
+                                            placeholder="Email*" required>
+                                        <input id="" name="password" type="password" placeholder="Mot de passe*" required>
+                                        <a href="{{ route('forgot-password') }}">
+                                            <h2>Mot de passe oublié ?</h2>
+                                        </a>
+                                        <span>* Champs obligatoires</span>
+                                    </div>
+                                    <input class="btn" type="submit" value="Connexion">
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                    <p>Si vous possédez déjà un compte Club Le Gaulois, vous pouvez utiliser les mêmes identifiants.</p>
+                </div>
+            </div>
+            <div class="desktop-menu flex">
+                <div class="signup--bloc">
+                    <h1 class="post-title raleway">Je m'inscris</h1>
+                    <p>Pour participer et tenter votre chance, <br>inscrivez-vous&nbsp;!</p>
+                    <div class="btn-connect flex">
+                        <a href="{{ route('inscription') }}">Inscription</a>
+                    </div>
+                </div>
+                <div class="connect--bloc">
+                    <h2 class="post-chapter raleway">Je me connecte</h2>
+                    <p>Si vous possédez déjà un compte Club Le Gaulois, vous pouvez utiliser les mêmes identifiants.</p>
+                    <form class="flex" id="connect--form" method="POST" action="{{ route('authenticate') }}">
+                        @csrf
+                        <div class="edit--blocs flex">
+                            <input id="" name="email" type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"
+                                placeholder="Email*" required>
+                            <input id="" name="password" type="password" placeholder="Mot de passe*" required>
+                            <a href="{{ route('forgot-password') }}">
+                                <h2>Mot de passe oublié ?</h2>
+                            </a>
+                            <span>* Champs obligatoires</span>
+                        </div>
+                        <input class="btn" type="submit" value="Connexion">
+                    </form>
+                </div>
+            </div>
+        </section>
+
+    </div>
+@endsection

views/fo/loose.blade.php

@@ -0,0 +1,6 @@
+@extends('theme::fo.layout')
+
+@section('content')
+    <p>C'est perdu</p>
+    <p><a class="btn btn-success" href="{{ route('saisir-code') }}">Rejouer !</a></p>
+@endsection

views/fo/notif-admin.blade.php

@@ -0,0 +1,2 @@
+<p>Bonjour,</p>
+<p>{{ $msg }}</p>

views/fo/notif-win-admin-email.blade.php

@@ -0,0 +1,21 @@
+<div>
+    <section>
+        <div>
+            <p>Bonjour,</p>
+            <p>Le lot suivant a été gagné : <b>{{ $participation->instantWin()->first()->prize->label_one }}</b> le {{ \Carbon\Carbon::parse($participation->created_at)->format('d/m/Y à H:i') }}</p><br>
+            <p><b>Gagnant :</b></p>
+            <p>{{ $participation->user->lastname }} {{ $participation->user->firstname }}</p>
+            <p>{{ $participation->user->address }}</p>
+            @if ($participation->user->address2 !== null)
+                <p>{{ $participation->user->address2 }}</p>
+            @endif
+            <p>{{ $participation->user->postal_code }} {{ $participation->user->town }} - {{ $participation->user->country }}</p>
+            <p>{{ $participation->user->email }}</p><br/>
+            <p><b>Codes utilisé@if ($settings->use_ean_codes)s @endif :</b></p>
+            @if ($settings->use_ean_codes)
+            <p>- Code On Pack : {{ $participation->codeEan->code }}</p>
+            @endif
+            <p>- Code Unique : {{ $participation->code->code_unique }}</p>
+        </div>
+    </section>
+</div>

views/fo/partials/footer.blade.php

@@ -0,0 +1,81 @@
+<footer class="main-container">
+    {{-- <div class="footer--frise">
+        <img src="{{asset('front/assets/images/frise.svg')}}" alt="frise">
+    </div> --}}
+    <div class="footer--logo">
+        <a href="https://www.legaulois.fr/" target="_blank">
+            <img src="{{ asset('front/assets/images/logo-footer.png') }}" alt="Le Gaulois">
+            <span>www.legaulois.fr</span>
+        </a>
+    </div>
+    <div class="footer--txt flex">
+        <div class="footer--share flex">
+            <p>Partagez le jeu sur</p>
+            <div id="fb-root"></div>
+            <div class="footer--socials flex">
+                <div class="fb-share" data-href="https://www.facebook.com/LeGauloisFrance/" data-layout="button" data-size="small">
+                    <a class="fb-xfbml-parse-ignore" href="https://www.facebook.com/LeGauloisFrance/"
+                        onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=800,height=500,toolbar=1,resizable=0'); return false;">
+                        <svg id="Capa_1" style="enable-background:new 0 0 512 512;" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                            xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
+                            <title>Page Facebook Le Gaulois</title>
+                            <g>
+                                <path d="M452,0H60C26.916,0,0,26.916,0,60v392c0,33.084,26.916,60,60,60h392c33.084,0,60-26.916,60-60V60
+                                    C512,26.916,485.084,0,452,0z M472,452c0,11.028-8.972,20-20,20H338V309h61.79L410,247h-72v-43c0-16.975,13.025-30,30-30h41v-62
+                                    h-41c-50.923,0-91.978,41.25-91.978,92.174V247H216v62h60.022v163H60c-11.028,0-20-8.972-20-20V60c0-11.028,8.972-20,20-20h392
+                                    c11.028,0,20,8.972,20,20V452z" />
+                            </g>
+                        </svg>
+                    </a>
+                </div>
+                <a href="https://www.instagram.com/legaulois_officiel/" target="_blank">
+                    <svg id="Capa_1" style="enable-background:new 0 0 512 512;" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
+                        <title>Page Instagram Le Gaulois</title>
+                        <g>
+                            <path d="M363.273,0H148.728C66.719,0,0,66.719,0,148.728v214.544C0,445.281,66.719,512,148.728,512h214.544
+                                C445.281,512,512,445.281,512,363.273V148.728C512,66.719,445.281,0,363.273,0z M472,363.272C472,423.225,423.225,472,363.273,472
+                                H148.728C88.775,472,40,423.225,40,363.273V148.728C40,88.775,88.775,40,148.728,40h214.544C423.225,40,472,88.775,472,148.728
+                                V363.272z" />
+                        </g>
+                        <g>
+                            <path d="M256,118c-76.094,0-138,61.906-138,138s61.906,138,138,138s138-61.906,138-138S332.094,118,256,118z M256,354
+                                c-54.037,0-98-43.963-98-98s43.963-98,98-98s98,43.963,98,98S310.037,354,256,354z" />
+                        </g>
+                        <g>
+                            <circle cx="396" cy="116" r="20" />
+                        </g>
+                    </svg>
+                </a>
+            </div>
+            <p>Découvrez tous nos produits sur <a href="https://www.legaulois.fr/">Legaulois.fr</a></p>
+        </div>
+        <!-- <div class="footer--news">
+            <form class="flex" method="POST" action="">
+                <input id="email" name="email" type="email" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" placeholder="Inscrivez-vous à notre newsletter">
+                <input class="btn" type="submit" value="Valider">
+            </form>
+            <div class="response"></div>
+        </div> -->
+        <div class="footer--legals footer-links flex">
+            <a href="{{ route('reglement') }}">Règlement du jeu</a>
+            <p>|</p>
+            <a href="{{ route('legals') }}">Mentions légales</a>
+            <p>|</p>
+            <a href="{{ route('charte') }}">Charte de confidentialité</a>
+            <p>|</p>
+            <a href="{{ route('faq') }}">FAQ</a>
+            <p>|</p>
+            <a href="https://www.legaulois.fr/contactez-nous" target="_contact">Contact</a>
+            <p>|</p>
+            <a class="ldcweb-cn-cookie-link" href="#cookie" title="gestion des cookies">Gestion des cookies</a>
+        </div>
+    </div>
+    <div class="pageup"><a href="#"><img src="{{ asset('front/assets/images/up-arrow.svg') }}" alt="Haut de page"></a></div>
+</footer>
+@include('theme::fo.cookie')
+
+<!-- Load Facebook SDK for JavaScript -->
+<div id="fb-root"></div>
+<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v10.0"
+    nonce="{{ $nonce }}"></script>

views/fo/partials/header.blade.php

@@ -0,0 +1,51 @@
+<header class="grid">
+    <div class="logo flex">
+        <a href="{{ route('home') }}">
+            <img src="{{ asset('front/assets/images/home_logo.png') }}" alt="Le gaulois - Les Gauloisirs">
+            <img src="{{ asset('front/assets/images/logo-gauloisirs.png') }}">
+        </a>
+        <div class="toggle-menu flex"><span></span></div>
+    </div>
+    <nav>
+        <ul class="flex">
+            <li><a href="{{ route('home') }}/#howto">Comment jouer ?</a></li>
+            <li><a href="{{ route('home') }}/#gifts">Les cadeaux</a></li>
+            <li><a class="color-red" href="{{ route('saisir-code') }}">Jouer !</a></li>
+            <li><a href="{{ route('produits-porteurs') }}">Produits porteurs</a></li>
+        </ul>
+        @guest
+            <div class="btn-connect flex">
+                <a href="{{ route('login') }}">Je me connecte</a>
+            </div>
+        @else
+            <a class="logout-link" href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Se
+                déconnecter</a><br>
+            <form id="logout-form" style="display: none;" action="{{ route('logout') }}" method="POST">
+                @csrf
+            </form>
+        @endguest
+    </nav>
+    @if (collect($prizesGlobal)->count())
+        <div class="rest-in-game flex">
+            <span>Encore en jeu : </span>
+            @if (Arr::has($prizesGlobal, 0))
+                <div class="bloc-lot1 flex">
+                    <div class="nb-lot1 flex">
+                        <span>{{ Arr::get($prizesGlobal, 0)->quantity - (optional(optional(Arr::get($prizesGlobal, 0)->instant_wins)->where('won', true))->count() ?? 0) }}</span>
+                    </div>
+                    <span class="txt-lot1">Wonderbox <br />loisirs</span>
+                </div>
+            @endif
+
+            @if (Arr::has($prizesGlobal, 1))
+                <span></span>
+                <div class="bloc-lot2 flex">
+                    <div class="nb-lot2 flex">
+                        <span>{{ Arr::get($prizesGlobal, 1)->quantity - (optional(optional(Arr::get($prizesGlobal, 1)->instant_wins)->where('won', true))->count() ?? 0) }}</span>
+                    </div>
+                    <span class="txt-lot2">Wonderbox <br />Happy Day</span>
+                </div>
+            @endif
+        </div>
+    @endif
+</header>

views/fo/partials/teaser-footer.blade.php

@@ -0,0 +1,69 @@
+<footer class="teaser main-container">
+    {{-- <div class="footer--frise">
+        <img src="{{asset('front/assets/images/frise.svg')}}" alt="frise">
+    </div> --}}
+    <div class="footer--logo">
+        <a href="https://www.legaulois.fr/" target="_blank">
+            <img src="{{ asset('front/assets/images/logo-footer.png') }}" alt="Le Gaulois">
+            <span>www.legaulois.fr</span>
+        </a>
+    </div>
+    <div class="footer--txt flex">
+        <div class="footer--share flex">
+            <p>Partagez le jeu sur</p>
+            <div id="fb-root"></div>
+            <div class="footer--socials flex">
+                <div class="fb-share" data-href="https://www.facebook.com/LeGauloisFrance/" data-layout="button" data-size="small">
+                    <a class="fb-xfbml-parse-ignore" href="https://www.facebook.com/LeGauloisFrance/"
+                        onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=800,height=500,toolbar=1,resizable=0'); return false;">
+                        <svg id="Capa_1" style="enable-background:new 0 0 512 512;" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                            xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
+                            <title>Page Facebook Le Gaulois</title>
+                            <g>
+                                <path d="M452,0H60C26.916,0,0,26.916,0,60v392c0,33.084,26.916,60,60,60h392c33.084,0,60-26.916,60-60V60
+                                    C512,26.916,485.084,0,452,0z M472,452c0,11.028-8.972,20-20,20H338V309h61.79L410,247h-72v-43c0-16.975,13.025-30,30-30h41v-62
+                                    h-41c-50.923,0-91.978,41.25-91.978,92.174V247H216v62h60.022v163H60c-11.028,0-20-8.972-20-20V60c0-11.028,8.972-20,20-20h392
+                                    c11.028,0,20,8.972,20,20V452z" />
+                            </g>
+                        </svg>
+                    </a>
+                </div>
+                <a href="https://www.instagram.com/legaulois_officiel/" target="_blank">
+                    <svg id="Capa_1" style="enable-background:new 0 0 512 512;" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
+                        <title>Page Instagram Le Gaulois</title>
+                        <g>
+                            <path d="M363.273,0H148.728C66.719,0,0,66.719,0,148.728v214.544C0,445.281,66.719,512,148.728,512h214.544
+                                C445.281,512,512,445.281,512,363.273V148.728C512,66.719,445.281,0,363.273,0z M472,363.272C472,423.225,423.225,472,363.273,472
+                                H148.728C88.775,472,40,423.225,40,363.273V148.728C40,88.775,88.775,40,148.728,40h214.544C423.225,40,472,88.775,472,148.728
+                                V363.272z" />
+                        </g>
+                        <g>
+                            <path d="M256,118c-76.094,0-138,61.906-138,138s61.906,138,138,138s138-61.906,138-138S332.094,118,256,118z M256,354
+                                c-54.037,0-98-43.963-98-98s43.963-98,98-98s98,43.963,98,98S310.037,354,256,354z" />
+                        </g>
+                        <g>
+                            <circle cx="396" cy="116" r="20" />
+                        </g>
+                    </svg>
+                </a>
+            </div>
+            <p>Découvrez tous nos produits sur <a href="https://www.legaulois.fr/">Legaulois.fr</a></p>
+        </div>
+        <div class="footer--legals footer-links flex">
+            <a class="ldcweb-cn-cookie-link" href="#cookie" title="gestion des cookies">Gestion des cookies</a>
+        </div>
+    </div>
+    <div class="pageup">
+        <a href="#">
+            <img src="{{ asset('front/assets/images/up-arrow.svg') }}" alt="Haut de page">
+        </a>
+    </div>
+</footer>
+{{-- Cookie --}}
+@include('theme::fo.cookie')
+{{-- Fin des cookies --}}
+
+<!-- Load Facebook SDK for JavaScript -->
+<div id="fb-root"></div>
+<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v10.0" nonce="Tpes6fjg"></script>

views/fo/partials/teaser-header.blade.php

@@ -0,0 +1,11 @@
+<header class="grid">
+    <div class="logo flex">
+        <a href="{{ route('home') }}">
+            <img src="{{asset('front/assets/images/home_logo.png')}}" alt="Le gaulois - Les Gauloisirs">
+            <img src="{{asset('front/assets/images/logo-gauloisirs.png')}}">
+        </a>
+    </div>
+    <nav>
+
+    </nav>
+</header>

views/fo/participation-exhausted.blade.php

@@ -0,0 +1,14 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Plus de participations')
+
+@section('content')
+    <div class="code floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            <h1 class="post-title">Participation épuisée</h1>
+            <p>Vous ne pouvez plus participer à ce jeu car vous avez déjà participé {{ $settings->nb_participation_player }} fois.</p>
+        </section>
+
+    </div>
+@endsection

views/fo/password-email.blade.php

@@ -0,0 +1,241 @@
+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+
+<head>
+    <title>
+
+    </title>
+    <!--[if !mso]><!-->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!--<![endif]-->
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style type="text/css">
+        #outlook a {
+            padding: 0;
+        }
+
+        body {
+            margin: 0;
+            padding: 0;
+            -webkit-text-size-adjust: 100%;
+            -ms-text-size-adjust: 100%;
+        }
+
+        table,
+        td {
+            border-collapse: collapse;
+            mso-table-lspace: 0pt;
+            mso-table-rspace: 0pt;
+        }
+
+        img {
+            border: 0;
+            height: auto;
+            line-height: 100%;
+            outline: none;
+            text-decoration: none;
+            -ms-interpolation-mode: bicubic;
+        }
+
+        p {
+            display: block;
+            margin: 13px 0;
+        }
+    </style>
+    <!--[if mso]>
+    <xml>
+        <o:OfficeDocumentSettings>
+            <o:AllowPNG/>
+            <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+    </xml>
+    <![endif]-->
+    <!--[if lte mso 11]>
+    <style type="text/css">
+        .mj-outlook-group-fix { width:100% !important; }
+    </style>
+    <![endif]-->
+
+    <!--[if !mso]><!-->
+    <link type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet">
+    <style type="text/css">
+        @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
+    </style>
+    <!--<![endif]-->
+
+    <style type="text/css">
+        @media only screen and (min-width:480px) {
+            .mj-column-per-100 {
+                width: 100% !important;
+                max-width: 100%;
+            }
+        }
+    </style>
+
+    <style type="text/css">
+        @media only screen and (max-width:480px) {
+            table.mj-full-width-mobile {
+                width: 100% !important;
+            }
+
+            td.mj-full-width-mobile {
+                width: auto !important;
+            }
+        }
+    </style>
+
+</head>
+
+<body style="word-spacing:normal;background-color:#FFFFFF;">
+
+    <div style="background-color:#FFFFFF;">
+
+        <!--[if mso | IE]><table class="" style="width:600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+
+        <div style="background:#FFFFFF;background-color:#FFFFFF;margin:0px auto;max-width:600px;">
+
+            <table role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%;" align="center" border="0"
+                cellpadding="0" cellspacing="0">
+                <tbody>
+                    <tr>
+                        <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;"><![endif]-->
+
+                            <div class="mj-column-per-100 mj-outlook-group-fix"
+                                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+
+                                <table role="presentation" style="vertical-align:top;" border="0" cellpadding="0" cellspacing="0"
+                                    width="100%">
+                                    <tbody>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="center">
+
+                                                <table role="presentation" style="border-collapse:collapse;border-spacing:0px;"
+                                                    border="0" cellpadding="0" cellspacing="0">
+                                                    <tbody>
+                                                        <tr>
+                                                            <td style="width:300px;">
+
+                                                                <img src="{{ Vite::asset('resources/theme/mounted/assets/images/home_logo.png') }}"
+                                                                    style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                                                    height="auto" width="300">
+
+                                                            </td>
+                                                        </tr>
+                                                    </tbody>
+                                                </table>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="center">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:40px;font-weight:bold;line-height:1;text-align:center;text-transform:uppercase;color:black;">
+                                                    Bonjour</div>
+
+                                            </td>
+                                        </tr>
+
+                                    </tbody>
+                                </table>
+
+                            </div>
+
+                            <!--[if mso | IE]></td></tr></table><![endif]-->
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+
+        <!--[if mso | IE]></td></tr></table><table class="" style="width:600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+
+        <div style="background:#FFFFFF;background-color:#FFFFFF;margin:0px auto;max-width:600px;">
+
+            <table role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%;" align="center" border="0"
+                cellpadding="0" cellspacing="0">
+                <tbody>
+                    <tr>
+                        <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;"><![endif]-->
+
+                            <div class="mj-column-per-100 mj-outlook-group-fix"
+                                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+
+                                <table role="presentation" style="vertical-align:top;" border="0" cellpadding="0" cellspacing="0"
+                                    width="100%">
+                                    <tbody>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="left">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:20px;line-height:1;text-align:left;color:black;">
+                                                    Pour réinitialiser votre mot de passe, cliquez sur le lien suivant : <br></div>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="center"
+                                                vertical-align="middle">
+
+                                                <table role="presentation" style="border-collapse:separate;line-height:100%;"
+                                                    border="0" cellpadding="0" cellspacing="0">
+                                                    <tr>
+                                                        <td role="presentation"
+                                                            style="border:none;border-radius:0;cursor:auto;mso-padding-alt:10px 25px;background:#e30613;"
+                                                            align="center" bgcolor="#e30613" valign="middle">
+                                                            <a href="{{ config('app.url') }}{{ URL::temporarySignedRoute('forgot-password-reset', now()->addHours(3), ['token' => $user->password_token], false) }}"
+                                                                style="display:inline-block;background:#e30613;color:white;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:20px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:0;"
+                                                                target="_blank">
+                                                                Réinitialisez votre mot de passe
+                                                            </a>
+                                                        </td>
+                                                    </tr>
+                                                </table>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="left">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:20px;line-height:1;text-align:left;color:black;">
+                                                    <br>
+                                                    Ce lien expirera dans 3 heures. <br><br>
+                                                    L'équipe Le Gaulois <br><br>
+                                                    Si vous avez des questions, n'hésitez pas à nous contacter via notre <a
+                                                        class="link-nostyle" href="https://www.legaulois.fr/contactez-nous"
+                                                        style="color: inherit;">formulaire de contact</a>
+                                                </div>
+
+                                            </td>
+                                        </tr>
+
+                                    </tbody>
+                                </table>
+
+                            </div>
+
+                            <!--[if mso | IE]></td></tr></table><![endif]-->
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+
+        <!--[if mso | IE]></td></tr></table><![endif]-->
+
+    </div>
+
+</body>
+
+</html>

views/fo/prize-mail.blade.php

@@ -0,0 +1,221 @@
+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+
+<head>
+    <title>
+
+    </title>
+    <!--[if !mso]><!-->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!--<![endif]-->
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style type="text/css">
+        #outlook a {
+            padding: 0;
+        }
+
+        body {
+            margin: 0;
+            padding: 0;
+            -webkit-text-size-adjust: 100%;
+            -ms-text-size-adjust: 100%;
+        }
+
+        table,
+        td {
+            border-collapse: collapse;
+            mso-table-lspace: 0pt;
+            mso-table-rspace: 0pt;
+        }
+
+        img {
+            border: 0;
+            height: auto;
+            line-height: 100%;
+            outline: none;
+            text-decoration: none;
+            -ms-interpolation-mode: bicubic;
+        }
+
+        p {
+            display: block;
+            margin: 13px 0;
+        }
+    </style>
+    <!--[if mso]>
+    <xml>
+        <o:OfficeDocumentSettings>
+            <o:AllowPNG/>
+            <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+    </xml>
+    <![endif]-->
+    <!--[if lte mso 11]>
+    <style type="text/css">
+        .mj-outlook-group-fix { width:100% !important; }
+    </style>
+    <![endif]-->
+
+    <!--[if !mso]><!-->
+    <link type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet">
+    <style type="text/css">
+        @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
+    </style>
+    <!--<![endif]-->
+
+    <style type="text/css">
+        @media only screen and (min-width:480px) {
+            .mj-column-per-100 {
+                width: 100% !important;
+                max-width: 100%;
+            }
+        }
+    </style>
+
+    <style type="text/css">
+        @media only screen and (max-width:480px) {
+            table.mj-full-width-mobile {
+                width: 100% !important;
+            }
+
+            td.mj-full-width-mobile {
+                width: auto !important;
+            }
+        }
+    </style>
+
+</head>
+
+<body style="word-spacing:normal;background-color:#FFF;">
+
+    <div style="background-color:#FFF;">
+
+        <!--[if mso | IE]><table class="" style="width:600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+
+        <div style="background:#FFF;background-color:#FFF;margin:0px auto;max-width:600px;">
+
+            <table role="presentation" style="background:#FFF;background-color:#FFF;width:100%;" align="center" border="0"
+                cellpadding="0" cellspacing="0">
+                <tbody>
+                    <tr>
+                        <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;"><![endif]-->
+
+                            <div class="mj-column-per-100 mj-outlook-group-fix"
+                                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+
+                                <table role="presentation" style="vertical-align:top;" border="0" cellpadding="0" cellspacing="0"
+                                    width="100%">
+                                    <tbody>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="center">
+
+                                                <table role="presentation" style="border-collapse:collapse;border-spacing:0px;"
+                                                    border="0" cellpadding="0" cellspacing="0">
+                                                    <tbody>
+                                                        <tr>
+                                                            <td style="width:300px;">
+
+                                                                <img src="{{ Vite::asset('resources/theme/mounted/assets/images/home_logo.png') }}"
+                                                                    style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                                                    height="auto" width="300">
+
+                                                            </td>
+                                                        </tr>
+                                                    </tbody>
+                                                </table>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="center">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:40px;font-weight:bold;line-height:1;text-align:center;text-transform:uppercase;color:black;">
+                                                    Bravo {{ $user->firstname ?? '' }} !</div>
+
+                                            </td>
+                                        </tr>
+
+                                    </tbody>
+                                </table>
+
+                            </div>
+
+                            <!--[if mso | IE]></td></tr></table><![endif]-->
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+
+        <!--[if mso | IE]></td></tr></table><table class="" style="width:600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+
+        <div style="background:#FFF;background-color:#FFF;margin:0px auto;max-width:600px;">
+
+            <table role="presentation" style="background:#FFF;background-color:#FFF;width:100%;" align="center" border="0"
+                cellpadding="0" cellspacing="0">
+                <tbody>
+                    <tr>
+                        <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;"><![endif]-->
+
+                            <div class="mj-column-per-100 mj-outlook-group-fix"
+                                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+
+                                <table role="presentation" style="vertical-align:top;" border="0" cellpadding="0" cellspacing="0"
+                                    width="100%">
+                                    <tbody>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="left">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:20px;line-height:1;text-align:left;color:black;">
+                                                    Vous venez de gagner 1 {{ $prize->label_one ?? 'gain Test' }} en participant &agrave;
+                                                    notre grand jeu Gauloisirs 2022 !<br>
+                                                    Vous recevrez prochainement votre dotation &agrave; votre domicile. <br>
+                                                </div>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="left">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:20px;line-height:1;text-align:left;color:black;">
+                                                    <br>
+                                                    L'équipe Le Gaulois. <br><br>
+                                                    Si vous avez des questions, n'hésitez pas à nous contacter via notre <a
+                                                        class="link-nostyle" href="https://www.legaulois.fr/contactez-nous"
+                                                        style="color: inherit;">formulaire de contact</a>.
+                                                </div>
+
+                                            </td>
+                                        </tr>
+
+                                    </tbody>
+                                </table>
+
+                            </div>
+
+                            <!--[if mso | IE]></td></tr></table><![endif]-->
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+
+        <!--[if mso | IE]></td></tr></table><![endif]-->
+
+    </div>
+
+</body>
+
+</html>

views/fo/produits-porteurs.blade.php

@@ -0,0 +1,28 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Produits porteurs')
+
+@section('content')
+
+    <div class="produits floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container flex">
+            <div class="main--title">
+                <div class="">
+                    <h2 class="post-subtitle raleway">Les produits porteurs</h2>
+                </div>
+            </div>
+
+            @foreach ($ranges as $r)
+                <div class="products--list flex">
+                    @foreach ($r->products as $p)
+                        <div class="product">
+                            <img src="{{ asset('/images/produits/' . $p->picture) }}" alt="{{ $p->name }}">
+                            <span>{{ $p->name }}</span>
+                        </div>
+                    @endforeach
+                </div>
+            @endforeach
+        </section>
+    </div>
+@endsection

views/fo/reduction-mail.blade.php

@@ -0,0 +1,245 @@
+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+
+<head>
+    <title>
+
+    </title>
+    <!--[if !mso]><!-->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!--<![endif]-->
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style type="text/css">
+        #outlook a {
+            padding: 0;
+        }
+
+        body {
+            margin: 0;
+            padding: 0;
+            -webkit-text-size-adjust: 100%;
+            -ms-text-size-adjust: 100%;
+        }
+
+        table,
+        td {
+            border-collapse: collapse;
+            mso-table-lspace: 0pt;
+            mso-table-rspace: 0pt;
+        }
+
+        img {
+            border: 0;
+            height: auto;
+            line-height: 100%;
+            outline: none;
+            text-decoration: none;
+            -ms-interpolation-mode: bicubic;
+        }
+
+        p {
+            display: block;
+            margin: 13px 0;
+        }
+    </style>
+    <!--[if mso]>
+    <xml>
+        <o:OfficeDocumentSettings>
+            <o:AllowPNG/>
+            <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+    </xml>
+    <![endif]-->
+    <!--[if lte mso 11]>
+    <style type="text/css">
+        .mj-outlook-group-fix { width:100% !important; }
+    </style>
+    <![endif]-->
+
+    <!--[if !mso]><!-->
+    <link type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet">
+    <style type="text/css">
+        @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
+    </style>
+    <!--<![endif]-->
+
+    <style type="text/css">
+        @media only screen and (min-width:480px) {
+            .mj-column-per-100 {
+                width: 100% !important;
+                max-width: 100%;
+            }
+        }
+    </style>
+
+    <style type="text/css">
+        @media only screen and (max-width:480px) {
+            table.mj-full-width-mobile {
+                width: 100% !important;
+            }
+
+            td.mj-full-width-mobile {
+                width: auto !important;
+            }
+        }
+    </style>
+
+</head>
+
+<body style="word-spacing:normal;background-color:#FFF;">
+
+    <div style="background-color:#FFF;">
+
+        <!--[if mso | IE]><table class="" style="width:600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+
+        <div style="background:#FFF;background-color:#FFF;margin:0px auto;max-width:600px;">
+
+            <table role="presentation" style="background:#FFF;background-color:#FFF;width:100%;" align="center" border="0"
+                cellpadding="0" cellspacing="0">
+                <tbody>
+                    <tr>
+                        <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;"><![endif]-->
+
+                            <div class="mj-column-per-100 mj-outlook-group-fix"
+                                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+
+                                <table role="presentation" style="vertical-align:top;" border="0" cellpadding="0" cellspacing="0"
+                                    width="100%">
+                                    <tbody>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="center">
+
+                                                <table role="presentation" style="border-collapse:collapse;border-spacing:0px;"
+                                                    border="0" cellpadding="0" cellspacing="0">
+                                                    <tbody>
+                                                        <tr>
+                                                            <td style="width:300px;">
+
+                                                                <img src="{{ Vite::asset('resources/theme/mounted/assets/images/home_logo.png') }}"
+                                                                    style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                                                    height="auto" width="300">
+
+                                                            </td>
+                                                        </tr>
+                                                    </tbody>
+                                                </table>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="center">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:40px;font-weight:bold;line-height:1;text-align:center;text-transform:uppercase;color:black;">
+                                                    Bravo {{ $user->firstname ?? '' }} !</div>
+
+                                            </td>
+                                        </tr>
+
+                                    </tbody>
+                                </table>
+
+                            </div>
+
+                            <!--[if mso | IE]></td></tr></table><![endif]-->
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+
+        <!--[if mso | IE]></td></tr></table><table class="" style="width:600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+
+        <div style="background:#FFF;background-color:#FFF;margin:0px auto;max-width:600px;">
+
+            <table role="presentation" style="background:#FFF;background-color:#FFF;width:100%;" align="center" border="0"
+                cellpadding="0" cellspacing="0">
+                <tbody>
+                    <tr>
+                        <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;"><![endif]-->
+
+                            <div class="mj-column-per-100 mj-outlook-group-fix"
+                                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+
+                                <table role="presentation" style="vertical-align:top;" border="0" cellpadding="0" cellspacing="0"
+                                    width="100%">
+                                    <tbody>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="left">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:20px;line-height:1;text-align:left;color:black;">
+                                                    Vous venez de gagner un bon d'achat de {{ $coupon->face_value ?? '1' }}€ en participant
+                                                    &agrave; notre jeu Gau'loisirs ! <br></div>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="center"
+                                                vertical-align="middle">
+
+                                                <table role="presentation" style="border-collapse:separate;line-height:100%;"
+                                                    border="0" cellpadding="0" cellspacing="0">
+                                                    <tr>
+                                                        <td role="presentation"
+                                                            style="border:none;border-radius:0;cursor:auto;mso-padding-alt:10px 25px;background:#e30613;"
+                                                            align="center" bgcolor="#e30613" valign="middle">
+                                                            <a href="{{ $crmCoupon->link ?? '' }}"
+                                                                style="display:inline-block;background:#e30613;color:white;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:20px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:0;"
+                                                                target="_blank">
+                                                                Cliquez ici pour accéder à la page d'impression de votre bon
+                                                            </a>
+                                                        </td>
+                                                    </tr>
+                                                </table>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="left">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:20px;line-height:1;text-align:left;color:black;">
+                                                    <br>
+                                                    Assurez-vous d'&ecirc;tre &eacute;quip&eacute; d'une imprimante en &eacute;tat de marche
+                                                    avant de lancer l'impression de votre bon, il ne pourra &ecirc;tre imprim&eacute; et
+                                                    utilis&eacute; qu'une seule fois. <br>
+                                                    Nous vous remercions de votre participation. <br><br>
+                                                    L'équipe Le Gaulois. <br><br>
+                                                    Si vous avez des questions, n'hésitez pas à nous contacter via notre <a
+                                                        class="link-nostyle" href="https://www.legaulois.fr/contactez-nous"
+                                                        style="color: inherit;">formulaire de contact</a>.
+                                                </div>
+
+                                            </td>
+                                        </tr>
+
+                                    </tbody>
+                                </table>
+
+                            </div>
+
+                            <!--[if mso | IE]></td></tr></table><![endif]-->
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+
+        <!--[if mso | IE]></td></tr></table><![endif]-->
+
+    </div>
+
+</body>
+
+</html>

views/fo/reduction.blade.php

@@ -0,0 +1,86 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Réduction')
+
+@section('content')
+    <div class="congratulate floating grid">
+        <div class="head-bloc"></div>
+
+        <div class="sc__wrapper container">
+            <h1 class="post-title raleway">Lancez la roue et<br>découvrez votre gain</h1>
+            <!-- spinwheel --->
+            <div id="wrapper">
+
+                <div id="wheel">
+                    <div id="inner-wheel">
+                        <div class="sec"><span class="fab fa-bell-o"></span></div>
+                        <div class="sec"><span class="fab fa-comment-o"></span></div>
+                        <div class="sec"><span class="fab fa-smile-o"></span></div>
+                        <div class="sec"><span class="fab fa-heart-o"></span></div>
+                    </div>
+
+                    <div id="spin">
+                        <div id="inner-spin"></div>
+                    </div>
+
+                    <div id="shine"></div>
+                </div>
+
+                <div id="txt"></div>
+            </div>
+        </div>
+
+        <section class="main--bloc container">
+
+            <div class="mobile--menu">
+                <div class="title--bloc view-br">
+                    <div class="title--txt">
+                        <h1 class="post-title">Félicitations&nbsp;!</h1>
+                        <!-- <br>Votre bon a été envoyé à l'adresse e-mail indiqué lors de votre inscription au jeu (en cas de non réception, vérifiez dans vos courriers indésirables. Attention, le mail peut parfois mettre quelques minutes à vous parvenir). Vous pouvez également y accéder en cliquant sur le bouton ci-dessous. -->
+                        <p>Vous avez gagné un bon d'achat de {{ number_format($coupon->face_value, 2) }}€<br>{{ $coupon->valid_on }}</p>
+                        <div class="main-btn">
+                            <a href="{{ $crmCoupon->link }}" target="_blank">Imprimer ma réduction</a>
+                        </div>
+                    </div>
+                    <div class="bg-opacity"></div>
+                </div>
+                <div class="play--bloc">
+                    <p class="strong">Vous possédez un autre code&nbsp;?</p>
+                    <div class="main-btn">
+                        <a href="{{ route('saisir-code') }}">Je rejoue</a>
+                    </div>
+                </div>
+            </div>
+
+            <div class="desktop--menu">
+                <div class="img--bloc view-br"></div>
+                <div class="txt--bloc">
+                    <div class="bloc--rotate">
+                        <h1 class="post-title">Félicitations&nbsp;!</h1>
+                        <p>Vous avez gagné un bon d'achat de {{ number_format($coupon->face_value, 2) }}€<br>{{ $coupon->valid_on }}</p>
+                        <div class="main-btn">
+                            <a href="{{ $crmCoupon->link }}" target="_blank">Imprimer ma réduction</a>
+                        </div>
+                        <p class="strong">Vous possédez un autre code&nbsp;?</p>
+                        <div class="main-btn">
+                            <a href="{{ route('saisir-code') }}">Je rejoue</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </section>
+
+    </div>
+@endsection
+
+@push('scripts')
+    <script>
+        //set default degree (360*5)
+        var degree = 1800;
+        //number of clicks = 0
+        var clicks = 0;
+
+        var thisWinAngle = 1490;
+    </script>
+@endpush

views/fo/register-crm.blade.php

@@ -0,0 +1,73 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Connexion')
+
+@section('content')
+    <div class="register floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            <div class="title-inscription1">
+                <h1 class="post-title">S’inscrire au Club Le Gaulois</h1>
+                <p class="info2">Merci de renseigner les champs ci-dessous :</p>
+                @if ($errors->any())
+                    <div class="alert alert-danger">
+                        <ul>
+                            @foreach ($errors->all() as $error)
+                                <li>{{ $error }}</li>
+                            @endforeach
+                        </ul>
+                    </div>
+                @endif
+            </div>
+            <div class="form-inscription1">
+                <form class="flex" name="inscriptionForm" action="{{ route('register') }}" method="POST" novalidate="novalidate">
+                    @csrf
+                    <p class="section">Votre profil</p>
+                    <!-- <select name="civilite">
+                                <option value="1">Mr</option>
+                                <option value="2">Mme</option>
+                                <option value="3">Mlle</option>
+                            </select> -->
+                    <input name="firstname" type="text" value="{{ old('firstname') }}" placeholder="Prénom*" maxlength="50" required>
+                    <input name="lastname" type="text" value="{{ old('lastname') }}" placeholder="Nom*" maxlength="50" required>
+                    <input name="birth_date" type="date" value="{{ old('birth_date') }}" placeholder="Date de naissance*" required>
+
+                    <p class="section">Vos identifiants</p>
+                    <input id="email" name="email" type="email" value="{{ old('email') }}" placeholder="E-mail*" maxlength="50"
+                        required>
+                    <input name="email_confirmation" type="email" value="{{ old('email_confirmation') }}" placeholder="Confirmation E-mail*"
+                        required>
+
+                    <input id="password" name="password" type="password" value="" aria-required="true"
+                        placeholder="Mot de passe* (min. 8 caractères)" maxlength="50" required>
+                    <input name="password_confirmation" type="password" aria-required="true" placeholder="Confirmation mot de passe*" required>
+
+                    <p class="section">Vos coordonnées</p>
+                    <input name="address" type="text" value="{{ old('address') }}" placeholder="Adresse*" maxlength="200" required>
+                    <input name="address2" type="text" value="{{ old('address2') }}" placeholder="Adresse complémentaire*" required>
+                    <input name="town" type="text" value="{{ old('town') }}" placeholder="Ville*" maxlength="50" required>
+                    <input name="postal_code" type="text" value="{{ old('postal_code') }}" placeholder="Code postal*" maxlength="10"
+                        required>
+                    <input name="country" type="text" value="{{ old('country') }}" placeholder="Pays*" required>
+
+                    <div class="chk--blocs">
+                        <div class="check-holder flex">
+                            <input id="checknews" name="news" type="checkbox">
+                            <label for="checknews">Je souhaite m'inscrire à la newsletter Le Gaulois</label>
+                        </div>
+                        <div class="check-holder flex">
+                            <input id="check" name="reglement" type="checkbox">
+                            <label for="check">J’ai lu et j’accepte le <a href="{{ route('reglement') }}">règlement*</a></label>
+                        </div>
+                    </div>
+                    <input name="action" type="hidden" value="inscription_jeu">
+                    <div class="btn-form">
+                        <button class="btn">Je valide</button>
+                    </div>
+                    <span class="info">* champs obligatoires</span>
+                </form>
+            </div>
+        </section>
+
+    </div>
+@endsection

views/fo/reglement.blade.php

@@ -0,0 +1,12 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Règlement')
+
+@section('content')
+    <div class="rules floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            {!! $content->value !!}
+        </section>
+    </div>
+@endsection

views/fo/replay.blade.php

@@ -0,0 +1,18 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Rejouer')
+
+@section('content')
+    <div class="register floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            <p>Félicitations pour votre gain !</p>
+            <p>Vous possédez un autre code&nbsp;?</p>
+            <p>&nbsp;</p>
+            <p>&nbsp;</p>
+            <div class="main-btn">
+                <a href="{{ route('saisir-code') }}">Je rejoue</a>
+            </div>
+        </section>
+    </div>
+@endsection

views/fo/teaser.blade.php

@@ -0,0 +1,95 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Accueil')
+
+@section('header')
+    @include('front.basic.partials.teaser-header')
+@endsection
+
+@section('content')
+    <div class="teaser floating grid">
+        <div class="head-bloc"></div>
+        <section class="floating-bloc container flex">
+            <div class="floating--width flex">
+                <div class="floating--title">
+                    @php
+                        setlocale(LC_TIME, 'fr_FR.utf8');
+                        \Carbon\Carbon::setLocale('fr');
+                    @endphp
+                    <p>Du {{ \Carbon\Carbon::parse($settingsGlobal->start_date)->formatLocalized('%d %B') }} au
+                        {{ \Carbon\Carbon::parse($settingsGlobal->end_date)->formatLocalized('%d %B') }}</p>
+
+                    <h1 class="post-title flex">
+                        <div class="row flex">
+                            <img src="{{ Vite::asset('resources/theme/mounted/assets/images/photo-canoe.png') }}" alt="">
+                        </div>
+                    </h1>
+                </div>
+                <div class="floating--txt flex">
+                    <h2 class="raleway post-subtitle">Jouez et tentez de gagner</h2>
+                    <div class="floating--gift flex">
+                        <div class="gift--col flex">
+                            <div class="gift--lot1 flex">
+                                <div class="nb-lot1 flex">
+                                    <span>{{ $prizesGlobal[0]->quantity }}</span>
+                                </div>
+                                <h3 class="post-chapter">Wonderbox <br>Loisirs</h3>
+
+                            </div>
+                            <div class="gift--img">
+                                <img src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot1.png') }}"
+                                    alt="Grand jeu 100% gagnant">
+                                <div class="floating--sticker">
+                                    <img src="{{ Vite::asset('resources/theme/mounted/assets/images/pastille.png') }}"
+                                        alt="Grand jeu 100% gagnant">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="gift--col flex">
+                            <div class="gift--lot2 flex">
+                                <div class="nb-lot2 flex">
+                                    <span>{{ $prizesGlobal[1]->quantity }}</span>
+                                </div>
+                                <h3 class="post-chapter">Wonderbox <br>Happy Day</h3>
+                            </div>
+                            <div class="lot2--img">
+                                <img src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot2.png') }}" alt="Wonderbox Happy Day">
+                            </div>
+                            <div class="gift--br">
+                                <p>Ou des milliers<br /> de bons<br />de réduction</p>
+                                <img src="{{ Vite::asset('resources/theme/mounted/assets/images/br-1-euro.png') }}" alt="Wonderbox Happy Day">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="text_teaser">
+                        <p>Votre jeu sera ouvert dans</p>
+                        <div class="compteur flex">
+                            <div class="jours">
+                                <div class="count"><span></span></div>
+                                <p>jours</p>
+                            </div>
+                            <div class="heures">
+                                <div class="count"><span></span></div>
+                                <p>heures</p>
+                            </div>
+                            <div class="minutes">
+                                <div class="count"><span></span></div>
+                                <p>minutes</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+@endsection
+
+@section('footer')
+    @include('front.basic.partials.teaser-footer')
+@endsection
+
+@push('scripts')
+    <script>
+        __TEASEREND = '{{ $settings->start_date }}';
+    </script>
+@endpush

views/fo/verifyemail.blade.php

@@ -0,0 +1,241 @@
+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+
+<head>
+    <title>
+
+    </title>
+    <!--[if !mso]><!-->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!--<![endif]-->
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style type="text/css">
+        #outlook a {
+            padding: 0;
+        }
+
+        body {
+            margin: 0;
+            padding: 0;
+            -webkit-text-size-adjust: 100%;
+            -ms-text-size-adjust: 100%;
+        }
+
+        table,
+        td {
+            border-collapse: collapse;
+            mso-table-lspace: 0pt;
+            mso-table-rspace: 0pt;
+        }
+
+        img {
+            border: 0;
+            height: auto;
+            line-height: 100%;
+            outline: none;
+            text-decoration: none;
+            -ms-interpolation-mode: bicubic;
+        }
+
+        p {
+            display: block;
+            margin: 13px 0;
+        }
+    </style>
+    <!--[if mso]>
+    <xml>
+        <o:OfficeDocumentSettings>
+            <o:AllowPNG/>
+            <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+    </xml>
+    <![endif]-->
+    <!--[if lte mso 11]>
+    <style type="text/css">
+        .mj-outlook-group-fix { width:100% !important; }
+    </style>
+    <![endif]-->
+
+    <!--[if !mso]><!-->
+    <link type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet">
+    <style type="text/css">
+        @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
+    </style>
+    <!--<![endif]-->
+
+    <style type="text/css">
+        @media only screen and (min-width:480px) {
+            .mj-column-per-100 {
+                width: 100% !important;
+                max-width: 100%;
+            }
+        }
+    </style>
+
+    <style type="text/css">
+        @media only screen and (max-width:480px) {
+            table.mj-full-width-mobile {
+                width: 100% !important;
+            }
+
+            td.mj-full-width-mobile {
+                width: auto !important;
+            }
+        }
+    </style>
+
+</head>
+
+<body style="word-spacing:normal;background-color:#FFF;">
+
+    <div style="background-color:#FFF;">
+
+        <!--[if mso | IE]><table class="" style="width:600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+
+        <div style="background:#FFF;background-color:#FFF;margin:0px auto;max-width:600px;">
+
+            <table role="presentation" style="background:#FFF;background-color:#FFF;width:100%;" align="center" border="0"
+                cellpadding="0" cellspacing="0">
+                <tbody>
+                    <tr>
+                        <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;"><![endif]-->
+
+                            <div class="mj-column-per-100 mj-outlook-group-fix"
+                                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+
+                                <table role="presentation" style="vertical-align:top;" border="0" cellpadding="0" cellspacing="0"
+                                    width="100%">
+                                    <tbody>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="center">
+
+                                                <table role="presentation" style="border-collapse:collapse;border-spacing:0px;"
+                                                    border="0" cellpadding="0" cellspacing="0">
+                                                    <tbody>
+                                                        <tr>
+                                                            <td style="width:300px;">
+
+                                                                <img src="{{ Vite::asset('resources/theme/mounted/assets/images/home_logo.png') }}"
+                                                                    style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                                                    height="auto" width="300">
+
+                                                            </td>
+                                                        </tr>
+                                                    </tbody>
+                                                </table>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="center">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:40px;font-weight:bold;line-height:1;text-align:center;text-transform:uppercase;color:black;">
+                                                    Bonjour {{ $user->firstname }},</div>
+
+                                            </td>
+                                        </tr>
+
+                                    </tbody>
+                                </table>
+
+                            </div>
+
+                            <!--[if mso | IE]></td></tr></table><![endif]-->
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+
+        <!--[if mso | IE]></td></tr></table><table class="" style="width:600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+
+        <div style="background:#FFF;background-color:#FFF;margin:0px auto;max-width:600px;">
+
+            <table role="presentation" style="background:#FFF;background-color:#FFF;width:100%;" align="center" border="0"
+                cellpadding="0" cellspacing="0">
+                <tbody>
+                    <tr>
+                        <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;"><![endif]-->
+
+                            <div class="mj-column-per-100 mj-outlook-group-fix"
+                                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+
+                                <table role="presentation" style="vertical-align:top;" border="0" cellpadding="0" cellspacing="0"
+                                    width="100%">
+                                    <tbody>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="left">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:20px;line-height:1;text-align:left;color:black;">
+                                                    Vous n'êtes plus qu'à un clic de votre inscription... <br><br>
+                                                    Pour finaliser votre inscription, cliquez sur le lien ci-dessous : <br></div>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="center"
+                                                vertical-align="middle">
+
+                                                <table role="presentation" style="border-collapse:separate;line-height:100%;"
+                                                    border="0" cellpadding="0" cellspacing="0">
+                                                    <tr>
+                                                        <td role="presentation"
+                                                            style="border:none;border-radius:0;cursor:auto;mso-padding-alt:10px 25px;background:#e30613;"
+                                                            align="center" bgcolor="#e30613" valign="middle">
+                                                            <a href="{{ route('confirm-email', ['verifyToken' => $user->email_verify_token, 'email' => $user->email]) }}"
+                                                                style="display:inline-block;background:#e30613;color:white;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:20px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:0;"
+                                                                target="_blank">
+                                                                Je confirme mon inscription
+                                                            </a>
+                                                        </td>
+                                                    </tr>
+                                                </table>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td style="font-size:0px;padding:10px 25px;word-break:break-word;" align="left">
+
+                                                <div
+                                                    style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:20px;line-height:1;text-align:left;color:black;">
+                                                    <br>
+                                                    L'équipe Le Gaulois <br><br>
+                                                    Si vous avez des questions, n'hésitez pas à nous contacter via notre <a
+                                                        class="link-nostyle" href="https://www.legaulois.fr/contactez-nous"
+                                                        style="color: inherit;">formulaire de contact</a>
+                                                </div>
+
+                                            </td>
+                                        </tr>
+
+                                    </tbody>
+                                </table>
+
+                            </div>
+
+                            <!--[if mso | IE]></td></tr></table><![endif]-->
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+
+        <!--[if mso | IE]></td></tr></table><![endif]-->
+
+    </div>
+
+</body>
+
+</html>

views/fo/winning-proof-email.blade.php

@@ -0,0 +1,19 @@
+<p>Bonjour,</p>
+<p>Vous trouverez en PJ les preuves de gain du joueur suivant :</p>
+<p>
+    <b>Lot : {{ $participation->instantWin()->first()->prize->label_one ?? ''}}</b><br/>
+    {{$user->lastname}} {{$user->firstname}}<br/>
+    {{$user->address}}<br/>
+    @if ($user->address2 !== null)
+        {{$user->address2}}<br/>
+    @endif
+    {{$user->postal_code}} {{$user->town}} - {{$user->country}}<br/>
+    {{$user->email}}
+</p>
+<p>Codes utilisés :</p>
+<p>
+    @if ($settings->use_ean_codes)
+        Code On Pack : {{ $participation->codeEan->code }}<br/>
+    @endif
+    Code Unique : {{ $participation->code->code_unique ?? ''}}
+</p>

views/fo/winning-proof.blade.php

@@ -0,0 +1,63 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Preuve de gain')
+
+@section('content')
+    <p>Envoyer vos preuves de gain</p>
+    <form method="POST" action="{{ route('send-winning-proof') }}" enctype="multipart/form-data">
+        @method('PUT')
+        @csrf
+        @if ($errors->any())
+            <div class="alert alert-danger">
+                <ul>
+                    @foreach ($errors->all() as $error)
+                        <li>{{ $error }}</li>
+                    @endforeach
+                </ul>
+            </div>
+        @endif
+        <div class="form-group">
+            <input class="form-control" name="lastname" type="text" value="{{ Auth::user()->lastname }}" placeholder="Nom *" required>
+        </div>
+        <div class="form-group">
+            <input class="form-control" name="firstname" type="text" value="{{ Auth::user()->firstname }}" placeholder="Prénom *" required>
+        </div>
+        <div class="form-group">
+            <input class="form-control" name="address" type="text" value="{{ Auth::user()->address }}" placeholder="Adresse *" required>
+        </div>
+        <div class="form-group">
+            <input class="form-control" name="address2" type="text" value="{{ Auth::user()->address2 }}"
+                placeholder="Adresse complémentaire">
+        </div>
+        <div class="form-group">
+            <input class="form-control" name="town" type="text" value="{{ Auth::user()->town }}" placeholder="Ville *" required>
+        </div>
+        <div class="form-group">
+            <input class="form-control" name="postal_code" type="text" value="{{ Auth::user()->postal_code }}" placeholder="Code postal *"
+                required>
+        </div>
+        <div class="form-group">
+            <input class="form-control" name="country" type="text" value="{{ Auth::user()->country }}" placeholder="Pays *" required>
+        </div>
+        <div class="form-group">
+            <input class="form-control" name="phone" type="text" placeholder="Téléphone *" required>
+        </div>
+        <div class="form-group">
+            <label for="sticker">Stickers <small class="text-muted">Format : png, jpeg, jpg, pdf - Taille max. : 1,5Mo.</small></label><br />
+            <input class="input-file" id="sticker" name="sticker" type="file" accept="image/png, image/jpeg, pdf" required>
+        </div>
+        <div class="form-group">
+            <label for="ticket">Ticket de caisse <small class="text-muted">Format : png, jpeg, jpg, pdf - Taille max. :
+                    1,5Mo.</small></label><br />
+            <input class="input-file" id="ticket" name="ticket" type="file" accept="image/png, image/jpeg, pdf" required>
+        </div>
+        <div class="form-group">
+            <label for="barcode">Code barres <small class="text-muted">Format : png, jpeg, jpg, pdf - Taille max. :
+                    1,5Mo.</small></label><br />
+            <input class="input-file" id="barcode" name="barcode" type="file" accept="image/png, image/jpeg, pdf" required>
+        </div>
+        <div class="form-group text-center">
+            <input class="btn btn-success" type="submit" value="Envoyer">
+        </div>
+    </form>
+@endsection

views/vendor/errors/404.blade.php

@@ -0,0 +1,16 @@
+@extends('theme::fo.layout')
+
+@section('title', 'Erreur 404')
+
+@section('content')
+    <div class="404 floating grid">
+        <div class="head-bloc"></div>
+        <section class="main--bloc container">
+            <h1 class="display-4">Page non trouvée</h1>
+            <p class="lead">La page que vous recherchez n'existe pas.</p>
+            <hr class="my-4">
+            <p>Cliquez sur le bouton ci-dessous pour retourner à l'accueil.</p>
+            <a class="btn btn-primary btn-lg" href="{{ route('home') }}" role="button">Accueil</a>
+        </section>
+    </div>
+@endsection