182 lines
9.2 KiB
PHP
182 lines
9.2 KiB
PHP
@extends('fo.frontend')
|
|
|
|
@section('title', $activity_title)
|
|
@section('description', $activity_subtitle)
|
|
|
|
@section('content')
|
|
<div class="container-fluid d-flex flex-column align-items-center position-relative px-0">
|
|
<div class="wrapper-xl w-100 mt-6 mb-4 mb-md-5 px-3">
|
|
<div class="row ">
|
|
<div class="col d-flex flex-column justify-content-between align-items-center">
|
|
<div class="prod-breadcrumbs">
|
|
<p><span class="parent"><a href="{{ route('home') }}">Accueil</a> / Votre activité / </span>{{ $activity_title }}</p>
|
|
</div>
|
|
<div class="row title-wrapper my-3">
|
|
<h1 class="h1 text-center">{{ $activity_title }}</h1>
|
|
</div>
|
|
<div class="paragraph-format text-center mb-4 mb-md-5">
|
|
<p>{{ $activity_subtitle }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid px-0 mt-4 mt-md-5">
|
|
<div class="row align-items-md-stretch">
|
|
<div class="col-12 col-md-6 px-0 mb-4 mb-md-0">
|
|
<div class="w-100 h-100 pe-6 pe-sm-7 pe-md-5 pe-lg-6 pe-xl-8">
|
|
<div class="img-section position-relative w-100 h-100">
|
|
<img class="object-cover-center w-100 h-100" src="{{ asset('build/assets/images/activity/' . $activity_image ) }}" alt="{{ $activity_title }}">
|
|
<div class="separator position-absolute top-0 end-0 text-end h-100">
|
|
<img class="h-100" src="{{ asset('build/assets/images/separator-big-blue.png') }}" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center txt-col text-center text-md-start px-md-0 pe-md-4 pe-lg-6 pe-xl-8">
|
|
<div>
|
|
<p>{!! clean($activity_text) !!}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- FIXME: Faut-il mettre 3 produits comme dans la page article ? si oui, il faudra faire un BO --}}
|
|
{{--<div class="wrapper-xl mb-5 mb-md-6">
|
|
<div class="row">
|
|
<div class="col text-center">
|
|
<div class="text-wrapper mx-auto mb-5">
|
|
<h2 class="h2 m-0">Aut repellat rerum lorem pounum</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row wrapper-product-desktop justify-content-center d-none d-md-flex mb-5">
|
|
@foreach ($products as $product)
|
|
<div class="col mb-4">
|
|
@include('fo.pages.products.smallCard', [
|
|
'product' => $product,
|
|
'color' => 'blue'
|
|
])
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
<div class="row wrapper-product-mobile d-md-none mb-5">
|
|
<div class="col">
|
|
<div class="slider-wrapper position-relative w-100">
|
|
<!-- Slider main container -->
|
|
<div id="swiperOtherProducts" class="swiper swiper-lgp">
|
|
<!-- Additional required wrapper -->
|
|
<div class="swiper-wrapper">
|
|
<!-- Slides -->
|
|
@foreach ($products as $product)
|
|
<div class="swiper-slide">
|
|
<div class="col mx-auto mb-4">
|
|
@include('fo.pages.products.smallCard', [
|
|
'product' => $product,
|
|
'color' => 'blue'
|
|
])
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>--}}
|
|
|
|
{{--<div class="row align-items-md-stretch">
|
|
<div class="col-12 order-md-2 col-md-6 px-0">
|
|
<div class="w-100 h-100 ps-6 ps-sm-7 ps-md-5 ps-lg-6 ps-xl-10">
|
|
<div class="img-section position-relative w-100 h-100">
|
|
<img class="object-cover-center w-100 h-100" src="{{ asset('build/assets/images/news/paysage-coucher-de-soleil.jpg') }}" alt="Un coucher de soleil en campagne">
|
|
<div class="separator reverse position-absolute top-0 start-0 text-end h-100">
|
|
<img class="h-100" src="{{ asset('build/assets/images/separator-big-blue.png') }}" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center order-md-1 txt-col px-md-0">
|
|
<div class="text-center text-md-start ps-md-4 ps-lg-6 ps-xl-8">
|
|
<!-- FIXME: Remplacer les lorem ipsum DEBUT -->
|
|
<div>
|
|
<h2 class="h2">Lorem ipsum dolor sit amet</h2>
|
|
<h3 class="h3">Lorem ipsum dolor sit amet</h3>
|
|
</div>
|
|
<div class="mb-4">
|
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est dies.</p>
|
|
</div>
|
|
<div class="mb-4">
|
|
<p class="ff-poppins-bold fs-subtitle-medium citation-text color-second mb-3">« Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. »</p>
|
|
</div>
|
|
<div class="border-inox rounded-4 mb-4">
|
|
<div class="d-flex align-items-center rounded-4 bg-default text-start p-3">
|
|
<div class="post-img-wrapper d-flex me-4">
|
|
<img class="w-100 h-100 object-cover-center" src="{{ asset('build/assets/images/news/escalope-legume.jpg') }}" alt="Une assiette d'escalope de volaille avec ses légumes">
|
|
</div>
|
|
<div class="post-text-wrapper d-flex flex-column">
|
|
<p class="ff-poppins-bold fs-md">À lire aussi :</p>
|
|
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsum, excepturi distinctio ut at illum veniam, corrupti harum sequi.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-4">
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti eius cumque voluptatibus eveniet, sit incidunt sapiente nulla? Vitae assumenda libero rem est voluptatum nam quo nobis tenetur modi ex veritatis, repellendus animi officiis eveniet sint ad nostrum quasi facilis consequatur sunt eligendi ut saepe aspernatur iusto. Nobis alias sed est.</p>
|
|
</div>
|
|
<!-- FIXME: Remplacer les lorem ipsum FIN -->
|
|
</div>
|
|
</div>
|
|
</div> --}}
|
|
|
|
{{-- FIXME: Faut-il mettre 3 actus comme dans la page article ? si oui, il faudra faire un BO --}}
|
|
{{-- <section class="section-news bg-ardoise-radial py-6 py-md-7">
|
|
<div class="wrapper-xl">
|
|
<div class="row">
|
|
<div class="col text-center">
|
|
<div class="text-wrapper mx-auto mb-5">
|
|
<h2 class="h2 m-0">Nos articles liés</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row posts-desktop my-5">
|
|
@foreach ($news as $news_item)
|
|
<div class="col pb-5 px-md-3">
|
|
@include('fo.pages.news.postCard', [
|
|
'news_item' => $news_item,
|
|
'color' => 'blue'
|
|
])
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
<div class="row posts-mobile">
|
|
<div class="col">
|
|
<div class="slider-wrapper position-relative w-100">
|
|
<!-- Slider main container -->
|
|
<div id="swiperPosts" class="swiper swiper-lgp">
|
|
<!-- Additional required wrapper -->
|
|
<div class="swiper-wrapper">
|
|
<!-- Slides -->
|
|
@foreach ($news as $news_item)
|
|
<div class="swiper-slide">
|
|
<div class="col w-80 mx-auto my-4">
|
|
@include('fo.pages.news.postCard', [
|
|
'news_item' => $news_item,
|
|
'color' => 'blue'
|
|
])
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
<!-- If we need navigation buttons -->
|
|
<div class="swiper-button-prev swiper-posts-btn-prev"></div>
|
|
<div class="swiper-button-next swiper-posts-btn-next"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> --}}
|
|
|
|
</div>
|
|
@endsection
|