@extends('layouts.master')
@section('title')
    Bonjour {{ auth()->user()->name }}
@endsection
@section('content')
    @if (session('success'))
        <div class="alert alert-success alert-block">
            <button type="button" class="close" data-dismiss="alert">×</button>
            <strong>Le mot de passe a été mis à jour !</strong>
        </div>
    @endif
    @role('etudiant')
        <div class="row">
            <!-- Première colonne : Texte d'introduction -->
            <div class=" col-md-6">
                <h1 style="margin-top:20px; font-size: 36px;margin-bottom: 10px;font-weight: 500;">
                    Bienvenue sur <span>Espace de Gestion de Stage </span></h1>


                <h4 class="text-center">
                    <a href="{{ asset('GUIDE.pdf') }}" target="_blank" rel="noopener noreferrer"
                    {{-- href="{{ route('guide_etudiant') }}" --}}
                    class="btn bg-olive p-2 m-2 ">
                        <span style="font-size:1.1em;">Guide d'utilisation</span>
                    </a>
                </h4>

            </div>
            <div class="col-md-6 pt-4">
                <div class="timeline-body">
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe width="450" height="253"
                            src="https://www.youtube.com/embed/Ohx-eoJui24?si=JbXVOBFCnITeKzUJ?showinfo=0"
                            title="YouTube video player" frameborder="0" showinfo='1'
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                    </div>

                </div>
            </div>


        </div>
        <div class="row pt-4">
            <div class="col-md-6">

            </div>
            <div class="col-md-6 ">
                <div class="timeline-body">
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe width="460" height="215"
                            src="https://www.youtube.com/embed/eNEmDSOZuHg?si=UrBmxc95qKfnDqpd?showinfo=0"
                            title="YouTube video player" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                    </div>

                </div>
            </div>
        </div>
    @endrole
    @role('chef-filiere')
    <livewire:TableaubordComponent />
        {{-- @livewire('TableaubordComponent') --}}
        {{-- <div> @include('livewire.tableaubord-component')</div> --}}
    @endrole
@endsection