252 lines
15 KiB
PHP
252 lines
15 KiB
PHP
@extends('fo.layout')
|
|
|
|
@section('title', $siteModel->seo_title)
|
|
@section('description', $siteModel->seo_description)
|
|
@section('breadcrumb', request()->route()->getName())
|
|
|
|
@section('content')
|
|
<section class="site">
|
|
@if ($siteModel->sticky_title && $siteModel->sticky_link)
|
|
<div class="site-navigation z-2">
|
|
<div class="site-navigation-wrapper show row m-0 p-0 justify-content-center">
|
|
<div class="col-6 col-md-12 px-md-0 py-md-1 p-2">
|
|
<div class="rounded-5 bg-quad-light shadow-sm">
|
|
<a class="d-flex justify-content-center align-items-center text-primary text-decoration-none p-sm-3 p-2"
|
|
data-bs-toggle="tooltip" href="{{ $siteModel->sticky_link }}"
|
|
target="_blank" rel="noopener noreferrer"
|
|
title="{{ __('Accéder au site :name', ['name' => $siteModel->sticky_title]) }}">
|
|
<span class="badge rounded-pill bg-quad d-block me-2"></span>
|
|
<small>{{ $siteModel->sticky_title }}</small>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="d-none d-md-block btn btn-primary rounded-pill mt-1 w-fit px-3"
|
|
title="{{ __('Afficher/Masquer le menu des ancres') }}">
|
|
<i class="fa-solid fa-plus d-none"></i>
|
|
<i class="fa-solid fa-minus"></i>
|
|
</button>
|
|
</div>
|
|
@endif
|
|
<section class="header container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-6 col-sm-6 col-md-4 col-lg-3">
|
|
<img class="img-fluid" src="{{ asset($siteModel->logo) }}" title="{{ $siteModel->logo_title }}"
|
|
alt="{{ $siteModel->logo_alt }}">
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="d-flex justify-content-between">
|
|
<a href="{{ route('fo.unveil.show') }}#sites" title="{{ __('Retour à la page \'On se dévoile\'') }}">
|
|
<img class="arrow-left" src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
|
|
title="{{ __('Retour à la page d\'accueil') }}" alt="{{ __('Flèche vers la gauche') }}">
|
|
{{ __('Retour') }}
|
|
</a>
|
|
<span id="sticky-displayer"></span>
|
|
@if ($nextSiteModel)
|
|
<a href="{{ route('fo.sites.show', $nextSiteModel) }}"
|
|
title="{{ __('Voir le site suivant : :name', ['name' => $nextSiteModel->name]) }}">
|
|
{{ __('Site suivant') }}
|
|
<img class="arrow-right" src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
|
|
title="{{ __('Voir le site suivant : :name', ['name' => $nextSiteModel->name]) }}"
|
|
alt="{{ __('Flèche vers la droite') }}">
|
|
</a>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{-- SWIPER IMAGES --}}
|
|
<section class="pictures position-relative mt-3">
|
|
<div class="pictures-content mask-white-right overflow-hidden">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-12 position-relative">
|
|
<div class="swiper swiper-sites-pictures h-fit overflow-visible" id="swiper-sites-pictures">
|
|
<div class="swiper-wrapper h-fit">
|
|
<div class="swiper-slide h-auto">
|
|
<img class="w-100 rounded-3" src="{{ asset($siteModel->picture_1) }}"
|
|
title="{{ $siteModel->picture_1_title }}" alt="{{ $siteModel->picture_1_alt }}">
|
|
</div>
|
|
<div class="swiper-slide h-auto">
|
|
<img class="w-100 rounded-3" src="{{ asset($siteModel->picture_2) }}"
|
|
title="{{ $siteModel->picture_2_title }}" alt="{{ $siteModel->picture_2_alt }}">
|
|
</div>
|
|
<div class="swiper-slide h-auto">
|
|
<img class="w-100 rounded-3" src="{{ asset($siteModel->picture_3) }}"
|
|
title="{{ $siteModel->picture_3_title }}" alt="{{ $siteModel->picture_3_alt }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="swiper-button swiper-sites-pictures-button-prev swiper-button-prev-custom d-none d-lg-block mx-3">
|
|
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
|
|
title="{{ __('Navigation du slider (gauche)') }}" alt="{{ __('flèche vers la gauche') }}">
|
|
</button>
|
|
<button class="swiper-button swiper-sites-pictures-button-next swiper-button-next-custom d-none d-lg-block mx-3">
|
|
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
|
|
title="{{ __('Navigation du slider (droite)') }}" alt="{{ __('flèche vers la droite') }}">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{-- TEXT SECTION --}}
|
|
<section class="infos mt-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h1 class="h1 text-primary fw-bold text-center">{{ $siteModel->name }}</h1>
|
|
<p class="text-primary mt-4 text-center">{{ $siteModel->description }}</p>
|
|
<p class="text-tertiary mt-4 text-center">{{ $siteModel->description_2 }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex flex-column flex-lg-row justify-content-center align-items-center mt-4">
|
|
<div class="mb-sm-0 mb-2 me-4 text-center">
|
|
<p class="text-primary m-0"><i class="fa-solid fa-user-group"></i> {{ $siteModel->employees }} {{ __('personnes') }}
|
|
</p>
|
|
</div>
|
|
<div class="d-flex justify-content-center justify-content-md-start align-items-center">
|
|
@foreach ($siteModel->pictos as $picto)
|
|
@php $enum = \App\Enums\Sites\SpeciesEnum::make($picto) @endphp
|
|
<img src="{{ Vite::asset($enum->picture()) }}" title="{{ $enum->title() }}" alt="{{ $enum->alt() }}"
|
|
height="40">
|
|
@endforeach
|
|
<p class="text-primary d-flex align-items-center my-0 ms-3">
|
|
{{ implode(
|
|
', ',
|
|
collect($siteModel->pictos)->map(function ($picto) {
|
|
return \App\Enums\Sites\SpeciesEnum::make($picto)->label();
|
|
})->toArray(),
|
|
) }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{-- MAP --}}
|
|
<section class="location mt-3">
|
|
<div class="container">
|
|
<div class="row w-100 flex-column flex-lg-row bg-primary align-items-center rounded-4 mx-auto p-5">
|
|
<div class="col-12 col-lg-6">
|
|
<div class="card bg-secondary-light rounded-4 p-lg-4 border-0">
|
|
<div class="card-body text-tertiary">
|
|
<div class="row align-items-center mb-3">
|
|
<div class="col-2 d-flex justify-content-center pe-0">
|
|
<i class="fa-solid fa-2xl fa-location-dot"></i>
|
|
</div>
|
|
<div class="col-10">
|
|
<h5 class="card-title fw-bold">{{ $siteModel->name }}</h5>
|
|
<p class="card-text fw-semibold mb-0">{{ $siteModel->address }}</p>
|
|
<p class="card-text fw-semibold mb-0">{{ __('Téléphone') }} : {{ $siteModel->phone_number }}</p>
|
|
</div>
|
|
</div>
|
|
<hr class="divider d-none d-lg-block bg-primary w-25 mx-auto border-2 opacity-100">
|
|
<div class="row align-items-center">
|
|
<div class="col-2 d-flex justify-content-center pe-0">
|
|
<i class="fa-solid fa-2xl fa-location-arrow"></i>
|
|
</div>
|
|
<div class="col-10">
|
|
<h5 class="card-title fw-bold">{{ __('Accès') }} :</h5>
|
|
@foreach ($siteModel->access_line as $access_line)
|
|
<p class="card-text fw-semibold mb-0">{{ $access_line }}</p>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-lg-6 d-flex justify-content-center position-relative g-0">
|
|
@php
|
|
$carto = ['siteModelList' => $siteModelList->values()];
|
|
if (!empty($viewBox)) {
|
|
$carto = $carto + compact('viewBox');
|
|
}
|
|
if (!empty($initialZoom)) {
|
|
$carto['initialZoom'] = $initialZoom;
|
|
}
|
|
@endphp
|
|
@include('fo.partials.carte', $carto)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{-- WORDS OF --}}
|
|
<section class="words mt-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h2 class="h2 fw-bold text-primary text-lg-start text-center">{{ __('Le mot de...') }}</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- Swiper words --}}
|
|
<div class="words-content overflow-hidden">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-12 position-relative">
|
|
<div class="swiper swiper-sites-words mt-lg-0 mt-5 h-fit overflow-visible" id="swiper-sites-words">
|
|
<div class="swiper-wrapper h-fit">
|
|
<div @class([
|
|
'swiper-slide h-auto',
|
|
'order-1' => $siteModel->invert_director_block
|
|
])>
|
|
@include('fo.partials.testimonials.card', [
|
|
'job' => $siteModel->director_function,
|
|
'name' => $siteModel->director_name,
|
|
'speach' => $siteModel->director_speach,
|
|
'bgClass' => 'bg-primary',
|
|
'jobClass' => 'text-white',
|
|
'nameClass' => 'text-white',
|
|
'speachClass' => 'text-white',
|
|
])
|
|
</div>
|
|
<div class="swiper-slide h-auto">
|
|
@include('fo.partials.testimonials.card', [
|
|
'job' => $siteModel->employee_function,
|
|
'name' => $siteModel->employee_name,
|
|
'speach' => $siteModel->employee_speach,
|
|
'bgClass' => 'bg-tertiary',
|
|
'jobClass' => 'text-white',
|
|
'nameClass' => 'text-white',
|
|
'speachClass' => 'text-white',
|
|
])
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="swiper-button swiper-button-prev-custom swiper-sites-words-button-prev swiper-button-prev-custom d-none d-lg-block mx-3">
|
|
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
|
|
title="{{ __('Navigation du slider (gauche)') }}" alt="{{ __('flèche vers la gauche') }}"
|
|
role="button">
|
|
</button>
|
|
<button
|
|
class="swiper-button swiper-button-next-custom swiper-sites-words-button-next swiper-button-next-custom d-none d-lg-block mx-3">
|
|
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
|
|
title="{{ __('Navigation du slider (droite)') }}" alt="{{ __('flèche vers la droite') }}"
|
|
role="button">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{-- HIGHLIGHTS --}}
|
|
<section class="highlights border-top-curved-secondary-light mt-5">
|
|
<div class="bg-secondary-light">
|
|
<div class="container py-4">
|
|
<div class="row justify-content-center">
|
|
<div class="col-8">
|
|
<h2 class="h2 fw-bold text-primary text-center">{{ __('Nos points forts et nos engagements') }}</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="ck-content text-primary">{!! clean($siteModel->highlights) !!}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
@endsection
|