@extends('layout')
@section('content')

    <main id="page-instructor" class="page-content bg-shape3 bg-color4">

        <!-- Inner Banner -->
        <div class="inner-banner bg-shape3 bg-color4">
            <div class="d-table">
                <div class="d-table-cell pt-50">
                    <div class="container">
                        <div class="inner-title text-center">
                            <h3>Les formations</h3>
                            <p class="text-white">
                                The introduced now, the they expect,animals the desk, and catch temple.
                                More seven my couldn't it the character using recommended.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Inner Banner End -->
        <!-- Instructor All -->

        <section class="instructor-all pt-100 pb-70">
            <div class="container">

                <div class="row">
                    @foreach($formations as $formationSlug => $formation)
                        <div class="col-lg-3 col-sm-6">
                            <div class="trainer-card">
                                <a href="{{route('formation', ['formation' => $formationSlug])}}">
                                    @if(!empty($formation['picture']))
                                        <img src="{{$formation['picture']}}" alt="{{$formation['name']}}">
                                    @else
                                        <img src="/img/trainers/2.jpg" alt="{{$formation['name']}}">
                                    @endif
                                </a>
                                <div class="trainer-content">

                                    <h3><a href="{{route('formation', ['formation' => $formationSlug])}}">{{$formation['name']}}</a></h3>

                                </div>
                            </div>
                        </div>
                    @endforeach



                </div>
            </div>
        </section>
        <!-- Instructor All End -->
@stop