@extends('layouts.backend')
@section('content')
<div id="body_evaluacion">
    <div class="row">
        <div class="col-lg-10"></div>
        <div class="col-lg-2 text-right">
            <a onclick="$.open_ventana(this,'ventana_add_evaluacion','body_evaluacion')" data-toggle="tooltip" 
               data-placement="top" title="Agregar Evaluacion" style="margin: 5px 14px 5px 0px;" 
               class="btn-fab btn-fab-sm fab-right-bottom green lighten-2 shadow1 pointer"> 
                <i class="icon icon-plus s-14"  ></i>
            </a>                                            
        </div>
    </div>
    <div class="row" id="row_pr">
    @foreach($evaluacion_p as $pr)
        <div class="col-md-6" id="div_pr{{$pr->id}}">
            <div class="card border-info mb-3 " id="card_pr{{$pr->id}}">                                                
                <div class="card-header">
                    <span class="title_pregunta" id="nombre_ev{{$pr->id}}">
                        {{$pr->descripcion}} 
                    </span>
                    <span class="op_pregunta">                        
                        <a onclick="$.open_ventana(this,'ventana_add_tevaluacion{{$pr->id}}','card_pr{{$pr->id}}')" data-toggle="tooltip" 
                           data-placement="top" title="Agregar Tipo de Evaluación"  class="btn-fab btn-fab-sm fab-right-bottom green lighten-2 shadow1 pointer"> 
                            <i class="icon icon-class s-14"  ></i>
                        </a>
                        <a onclick="$.open_ventana(this,'ventana_add_horario{{$pr->id}}','card_pr{{$pr->id}}')" data-toggle="tooltip" 
                           data-placement="top" title="Agregar horario"  class="btn-fab btn-fab-sm fab-right-bottom green lighten-2 shadow1 pointer"> 
                            <i class="icon icon-clock-o s-14"  ></i>
                        </a>
                        <a onclick="$.open_ventana(this,'ventana_add_expositor{{$pr->id}}','card_pr{{$pr->id}}')" data-toggle="tooltip" 
                           data-placement="top" title="Agregar expositor"  class="btn-fab btn-fab-sm fab-right-bottom green lighten-2 shadow1 pointer"> 
                            <i class="icon icon-person_add s-14"  ></i>
                        </a>
                        <a onclick="$.open_ventana(this,'ventana_upd_evaluacion{{$pr->id}}','card_pr{{$pr->id}}')" data-toggle="tooltip" 
                           data-placement="top" title="Modificar"  class="btn-fab btn-fab-sm fab-right-bottom green lighten-2 shadow1 pointer"> 
                            <i class="icon icon-edit s-14"  ></i>
                        </a>
                        <a onclick="$.eliminar_evaluacion(this,'{{$pr->id}}','div_pr{{$pr->id}}','{{route('evaluacion.eliminar')}}')" data-toggle="tooltip" 
                           data-placement="top" title="Eliminar"  class="btn-fab btn-fab-sm fab-right-bottom red lighten-2 shadow1 pointer"> 
                            <i class="icon icon-trash-o s-14"  ></i>
                        </a>
                    </span>
                </div>
                <div class="card-body text-info " id="tbody{{$pr->id}}"> 
                    <div class="table-responsive">                                            
                        <table class="table ">
                            <tbody>
                                <tr>
                                    <td class="w-10"><h6><b>Curso:</b></h6></td>
                                    <td class="w-50">{{$pr->tema->modulo->curso->nombre}}</td>
                                    <td class="w-10"><h6><b>Registrado:</b></h6></td>
                                    <td class="w-30"> <span id="created_at_ev_l{{$pr->id}}"> {{ \FormatTime::LongTimeFilter($pr->updated_at) }} </span></td>
                                </tr>
                                <tr>
                                    <td class="w-10"><h6><b>Modulo:</b></h6></td>
                                    <td class="w-90" colspan="3">{{$pr->tema->modulo->nombre}}</td>
                                </tr>
                                <tr>
                                    <td class="w-10"><h6><b>Tema:</b></h6></td>
                                    <td class="w-90">{{$pr->tema->nombre}}</td>                               
                                    <td class="w-10"><h6><b>Ver Inscripción:</b></h6></td>
                                    <td class="w-30" >
                                        <span id="ver_inscripcion_l{{$pr->id}}">
                                            @if($pr->ver_inscripcion==1) si @else no @endif
                                        </span>                                        
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-10"><h6><b>Url:</b></h6></td>
                                    <td class="w-90" >
                                        <a id="desc_l{{$pr->id}}" target="_blank"
                                            href="{{route('encuesta',['id_curso'=>$pr->tema->modulo->curso->id,'id_modulo'=>$pr->tema->modulo->id,'id_tema'=>$pr->tema->id,'id_evaluacion'=>$pr->id])}}">
                                            {{$pr->descripcion}} 
                                        </a>
                                    </td>
                                    <td class="w-10"><h6><b>Tipo Evento:</b></h6></td>
                                    <td class="w-30" >
                                        <span id="tipo_evento_l{{$pr->id}}">
                                            {{$pr->tevento->nombre}}
                                        </span>                                        
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="4">
                                        <div class="sec blue lighten-5 p-2">
                                            <h4 class="mb-2">Expositores:</h4>
                                            <div id="rs_expo{{$pr->id}}">                                            
                                                <div class="col-12" id="ul_expo{{$pr->id}}" style="max-height: 100px; overflow-y: auto;">
                                                    @foreach($pr->expositores as $e)
                                                    <div class="row" id="div_ex{{$e->id}}">
                                                        <div class="col-5">
                                                            <h6>Nombre</h6>
                                                            {{$e->nombre}}
                                                        </div>
                                                        <div class="col-5">
                                                            <h6>Cargo</h6>
                                                            {{$e->cargo}}
                                                        </div>
                                                        <div class="col-2">
                                                            <a onclick="$.eliminar_expositor(this,'{{$e->id}}','div_ex{{$e->id}}','{{route('evaluacion.eliminar_expositor')}}')" data-toggle="tooltip" 
                                                                data-placement="top" title="Eliminar"  class="btn-fab btn-fab-sm fab-right-bottom red lighten-2 shadow1 pointer"> 
                                                                 <i class="icon icon-trash-o s-14"  ></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>                                            
                                    </td>
                                </tr>                                
                                <tr>
                                    <td colspan="4">
                                        <div class="sec blue lighten-5 p-2">
                                            <h4 class="mb-2">Horarios:</h4>
                                            <div id="rs_hor{{$pr->id}}">                                            
                                                <div class="col-12" id="ul_hora{{$pr->id}}" style="max-height: 145px; overflow-y: auto;">
                                                    @foreach($pr->horarios as $h)
                                                    <div class="row" id="div_ho{{$h->id}}">
                                                        <div class="col-5">
                                                            <h6>Hora</h6>
                                                            {{$h->hora}}
                                                        </div>
                                                        <div class="col-5">
                                                            <h6>Pais</h6>
                                                            {{$h->pais->nombre }}
                                                        </div>
                                                        <div class="col-2">
                                                            <a onclick="$.eliminar_horario(this,'{{$h->id}}','div_ho{{$h->id}}','{{route('evaluacion.eliminar_horario')}}')" data-toggle="tooltip" 
                                                                data-placement="top" title="Eliminar"  class="btn-fab btn-fab-sm fab-right-bottom red lighten-2 shadow1 pointer"> 
                                                                 <i class="icon icon-trash-o s-14"  ></i>
                                                             </a>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>                                            
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="4">
                                        <div class="sec blue lighten-5 p-2">
                                            <h4 class="mb-2">Tipos de evaluación:</h4>
                                            <div id="rs_teva{{$pr->id}}">                                            
                                                <div class="col-12" id="ul_tipo{{$pr->id}}" style="max-height: 300px; overflow-y: auto;">
                                                    @foreach($pr->tipos as $t)
                                                    @include('backend.evaluacion.includes.list_tipo_evaluacion')
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>                                            
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w-10" ><h6><b>Link de Encuesta:</b></h6></td>
                                    <td class="w-50" style="max-width: 100px;" >                                    
                                        <a id="link_encuesta_l{{$pr->id}}" target="_blank" href="{{$pr->link_encuesta}}">
                                            {{$pr->link_encuesta}} 
                                        </a>                                    
                                    </td>
                                    <td class="w-10"><h6><b>Fecha Evaluación:</b></h6></td>
                                    <td class="w-30" >
                                        <span id="fecha_evaluacion_l{{$pr->id}}">
                                            {{$pr->fecha_evaluacion}}
                                        </span>                                        
                                    </td>
                                </tr>                                
                            </tbody>
                        </table> 
                    </div>    
                </div>
            </div>
            <div  id="ventana_upd_evaluacionTipo{{$pr->id}}" style="display: none;">
                
            </div>
            <div  id="ventana_upd_evaluacion{{$pr->id}}" style="display: none;">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content" id="modal-content{{$pr->id}}">                                                                    
                        <button type="button" onclick="$.close_ventana(this,'ventana_upd_evaluacion{{$pr->id}}','card_pr{{$pr->id}}')" 
                                class="btn-fab btn-fab-sm fab-right-bottom blue lighten-2 shadow1 close_modal" >
                            <span aria-hidden="true" class="s-24">&times;</span>
                        </button>
                        <div class="modal-body text-left" id="modal-body">
                            <h2 class="s-18">Modificar Evaluación  </h2>
                            @include('includes.modal_upd_evaluacion', array('pr' => $pr, 'modulo'=>$modulo, 'tema'=> $tema))
                        </div>
                        <div class="modal-footer">
                            <button 
                            onclick="$.fn_ajax_post_actualizar_evaluacion(this,'{{route('evaluacion.update')}}'
                                ,'frm_update_evaluacion{{$pr->id}}'
                                ,'card_pr{{$pr->id}}'
                                ,'{{$pr->id}}'
                                ,'ventana_upd_evaluacion{{$pr->id}}'
                                ,'card_pr{{$pr->id}}'
                                ,'{{url('/')}}/images/')" 
                            type="button" class="btn btn-success" >Grabar</button>
                            <button type="button" class="btn btn-secondary" onclick="$.close_ventana(this,'ventana_upd_evaluacion{{$pr->id}}','card_pr{{$pr->id}}')">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            <div  id="ventana_add_expositor{{$pr->id}}" style="display: none;">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content" id="modal-content{{$pr->id}}">                                                                    
                        <button type="button" onclick="$.close_ventana(this,'ventana_add_expositor{{$pr->id}}','card_pr{{$pr->id}}')" 
                                class="btn-fab btn-fab-sm fab-right-bottom blue lighten-2 shadow1 close_modal" >
                            <span aria-hidden="true" class="s-24">&times;</span>
                        </button>
                        <div class="modal-body text-left" id="modal-body">
                            <h2 class="s-18">Agregar expositor</h2>
                            @include('includes.modal_add_expositor', array('pr' => $pr))
                        </div>
                        <div class="modal-footer">
                            <button 
                            onclick="$.fn_ajax_post_add_expositor(this
                                ,'{{route('evaluacion.save_expositor')}}'
                                ,'frm_add_evaluacion{{$pr->id}}'                                
                                ,'ventana_add_expositor{{$pr->id}}'
                                ,'card_pr{{$pr->id}}'
                                ,'rs_expo{{$pr->id}}')" 
                            type="button" class="btn btn-success" >Grabar</button>
                            <button type="button" class="btn btn-secondary" 
                                    onclick="$.close_ventana(this,'ventana_add_expositor{{$pr->id}}','card_pr{{$pr->id}}')">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            <div  id="ventana_add_horario{{$pr->id}}" style="display: none;">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content" id="modal-content{{$pr->id}}">                                                                    
                        <button type="button" onclick="$.close_ventana(this,'ventana_add_horario{{$pr->id}}','card_pr{{$pr->id}}')" 
                                class="btn-fab btn-fab-sm fab-right-bottom blue lighten-2 shadow1 close_modal" >
                            <span aria-hidden="true" class="s-24">&times;</span>
                        </button>
                        <div class="modal-body text-left" id="modal-body">
                            <h2 class="s-18">Agregar pais</h2>
                            @include('includes.modal_add_horario', array('pr' => $pr))
                        </div>
                        <div class="modal-footer">
                            <button 
                            onclick="$.fn_ajax_post_add_horario(this
                                ,'{{route('evaluacion.save_horario')}}'
                                ,'frm_add_horario{{$pr->id}}'                                
                                ,'ventana_add_horario{{$pr->id}}'
                                ,'card_pr{{$pr->id}}'
                                ,'rs_hor{{$pr->id}}')" 
                            type="button" class="btn btn-success" >Grabar</button>
                            <button type="button" class="btn btn-secondary" 
                                    onclick="$.close_ventana(this,'ventana_add_horario{{$pr->id}}','card_pr{{$pr->id}}')">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            <div  id="ventana_add_tevaluacion{{$pr->id}}" style="display: none;">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content" id="modal-content{{$pr->id}}">                                                                    
                        <button type="button" onclick="$.close_ventana(this,'ventana_add_tevaluacion{{$pr->id}}','card_pr{{$pr->id}}')" 
                                class="btn-fab btn-fab-sm fab-right-bottom blue lighten-2 shadow1 close_modal" >
                            <span aria-hidden="true" class="s-24">&times;</span>
                        </button>
                        <div class="modal-body text-left" id="modal-body">
                            <h2 class="s-18">Agregar Tipo de Evaluación</h2>
                            @include('includes.modal_add_tevaluacion', array('pr' => $pr))
                        </div>
                        <div class="modal-footer">
                            <button 
                            onclick="$.fn_ajax_post_add_evatipo(this
                                ,'{{route('evaluacion.save_tevaluacion')}}'
                                ,'frm_add_tevaluacion{{$pr->id}}'                                
                                ,'ventana_add_tevaluacion{{$pr->id}}'
                                ,'card_pr{{$pr->id}}'
                                ,'rs_teva{{$pr->id}}')" 
                            type="button" class="btn btn-success" >Grabar</button>
                            <button type="button" class="btn btn-secondary" 
                                    onclick="$.close_ventana(this,'ventana_add_tevaluacion{{$pr->id}}','card_pr{{$pr->id}}')">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
    </div>
</div>
<div  id="ventana_add_evaluacion" style="display: none;">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content" id="modal-content">                                                                    
            <button type="button" onclick="$.close_ventana(this,'ventana_add_evaluacion','body_evaluacion')" class="btn-fab btn-fab-sm fab-right-bottom blue lighten-2 shadow1 close_modal" >
                <span aria-hidden="true" class="s-24">&times;</span>
            </button>
            <div class="modal-body text-left" id="modal-body">
                <h2 class="s-24">Agregar evaluación </h2>
                @include('includes.modal_add_evaluacion_new')
            </div>
            <div class="modal-footer">
                <button onclick="$.fn_ajax_post_agregar_evaluacion(this,'{{route('evaluacion.grabar')}}','frm_add_evaluacion','row_pr','ventana_add_evaluacion','body_evaluacion')" type="button" class="btn btn-success" >Grabar</button>
                <button type="button" class="btn btn-secondary" onclick="$.close_ventana(this,'ventana_add_evaluacion','body_evaluacion')">Close</button>
            </div>
        </div>
    </div>
</div>


{{$evaluacion_p->links()}}
@endsection