ldc-jeusselin/resources/views/fo/ourtrade.blade.php
2026-09-24 16:41:59 +02:00

130 lines
7.4 KiB
PHP

@extends('layouts.app')
@section('content')
<div class="main-container work" id="work-page">
<div class="bg-opacity"></div>
<div class="header-bloc"></div>
<section class="work--head container flex">
<h1 class="post-title">Nos métiers</h1>
<div class="work--head--detail grid">
<div class="detail--img">
<img src="{{ $generalConfig->get('image')
? Storage::url($generalConfig->get('image'))
: Vite::asset('resources/assets/images/quarante-salaries-large.jpg', 'build') }}"
alt="{{ $generalConfig->get('image_alt', '') }}"
@if ($generalConfig->get('image_title')) title="{{ $generalConfig->get('image_title') }}" @endif
>
</div>
{{-- <div class="detail--txt">
<h2 class="post-chapter">Rencontrez l'équipe en vidéo</h2>
<p>Progressively disseminate high-payoff niche markets without enterprise action items. Completely provide access to cutting-edge methods of empowerment before synergistic networks. Conveniently orchestrate user friendly data before.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, pariatur architecto facere magnam amet ab reprehenderit suscipit delectus veniam illo hic! Beatae iusto non natus doloremque cum! Distinctio, in praesentium!</p>
</div> --}}
<div class="detail--video grid">
@foreach ($nine_videos as $video)
<div>
<a class="fancybox" data-fancybox data-src="#fancybox-video-{{ $loop->index }}">
<div></div>
<img src="{{ asset($video->photo) }}" alt="">
</a>
<div class="cn-vimeo d-none job-video" id="fancybox-video-{{ $loop->index }}" data-id="{{ $video->video }}"
data-width="100%" data-height="100%">
</div>
<div>
<p>{{ $video->firstname }} {{ $video->lastname }}</p>
<p class="function">{{ $video->job_title }}&nbsp;</p>
</div>
</div>
@endforeach
</div>
</div>
</section>
<section class="work--main container flex">
<div class="milaceanous grid">
@foreach ($secteurs_simples as $secteur)
<div class="milaceanous--bloc">
<h2 class="post-chapter">{{ $secteur->name }}</h2>
@foreach ($secteur->employees as $employee)
<div class="bloc--img flex">
@if (!is_null($employee->video))
<a class="fancybox" data-fancybox data-src="#fancybox-video-employee-{{ $loop->index }}">
<div></div>
<img src="{{ asset($employee->photo) }}" alt="">
</a>
<div
class="cn-vimeo d-none job-video"
id="fancybox-video-employee-{{ $loop->index }}"
data-id="{{ $employee->video }}"
data-width="100%" data-height="100%">
</div>
@else
<img src="{{ asset($employee->photo) }}" alt="">
@endif
<div class="bloc--txt flex">
<p>{{ $employee->firstname }} {{ $employee->lastname }}</p>
<p class="function">{{ $employee->job_title }}</p>
</div>
</div>
@endforeach
</div>
@endforeach
</div>
@foreach ($secteurs_complexes as $secteur)
<div class="silo business logistique flex">
<div class="milaceanous--bloc flex">
<h2 class="post-chapter">
<h2 class="post-chapter">{{ $secteur->name }}</h2>
</h2>
@foreach ($secteur->employees as $employee)
<div class="bloc--img flex">
@if (!is_null($employee->video))
<a
class="fancybox"
data-fancybox
data-type="iframe"
data-width="640"
data-height="360"
href="{{ $employee->video }}">
<img src="{{ asset($employee->photo) }}" alt="">
</a>
@else
<img src="{{ asset($employee->photo) }}" alt="">
@endif
<div class="bloc--txt flex">
<p>{{ $employee->firstname }} {{ $employee->lastname }}</p>
<p class="function">{{ $employee->job_title }}</p>
</div>
</div>
@endforeach
<div class="{{ Str::slug($secteur->name) }}--blocs flex">
@foreach ($secteur->children as $subsecteur)
<div class="geo--bloc flex">
<h3 class="paragraph-title">{{ $subsecteur->name }}</h3>
@foreach ($subsecteur->employees as $employee)
<div class="bloc--img flex">
@if (!is_null($employee->video))
<a class="fancybox" data-fancybox data-width="640" data-height="360"
href="{{ $employee->video }}">
<div></div><img src="{{ asset($employee->photo) }}" alt="">
</a>
@else
<img src="{{ asset($employee->photo) }}" alt="">
@endif
<div class="bloc--txt flex">
<p>{{ $employee->firstname }} {{ $employee->lastname }}</p>
<p class="function">{{ $employee->job_title }}</p>
</div>
</div>
@endforeach
</div>
@endforeach
</div>
</div>
</div>
@endforeach
</section>
</div>
@endsection