@extends('portal.includes.layout')

@section('title', trans('project_pages.trainers_title'))
@section('description', trans('project_pages.trainers_description'))

@section('content')

@inject('auth', 'App\Http\Controllers\Portal\AuthController')

    <div class="container">
        <div class="row">
            <div class="col-xs-12"><img class="img-responsive center-block" src="/img/cabeceras/trainers.png" alt="Profesores de Dirección de Proyectos">
            </div>
        </div>
    </div>
    <br/>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 text-center">
                <ul class="list-unstyled list-inline list-nav-sec text-uppercase">
                    <li><a href="{{ route('trainers_list') }}" class="active">{{ trans('generales.profesores') }}</a></li>
                    <li><a href="{{ route('students-courses') }}">{{ trans('generales.alumnos') }}</a></li>
                    <li><a href="{{ route('q-and-a') }}">{{ trans('generales.faq') }}</a></li>
                    <li><a href="{{ route('resources') }}">{{ trans('generales.resources') }}</a></li>
                </ul>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
            <h1 class="granate texto-8">{!!  trans("project_pages.trainers_text_0")  !!}</h1>
                <br><br>
                <p>
                    {!!  trans("project_pages.trainers_text")  !!}
                </p>
                <br><br>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12 col-sm-12 text-center">

                    @if($auth->isLogged())

                    <h2><p><span class="texto-10 gris-4">{!!  trans("project_pages.students_text_4")  !!}</span></p></h2>
                    <div class="text-center texto-5">
                        <div style="display: inline-block;"><img src="/img/icons/no-teacher.png" alt=""></div>
                        <div style="display: inline-block;margin-left: 20px; margin-bottom:-20px;" class="text-left"><a href="{{ route('show-register-teacher') }}">{!!  trans("project_pages.students_text_3")  !!}</a></div>
                    </div>
                    
                    @else

                    <h2><p><span class="texto-10 gris-4">{!!  trans("project_pages.students_text_4")  !!}</span></p></h2>
                    <div class="text-center texto-5">
                        <div style="display: inline-block;"><img src="/img/icons/no-teacher.png" alt=""></div>
                        <div style="display: inline-block;margin-left: 20px; margin-bottom:-20px;" class="text-left"><a href="javascript:void(0);" data-toggle="modal" data-target="#login-modal">{!!  trans("project_pages.students_text_5")  !!}</a></div>
                    </div>

                    @endif

            </div>
        </div>

        <div class="row margin-top-40">
            @foreach ($trainers as $trainer)
             {{-- Sacamos solo los profesores que han sido aceptados --}}
                @if($trainer->id_estado_peticion == "2")

                    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 no-gap-btwn-cols text-center">
                        <div class="over-course teacher-module" data-name="{{ $trainer->usuario_nombre }} {{ $trainer->usuario_apellido_1 }} {{ $trainer->usuario_apellido_2 }}" 
                            data-image="@if(!empty($trainer->img_profesor)){{ env('RESOURCES_URI') . 'profesores/profesores/' .  $trainer->img_profesor }}@endif" data-link="{{ route('trainer_detail', ['id' => $trainer->id_usuario]) }}">
                                <dl>
                                    <dt class="rosa-1 dt-pad-top">
                                        
                                            @if(!empty($trainer->img_profesor))
                                            <div class="profile-pic center-block default-image">
                                            <img src="{{ env('RESOURCES_URI') . 'profesores/profesores/' .  $trainer->img_profesor }}" class="img-responsive" alt="">
                                            </div>
                                            @else
                                            <div class="profile-pic center-block default-image" style="border: none;"></div>
                                            @endif
                                        
                                        <p>{{ $trainer->usuario_nombre }} {{ $trainer->usuario_apellido_1 }} {{ $trainer->usuario_apellido_2 }}</p>
                                    </dt>
                                    <dd>
                                        <p>
                                            <input id="input-2b" class="rating" type="number"
                                                    data-min="0" data-max="4" data-step="0.5"
                                                    data-stars="4" data-show-clear="false" data-disabled="true" data-show-caption="false" 
                                                    data-size="sm"
                                                    value="{{ $trainer->valoracion }}">