@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 p-2 " style="background: white;">
    <div class="col-6 p-2">

        <div class="card">
            <h1 class="p-2" style="font-size: 2em; font-weight:500;">Bienvenu,
                <strong style="font-weight:500;">
                    @if (auth()->user()->hasRole('etudiant'))
                    {{ auth()->user()->etudiantnom(auth()->user()->user_id) }}
                    @else
                    {{auth()->user()->name}}
                    @endif
                </strong>
            </h1>

            <p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident quibusdam, deserunt
                ratione soluta nesciunt aliquid praesentium, assumenda a reprehenderit fuga facere debitis maxime
                accusamus incidunt quia sed vitae optio voluptas...
                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis odit optio animi incidunt quod ex
                et quae adipisci? Corrupti officiis dicta doloribus veritatis architecto et hic ducimus autem obcaecati!
                Fugit?
            </p>
            <div class="text-center"> <a href="{{ route('guide_etudiant') }}" class="btn bg-olive p-2 m-2 "><span
                        style="font-size:1.5em;">Guide d'utilisation</span></a></div>



        </div>
    </div>
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header">
                <h5 class="m-0" style="text-align: center;font-size:1.5em;font-weight:bold;">Nouveautés</h5>
            </div>

            <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 class="card card-primary card-outline">
            <div class="card-header">
                <h5 class="m-0" style="text-align: center;font-size:1.5em;font-weight:bold;">Mot du président</h5>
            </div>
            <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>

</div>
@endrole
@role('chef-filiere')
<div> @include('chefTableau')</div>



@endrole




@endsection