@extends('layouts.app')

@section('content')

<section id='nosotros'>
    <div class='container'>
        <div class='box'>
            <div class="box-content">
                <div class="nosotros-image">
                    <img src='img/logo2.png'>
                </div>
                <div class="nosotros-text">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum cursus eros, sit amet scelerisque arcu viverra eget. Aenean rhoncus quam ac imperdiet tincidunt. Phasellus fringilla dui erat, et volutpat arcu vestibulum a. Sed iaculis dapibus elit, et blandit elit cursus sed. Nulla enim dolor, varius viverra varius in, ultricies a odio. Etiam elit orci, laoreet ut nulla id, consectetur tempor lectus. Maecenas ultricies lorem non felis fermentum, ut maximus lorem suscipit. Sed convallis enim ut arcu sollicitudin scelerisque. Donec a libero in urna vehicula pellentesque a ut diam. Morbi mattis tincidunt arcu vitae molestie.</p>
                    <p>Donec vehicula finibus dolor a viverra. Proin vehicula ligula id malesuada vestibulum. Pellentesque venenatis felis feugiat, sagittis nulla sit amet, faucibus nisl. Curabitur ac rutrum turpis. Vivamus blandit pellentesque dictum. Donec tempor metus turpis, eget eleifend lacus commodo id. Fusce a ligula at erat malesuada consequat. Etiam vel sapien nisi. Cras leo libero, bibendum sed elit sit amet, volutpat posuere felis. Donec imperdiet dui ut sapien consequat, non auctor leo hendrerit.</p>
                </div>
                <div class="box-instructors">
                    @if(count($instructors) > 0)
                    @foreach($instructors as $instructor) 
                    <div class="item">
                        @if ($instructor->photo)
                            <img @if(!$instructor->enabled) class='image-disabled' @endif src="/storage/instructores/{{ $instructor->photo }}" alt="{{ $instructor->name }}">
                        @else 
                            <img @if(!$instructor->enabled) class='image-disabled' @endif src='/img/profile.png' alt='{{ $instructor->name }}'>
                        @endif
                        
                        <p>{{ $instructor->name }}</p>
                    </div>
                    @endforeach         
                    @endif         
                </div>
            </div>
        </div>
    </div>
</section>
    
@endsection