@extends('front/layouts.app')

@section('title', __('messages.header.coach'))

@section('content')

    <section class="page-title">
        <div class="container">
            <div class="page-title-wrap">
                <h1 class="title">{{ __('messages.header.coach') }}</h1>
                <ul>
                    <li><a href="/">{{ __('messages.header.home') }}</a></li>
                    <li><i class="fas fa-chevron-right"></i></li>
                    <li><a href="{{ route('accompagnements') }}">{{ __('messages.header.accompagnement') }}</a></li>
                    <li><i class="fas fa-chevron-right"></i></li>
                    <li><span>{{ __('messages.header.coach') }}</span></li>
                </ul>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row image-text-wrap">
                <div class="col-lg-7 col-md-6 text-col">
                    <p class="desc">
                        {{ __('messages.menu_accompagnement.coach_apip.text_1') }}
                    </p>
                    <p class="desc">
                        {{ __('messages.menu_accompagnement.coach_apip.text_2') }}
                    </p>
                </div>
                <div class="col-lg-5 col-md-6">
                    <img class="cover" src="/images/content/coach-apip.jpeg" alt="Image">
                </div>
            </div>
        </div>
    </section>

    <section class="section-blue">
        <div class="container">
            <div class="section-title-wrap">
                <h2 class="title">{{ __('messages.menu_accompagnement.coach_apip.title_videos') }}</h2>
            </div>
            <div class="video-grid">
    
                @foreach ($videos as $video)
                    @php
                        if (strpos($video->lien_video, 'embed') !== false) {
                            $embedUrl = $video->lien_video;
                        } else {
                            if (
                                preg_match(
                                    '/(?:https?:\/\/)?(?:www\.)?youtube\.com\/watch\?v=([a-zA-Z0-9_-]+)/',
                                    $video->lien_video,
                                    $matches,
                                )
                            ) {
                                $embedUrl = 'https://www.youtube.com/embed/' . $matches[1];
                            } elseif (
                                preg_match('/(?:https?:\/\/)?youtu\.be\/([a-zA-Z0-9_-]+)/', $video->lien_video, $matches)
                            ) {
                                $embedUrl = 'https://www.youtube.com/embed/' . $matches[1];
                            } else {
                                $embedUrl = null;
                            }
                        }
                    @endphp
    
                    <div class="video-item">
                        <div class="video-wrapper">
                            <iframe width="100%" height="100%" src="{{ $embedUrl }}" title="YouTube video player"
                                frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                allowfullscreen>
                            </iframe>
                        </div>
                        <h3 class="title">{{ $video->titre }}</h3>
                    </div>
                @endforeach
    
            </div>
        </div>
        </div>
    </section>


@endsection