@extends('portal.includes.layout')

@section('content')

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

<div class="container container-up">
        <div class="row">
            <div class="col-xs-12"><img class="img-responsive center-block" src="/img/cabeceras/students.png" alt=""></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') }}">{{ trans('generales.profesores') }}</a></li>
                    <li><a href="{{ route('students-courses') }}" class="active">{{ 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 col-sm-12 text-center">
                    <p><span class="texto-10 gris-4">{{ trans('static.be_teacher_1') }}</span></p>
                    <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">{!! trans('static.be_teacher_2') !!}</div>
                    </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <div class="row content-1">
                    <div class="col-xs-12 col-md-2 text-center">
                        <br>
                        <a href="{{ route('course_detail', ['id' => $course->id]) }}"><img src="{{ env('RESOURCES_URI') . 'cursos/cursos/' .  $course->img_curso }}" class="img-responsive center-block" alt=""></a>
                    </div>
                    <div class="col-xs-12 col-md-10">

                        <br>
                        <!-- HEADER -->
                        <div class="row table-header-1 hidden-xs hidden-sm">
                            <div class="col-xs-12 col-md-1">
                                <span class="texto-11 gris-4">{{ trans('generales.profesor') }}</span>
                            </div>
                            <div class="col-xs-6 col-md-3 text-center">
                                <span class="texto-11 gris-4">{{ trans('generales.dates') }}</span>
                            </div>
                            <div class="col-xs-6 col-md-2 text-center">
                                <span class="texto-11 gris-4">{{ trans('generales.sessions') }}</span>
                            </div>
                            <div class="col-xs-6 col-md-1 text-center">
                                <span class="texto-11 gris-4">{{ trans('generales.language') }}</span>
                            </div>
                            <div class="col-xs-6 col-md-1 text-center">
                                <span class="texto-11 gris-4">{{ trans('generales.status') }}</span>
                            </div>
                            <div class="col-xs-6 col-md-2 text-center">
                                <span class="texto-11 gris-4">{{ trans('generales.price') }}</span>
                            </div>
                            <div class="col-xs-6 col-md-2 text-center">
                                <span class="texto-11 gris-4"></span>
                            </div>
                        </div>
                        <!-- ROWS OF CONTENT -->
                        @foreach ($course->planificaciones as $item)
                        @if($item->id_estado_planificacion != 6 && $item->id_estado_planificacion != 7)
                        <!-- ROW -->
                        <div class="row table-row-1">
                            <div class="col-xs-12 col-md-1">

                                    
                                                 @foreach ($item->profesores as $profesor)

                                                    @if($profesor->id_estado_peticion == '2')

                                                                                                            @endif

                                                @endforeach

                                                @if($profesor_activo != '')

                                                    <a href="{{ route('trainer_detail',['id' => $profesor_activo->id_profesor]) }}">
                                                        <img src="{{ env('RESOURCES_URI') . 'profesores/profesores/' .  $profesor_activo->img_profesor }}" class="img-teacher-thumb" alt="">
                                                    </a>
                                                @else
                                                    <span class="icons-no-teacher" title="{{ trans('generales.pending') }}"></span>
                                                @endif

                            </div>
                            <div class="col-xs-6 col-md-3 text-center">
                                <span class="hidden-md hidden-lg"><br>{{ trans('generales.dates') }}:<br></span>
                                <span class="texto-12 gris-2">
                                    <strong>
                                    {{ date('d/m/Y', strtotime($item->fecha_inicio)) }}<br>{{ date('d/m/Y', strtotime($item->fecha_fin)) }}
                                    <br>
                                    <span class="text-uppercase">
                                                                        </span>
                                    <br>
                                    @if(!empty($item->sesiones[0]))
                                        {{ date('H:i', strtotime($item->sesiones[0]->hora_inicio)) }} - {{ date('H:i', strtotime($item->sesiones[0]->hora_fin)) }}
                                    @endif
                                    </strong>
                                </span>
                            </div>
                            <div class="col-xs-6 col-md-2 text-center">
                                <span class="hidden-md hidden-lg"><br>{{ trans('generales.sessions') }}:<br></span>
                                <a href="javascript:void(0);" data-toggle="modal" data-target="#sesion-modal" data-huso="{{ isset($item->huso_horario) ? $item->huso_horario : '' }}"><span class="icons-calendar"></span></a>
                                <div class="sesiones hide">
                                    @foreach ($item->sesiones as $sesion)
                                    <div class="row table-row-2">
                                        <div class="col-xs-12 col-sm-4">
                                            <span class="texto-12 gris-2">
                                                {{ date('d/m/Y', strtotime($sesion->fecha_sesion)) }}
                                            </span>
                                        </div>
                                        <div class="col-xs-12 col-sm-4">
                                            <span class="texto-12 gris-2">
                                                {{ $sesion->hora_inicio }}
                                            </span>
                                        </div>
                                        <div class="col-xs-12 col-sm-4">
                                            <span class="texto-12 gris-2">
                                                {{ $sesion->hora_fin }}
                                            </span>
                                        </div>
                                    </div>
                                    <br>
                                    @endforeach
                                </div>
                            </div>
                            <div class="col-xs-6 col-md-1 text-center">
                                <span class="hidden-md hidden-lg"><br>{{ trans('generales.language') }}:<br></span>
                                                                <span class="icons-flag-{{ $lang }}"></span>
                            </div>
                            <div class="col-xs-6 col-md-1 text-center">
                                <span class="hidden-md hidden-lg"><br>{{ trans('generales.status') }}:<br></span>
                                                                <span class="icons-{{ $status }}" style="font-size: 40px;" title="{{ $item->descripcion_estado_planificacion }}"></span>
                            </div>
                            <div class="col-xs-6 col-md-2 text-center">
                                    <span class="texto-11 gris-2">
                                    <strong>
                                        {{ $item->precio }} {{ $item->titulo_moneda }}
                                    </strong>
                                    </span>
                                    <br>
                                    @if($item->descuento > 0)
                                        <span class="granate"><strong>{{ trans('generales.discount') }}<br>{{ $item->descuento }}%</strong></span>
                                    @endif

                            </div>
                            <div class="col-xs-6 col-md-2 text-right">
                                <span class="hidden-md hidden-lg"><br><br></span>
                                @if($item->id_estado_planificacion == 2)

                                    @if($auth->isLogged())
                                        <span class="texto-11 gris-4"><a href="{{ route('payment-create', ['id_planificacion' => $item->id]) }}" class="bot-2 text-center pull-right sell-courses" title="{{ trans('static.be_student') }}">{{ trans('static.be_student') }}</a></span>
                                    @else
                                        <span class="texto-11 gris-4"><a href="javascript:void(0);" data-toggle="modal" data-target="#login-modal" class="bot-2 text-center pull-right sell-courses"  title="{{ trans('static.be_student') }}" data-action="buy-course">{{ trans('static.be_student') }}</a></span>
                                    @endif

                                @elseif($item->id_estado_planificacion == 1 && $profesor_activo == '')

                                    @if($auth->isLogged())
                                        <form action="{{ route('apply-planning', ['id_planning' => $item->id]) }}" method="post">
                                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                <input type="hidden" name="id_planificacion" value="{{ $item->id }}">
                                                <input type="hidden" name="id_course" value="{{ $course->id }}">
                                                <span class="texto-11 gris-4 pull-right"><button type="submit" class="bot-2 text-center pull-right">{{ trans('static.be_teacher_0') }}</submit></span>
                                        </form>
                                    @else
                                        <span class="texto-11 gris-4 pull-right"><a href="javascript:void(0);" data-toggle="modal" data-target="#login-modal" class="bot-2 text-center pull-right" title="" data-action="apply-teacher">{{ trans('static.be_teacher_0') }}</a></span>
                                    @endif
                                @endif
                            </div>
                        </div>
                        <!-- /ROW -->
                        @endif
                        @endforeach

                    </div>
                </div>
            </div>
        </div>.
        <div class="row">
            <div class="col-xs-12">
                <br>
                <div class="col-xs-12 text-center">
                <span class="texto-10 gris-4">{!! trans('static.be_teacher_3') !!}:<a href="mailto:info@pmpeople.org?subject={{ trans('generales.subject_sugestion_planning') }}"> info@pmpeople.org</a></span>
              </div>
                <br>
                <a href="javascript: history.back();" class="bot-back">{{ trans('generales.back') }}</a>
            </div>
        </div>
    </div>

    <div class="modal fade" id="sesion-modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close hide" data-dismiss="modal" aria-label="{{ trans('generales.close') }}"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title"><span class="icons-logo-sm"></span> {{ trans('generales.sessions') }}
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <div class="row wrap_huso hide">
                            <div class="col-xs-12">
                                <span class="texto-12 gris-2">
                                    {{ trans('generales.timezone') }}
                                    <span class="zona_horaria"></span>
                                </span>
                                <br><br>
                            </div>
                        </div>
                        <div class="row">
                                        <div class="col-xs-12 col-sm-4">
                                            <span class="texto-12 gris-2">
                                                <strong>{{ trans('generales.session_date') }}</strong>
                                                <br><br>
                                            </span>
                                        </div>
                                        <div class="col-xs-12 col-sm-4">
                                            <span class="texto-12 gris-2">
                                                <strong>{{ trans('generales.start_time') }}</strong>
                                                <br><br>
                                            </span>
                                        </div>
                                        <div class="col-xs-12 col-sm-4">
                                            <span class="texto-12 gris-2">
                                                <strong>{{ trans('generales.end_time') }}</strong>
                                                <br><br>
                                            </span>
                                        </div>
                        </div>
                        <div class="sesiones-wrapper"></div>
                    </div>

                </div>
                 <div class="modal-footer">
                    <button type="button" class="bot-2 pull-right" data-dismiss="modal">{{ trans('generales.close') }}</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <script>
    $(function() {

        $('#sesion-modal').on('show.bs.modal', function (e) {
            $(this).find('.sesiones-wrapper').html($(e.relatedTarget).next().html());
            var huso = $(e.relatedTarget).attr('data-huso');
            $(this).find('.zona_horaria').html(huso);
            if(huso != '')
            {
                $('.wrap_huso').removeClass('hide');
            }
        });
    });
$(document).ready(function(){  $("sell-courses").click(function(){    alert("The paragraph was clicked.");  });});
    </script>

@stop