@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>Nos encadrants</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($instructors as $instructor)
                    <div class="col-lg-3 col-sm-6">
                        <div class="trainer-card">
                            <a href="instructor.html">
                                @if($instructor['picture'])
                                    <img src="{{$instructor['picture']}}" alt="{{$instructor['name']}} {{$instructor['lastname']}}">
                                @else
                                    <img src="/img/trainers/2.jpg" alt="{{$instructor['name']}} {{$instructor['lastname']}}">
                                @endif
                            </a>
                            <div class="trainer-content">
                                <a href="instructor.html">
                                    <h3>{{$instructor['name']}} {{$instructor['lastname']}}</h3>
                                </a>
                                <span>{{$instructor['level']}}</span>

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



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