271 lines
16 KiB
PHP
271 lines
16 KiB
PHP
@extends('club.layout')
|
||
|
||
@section('title', __('Accueil'))
|
||
@section('description', __('Description site'))
|
||
@section('breadcrumb', request()->route()->getName())
|
||
|
||
@section('container-fluid', true)
|
||
@section('no-bottom-space', true)
|
||
@section('page-class', 'home')
|
||
|
||
@section('content')
|
||
{{-- HOME TITLE AND NAVIGATION --}}
|
||
<section class="row section-navigation">
|
||
<div class="col-12 mb-2 mt-3">
|
||
<h1 class="f-bakerie-rough text-center">
|
||
{{ __('Bonjour :username !', [
|
||
'username' => Str::title(auth('club')->user()->username),
|
||
]) }}
|
||
</h1>
|
||
</div>
|
||
<div class="col-12">
|
||
<nav class="navbar justify-content-center" id="club-home-nav">
|
||
<ul class="navbar-nav justify-content-center w-100 flex-row">
|
||
<li class="nav-item">
|
||
<a class="btn btn-link d-flex flex-column justify-content-center align-items-center"
|
||
href="{{ route('club.departaimants.index') }}"
|
||
title="{{ __('Go to page :page', ['page' => 'Départaimants']) }}">
|
||
<span class="round-btn rounded-pill text-bg-secondary">
|
||
<img class="ing-fluid"
|
||
src="{{ Vite::asset('resources/assets/images/club/departaimant-sarthe.png') }}"
|
||
title="{{ __('Un magnet Départaimants de la Sarthe') }}" alt="{{ __('Magnet') }}">
|
||
</span>
|
||
<span class="link-text link-body-emphasis mt-2">{{ __('Départ’aimant') }}</span></a>
|
||
</a>
|
||
</li>
|
||
{{-- <li class="nav-item">
|
||
<a class="btn btn-link d-flex flex-column justify-content-center align-items-center"
|
||
href="{{ route('club.quests.index') }}" title="{{ __('Go to page :page', ['page' => 'La quête']) }}">
|
||
<span class="round-btn rounded-pill text-bg-secondary">@include('club.icons.trophy')</span>
|
||
<span class="link-text link-body-emphasis mt-2">{{ __('La quête') }}</span></a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="btn btn-link d-flex flex-column justify-content-center align-items-center"
|
||
href="{{ route('club.games.index') }}" title="{{ __('Go to page :page', ['page' => 'Les jeux']) }}">
|
||
<span class="round-btn rounded-pill text-bg-secondary">@include('club.icons.controller')</span>
|
||
<span class="link-text link-body-emphasis mt-2">{{ __('Les jeux') }}</span></a>
|
||
</li> --}}
|
||
<li class="nav-item">
|
||
<a class="btn btn-link d-flex flex-column justify-content-center align-items-center"
|
||
href="{{ route('club.customers.index') }}"
|
||
title="{{ __('Go to page :page', ['page' => 'Mon compte']) }}">
|
||
<span class="round-btn rounded-pill text-bg-secondary">@include('club.icons.chicken-head')</span>
|
||
<span class="link-text link-body-emphasis mt-2">{{ __('Mon compte') }}</span></a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</section>
|
||
|
||
{{-- BR LIST --}}
|
||
<section class="row section-brlist mt-5">
|
||
{{-- MOBILE CARD --}}
|
||
<div class="col d-md-none">
|
||
<div class="text-bg-white rounded-5 fs-5 p-5 pt-0 text-center">
|
||
<h2 class="section-title text-uppercase f-bourton-base">
|
||
<span class="text-bg-warning">{{ __('Économiser aujourd’hui') }}</span><span
|
||
class="text-bg-danger">@money($discountsTotal)</span>
|
||
</h2>
|
||
<span
|
||
class="d-block fw-bold mb-3">{{ __('En bons de réduction sur une sélection de produits Le Gaulois') }}</span>
|
||
<img class="img-fluid mb-4"
|
||
src="{{ Vite::asset('resources/assets/images/club/club-mobile-discount.png') }}"
|
||
title="{{ __('Lot de produit :appname', ['appname' => config('app.name')]) }}"
|
||
alt="{{ __('Lot de produit :appname', ['appname' => config('app.name')]) }}">
|
||
<a class="btn btn-lg btn-secondary fs-3" href="{{ route('club.discounts.index') }}"
|
||
title="{{ __('Go to page :page', ['page' => __('Imprimer mes coupons')]) }}">{{ __('Imprimer mes coupons') }}</a>
|
||
</div>
|
||
</div>
|
||
{{-- DESKTOP CARD --}}
|
||
<div class="d-none d-md-block text-bg-white col-12 mt-5 pb-5 text-center">
|
||
<h2 class="section-title text-uppercase f-bourton-base d-none d-md-inline-flex">
|
||
<span class="text-bg-warning">{{ __('Économiser aujourd’hui') }}</span>
|
||
<span class="text-bg-danger">@money($discountsTotal)</span>
|
||
</h2>
|
||
<span class="d-block fs-5 fw-bold mb-5">
|
||
{{ __('En bons de réduction sur une sélection de produits Le Gaulois') }}
|
||
</span>
|
||
<div class="d-flex mb-5">
|
||
<div class="swiper d-none d-md-block w-100 mb-3" id="swiper-discounts">
|
||
<div class="swiper-wrapper w-fit">
|
||
@foreach ($discountModels as $discountModel)
|
||
<div class="swiper-slide">
|
||
@include('club.partials.club-card-coupon', [
|
||
'discount' => $discountModel,
|
||
'outerClass' => 'mx-3',
|
||
])
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex justify-content-center">
|
||
<div class="swiper-discounts-pagination py-4"></div>
|
||
</div>
|
||
<a class="btn btn-lg btn-secondary fs-3" href="{{ route('club.discounts.index') }}"
|
||
title="{{ __('Go to page :page', ['page' => __('Imprimer mes coupons')]) }}">{{ __('Imprimer mes coupons') }}</a>
|
||
</div>
|
||
</section>
|
||
|
||
{{-- DEPARTAIMANT --}}
|
||
<section class="row section-departaimant mb-5 pt-5">
|
||
<div class="col-lg-6 position-relative g-0">
|
||
<div class="left-part d-lg-flex justify-content-end align-items-center text-bg-quint mt-5">
|
||
<h2 class="section-title text-uppercase ps-2">
|
||
<span class="fw-bold text-bg-secondary ps-sm-5 py-1 pe-3 ps-4">{{ __('La communauté') }}</span>
|
||
<span class="fw-bold text-bg-white fs-1 ps-sm-5 pb-3 pe-3 ps-4 pt-4">{{ __('départ’aimant') }}</span>
|
||
<span class="fw-bold fs-3 px-3 py-1">{{ number_format(113290, 0, ',', ' ') }} {{ __('membres') }}
|
||
<svg class="d-none d-sm-inline" xmlns="http://www.w3.org/2000/svg" width="24" height="29"
|
||
viewBox="0 0 24 29" fill="none">
|
||
<path
|
||
d="M3.33591 19.08C8.0979 14.8542 11.1289 8.99488 11.9524 3.05881C12.1445 1.69012 13.3892 0.753041 14.7569 0.943771C16.3022 1.13141 17.2696 2.74676 16.786 4.19375C14.597 11.0324 10.0317 16.7457 4.29748 20.3398C3.50092 20.8663 2.62965 19.6939 3.33591 19.08Z"
|
||
fill="white" />
|
||
<path
|
||
d="M7.04384 23.6875C9.67926 22.109 11.9671 19.7309 13.4826 16.8012C13.7419 16.352 14.2721 16.165 14.736 16.3976C15.1054 16.6108 15.3112 17.0467 15.2184 17.4511C14.6689 19.9873 10.2206 30.3126 6.60325 27.1321C5.58356 26.1558 5.82674 24.3939 7.04384 23.6875Z"
|
||
fill="white" />
|
||
</svg>
|
||
</span>
|
||
<img src="{{ Vite::asset('resources/assets/images/club/departaimant-sarthe.png') }}"
|
||
alt="{{ __('Departaiment Sarthe') }}" role="img">
|
||
</h2>
|
||
<div class="m-lg-5 mx-auto mt-4 mt-sm-0">
|
||
<p>
|
||
{{ __('Rejoignez la communauté "Départ’Aimants" dédiée aux passionnés de la collection de magnets. Échangez, partagez et découvrez des magnets uniques représentant les départements.') }}
|
||
</p>
|
||
<p>
|
||
{{ __('Plongez dans une expérience conviviale où la passion de la collection et des échanges se rencontrent autour de ces petits magnets souvent visibles sur votre frigo.') }}
|
||
</p>
|
||
<img class="d-sm-none img-fluid"
|
||
src="{{ Vite::asset('resources/assets/images/club/departaimant-map.png') }}"
|
||
title="{{ __('Une carte partielle des Départaimants') }}" alt="{{ __('Carte Departaimants') }}">
|
||
<div class="btn-wrapper position-relative mt-5 text-center">
|
||
<a class="btn btn-lg btn-white" href="{{ route('club.departaimants.index') }}"
|
||
title="{{ __('Go to page :page', [
|
||
'page' => __('Compléter ma Collec\''),
|
||
]) }}">{{ __('Compléter ma Collec\'') }}</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-none d-sm-block col-lg-6 text-xl-start text-center mt-3 mt-lg-0">
|
||
<img class="img-fluid" src="{{ Vite::asset('resources/assets/images/club/departaimant-map.png') }}"
|
||
title="{{ __('Une carte partielle des Départaimants') }}" alt="{{ __('Carte Departaimants') }}">
|
||
</div>
|
||
</section>
|
||
|
||
{{-- JEUX --}}
|
||
{{-- <section class="row section-games mb-5">
|
||
comment: MOBILE
|
||
<div class="col d-sm-none">
|
||
<div class="text-bg-warning rounded-4 m-2 py-3">
|
||
<h2 class="f-bourton-base text-uppercase px-4 text-center">{{ __('Découvrez nos jeux à partager en famille') }}
|
||
</h2>
|
||
<div class="w-100 mask-svg-color"></div>
|
||
<div class="mt-5 text-center">
|
||
<a class="btn btn-lg btn-white" href="{{ route('club.games.index') }}"
|
||
title="{{ __('Go to page :page', [
|
||
'page' => __('Accéder aux jeux'),
|
||
]) }}">{{ __('Accéder aux jeux') }}</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
comment: TABLE & DESKTOP
|
||
<div class="col desktop-part d-none d-sm-block">
|
||
<div class="row position-relative flex-lg-row-reverse">
|
||
<div class="col-xl-4 mb-5">
|
||
<h2 class="section-title f-bourton-base text-uppercase mb-4 px-4 text-center">
|
||
{{ __('Découvrez nos jeux à partager en famille') }}
|
||
</h2>
|
||
<ul class="list-inline text-center">
|
||
@foreach (\App\Enums\Games\GameForAge::all() as $gameAgeEnum)
|
||
<li class="list-inline-item my-2">
|
||
<input class="btn-check" id="game-for-{{ $gameAgeEnum->value() }}" name="options" type="radio"
|
||
autocomplete="off" @if ($loop->first) checked @endif>
|
||
<label class="btn btn-secondary rounded-4"
|
||
for="game-for-{{ $gameAgeEnum->value() }}">{{ $gameAgeEnum->label() }}</label>
|
||
</li>
|
||
@endforeach
|
||
</ul>
|
||
</div>
|
||
<div class="col-xl-8 slider-part g-0 mb-5">
|
||
@php
|
||
//FIXME: replace data by discounts Model
|
||
$gameList = [
|
||
(object) [
|
||
'picture' => Vite::asset('resources/assets/images/placeholders/club/gamecards/card-game1.jpg'),
|
||
'name' => __('Jeu 1'),
|
||
'for_age' => \App\Enums\Games\GameForAge::from6To9,
|
||
'url' => '#FIXME:gameurl',
|
||
'category' => __('activités manuelles'),
|
||
],
|
||
(object) [
|
||
'picture' => Vite::asset('resources/assets/images/placeholders/club/gamecards/card-game2.jpg'),
|
||
'name' => __('Qui est-ce ?'),
|
||
'for_age' => \App\Enums\Games\GameForAge::from3To6,
|
||
'url' => '#FIXME:gameurl',
|
||
'category' => __('activités manuelles'),
|
||
],
|
||
(object) [
|
||
'picture' => Vite::asset('resources/assets/images/placeholders/club/gamecards/card-game3.jpg'),
|
||
'name' => __('Le labyrinthe'),
|
||
'for_age' => \App\Enums\Games\GameForAge::from3To6,
|
||
'url' => '#FIXME:gameurl',
|
||
'category' => __('activités manuelles'),
|
||
'points' => 20,
|
||
],
|
||
(object) [
|
||
'picture' => Vite::asset('resources/assets/images/placeholders/club/gamecards/card-game1.jpg'),
|
||
'name' => __('Jeu 1'),
|
||
'for_age' => \App\Enums\Games\GameForAge::from6To9,
|
||
'url' => '#FIXME:gameurl',
|
||
'category' => __('activités manuelles'),
|
||
],
|
||
(object) [
|
||
'picture' => Vite::asset('resources/assets/images/placeholders/club/gamecards/card-game2.jpg'),
|
||
'name' => __('Qui est-ce ?'),
|
||
'for_age' => \App\Enums\Games\GameForAge::from3To6,
|
||
'url' => '#FIXME:gameurl',
|
||
'category' => __('activités manuelles'),
|
||
],
|
||
];
|
||
@endphp
|
||
<div class="swiper mb-3" id="swiper-games">
|
||
<div class="swiper-wrapper w-fit">
|
||
@foreach ($gameList as $game)
|
||
<div class="swiper-slide py-5">
|
||
@include('club.partials.card-club-game', [
|
||
'picture' => $game->picture,
|
||
'gameName' => $game->name,
|
||
'gameAge' => $game->for_age,
|
||
'gameUrl' => $game->url,
|
||
'categoryName' => $game->category,
|
||
'points' => $game->points ?? null,
|
||
'outerClass' => 'mx-4',
|
||
])
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
<button class="swiper-button swiper-games-button-next rounded-circle z-1 btn btn-tertiary mx-3 px-2 py-1" type="button"
|
||
role="button">
|
||
<i class="fa-solid fa-xl fa-chevron-left fa-flip-horizontal" aria-hidden="true"></i>
|
||
<span class="visually-hidden">{{ __('pagination.next') }}</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> --}}
|
||
|
||
{{-- EARNED POINTS --}}
|
||
{{-- @include('club.partials.club-section-earned-points', [
|
||
'points' => 645,
|
||
'showGetMorePointsBtn' => true,
|
||
]) --}}
|
||
|
||
{{-- CLUB INFO --}}
|
||
@if ($newsClubModels->count())
|
||
<section class="row text-bg-primary py-5">
|
||
@include('club.partials.info-cards')
|
||
</section>
|
||
@endif
|
||
@endsection
|