@extends('academia.layouts.dashboard')

@section('content')


<div class="container-fluid principal">
    <div class="row">
        <div class="col-12">
            
            
            <div class="col-md-12">
                <div class="row">
                    
                    <div class="col-md-9 col-12">
                        <div class="form-group">
                    
                            @if($informacion->url != null)
                               <iframe class="vimeo-player" src="{{ $informacion->url }}" width="100%" height="630px" frameborder="0" allowfullscreen></iframe>
                            @endif
           
                        </div>
                    </div>  
                    
                    <div class="col-md-3 col-12">
                        <div class="card">
                            <div class="card-body" style="height: 500px; overflow-y: auto; overflow-x: hidden;">
                            
                            <div id="accordion">
                            
                                <h4> Lista de Lecciones </h4>   
                            
                                @foreach($lecciones as $lecc)
                                    <div class="card">
                                        <a href="{{ route('academia-eventos-index', ['slug' => $curso->slug, 'ordenevent' => $lecc->id]) }}">
                                            <div class="list-group-item list-group-item-info" style="@if($lecc->id <= $informacion->id) background-color: #0093f8; @endif">
                                                  <h4 style="@if($lecc->id <= $informacion->id) color: #fff; @else color: #000; @endif">{{ $lecc->title }}</h4>
                                            </div>
                                        </a>
                                    </div>
                                @endforeach
                                
                            </div>
                            
                            </div>    
                        </div>
                    </div> 
                    
                    
                    <div class="col-md-12">
                       <div class="row">
                           
                            <div class="col-md-4 col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                            <a class="nav-link active text-dark" id="v-pills-descripcion-tab" data-toggle="pill" href="#v-pills-descripcion" role="tab" aria-controls="v-pills-descripcion" aria-selected="true">Descripción</a>
                                            <a class="nav-link text-dark" id="v-pills-recursos-tab" data-toggle="pill" href="#v-pills-recursos" role="tab" aria-controls="v-pills-recursos" aria-selected="false">Recursos</a>
                                            <a class="nav-link text-dark" id="v-pills-comentarios-tab" data-toggle="pill" href="#v-pills-comentarios" role="tab" aria-controls="v-pills-comentarios" aria-selected="false">Comentarios</a>
                                        
                                            @if($eventos->porcentaje >= 100 && $evaluacion->count() > 0 && $pruebas == null)
                                            <a class="nav-link text-dark" href="{{ route('academia-evaluacion-presentar', ['id' => $eventos->idcourse]) }}">Realizar Examen</a>
                                            @elseif($eventos->porcentaje >= 100 && $evaluacion->count() > 0 && $pruebas != null)
                                              @if($pruebas->calificacion < 60)
                                              <a class="nav-link text-dark" href="{{ route('academia-evaluacion-presentar', ['id' => $eventos->idcourse]) }}">Realizar Examen</a>
                                              @endif
                                            @endif
                                        
                                        
                                            @if($eventos->porcentaje >= 100 && $pruebas != null)
                                              @if($pruebas->calificacion >= 60)
                                                <a class="nav-link text-dark" href="{{ route('academia-certificado-index', ['id' => $eventos->idcourse]) }}">Certificado</a>
                                              @endif    
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-md-8 col-12">
                                <div class="card">
                                    <div class="card-body">
                                    
                                        <div class="tab-content" id="v-pills-tabContent">
                                            <div class="tab-pane fade show active" id="v-pills-descripcion" role="tabpanel" aria-labelledby="v-pills-descripcion-tab">
                                                @include('academia.eventos.recurso.descripcion')
                                            </div>
                                            <div class="tab-pane fade" id="v-pills-recursos" role="tabpanel" aria-labelledby="v-pills-recursos-tab">
                                                @include('academia.eventos.recurso.recursos')
                                            </div>
                                            <div class="tab-pane fade" id="v-pills-comentarios" role="tabpanel" aria-labelledby="v-pills-comentarios-tab">
                                                @include('academia.eventos.recurso.comentarios')
                                            </div>
                                        </div>
                                    
                                    </div>
                                </div>    
                            </div>
                        
                       </div>
                    </div>
                    
                </div>
            </div>
                    
        </div>
    </div>
</div>


@endsection