@extends('admin.layouts.app')

@section('content')
<section id='admin'>
    <div class='box'>
        <div class="box-content">
            <div class='box-title'>
                <a href="{{ route('admin.index') }}">
                    <div class='box-back'>
                        <i class="fa fa-chevron-left"></i>
                    </div>
                </a>
                <p><a href='{{ route('admin.index') }}'>Administración</a> > <b>Instructores</b></p>
            </div>
            @if ( session('msg') )
                <div class="alert alert-success">
                    {{ session('msg') }}
                    <i onClick="remove(this)" id='alert-close' class="fa fa-times"></i>
                </div>
            @endif

            <div class="box-instructors">
                @if(count($instructors) > 0)
                    @foreach($instructors as $instructor) 
                        <div class="box-instructor">
                            <a href="{!! route('admin.instructors.show', $instructor->id ) !!}">
                                <div class="box-instructor-content">
                                    @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 class="card-text">
                                        {{ $instructor->name }}
                                    </p>
                                </div>
                            </a>
                        </div>
                    @endforeach         
                @endif         
            </div>
            @if(count($instructors) == 0)
                <p>No hay instructores registrados</p>
            @endif
        </div>
        <div class='box-actions'>
            <a href="{{ route('admin.instructors.create') }}">
                <button class='btn btn-primary'>
                    <i class="fas fa-plus"></i>
                    <span>Agregar instructor</span>
                </button>
            </a>
        </div>
    </div>
</section>
@endsection