@extends('layouts.backend')
@section('content')
<div id="body_capacitador">
    <div class="row">
        <div class="col-lg-10"></div>
        <div class="col-lg-2 text-right">
            <a onclick="$.open_ventana(this,'ventana_add_capacitador','body_capacitador')" data-toggle="tooltip" 
               data-placement="top" title="Agregar Capacitador" 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($capacitador_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_pr{{$pr->id}}">{{$pr->nombre}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{$pr->email}}</span>
                    <span class="op_pregunta">                        
                        <a onclick="$.open_ventana(this,'ventana_upd_capacitador{{$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_capacitador(this,'{{$pr->id}}','div_pr{{$pr->id}}','{{route('capacitador.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 scroll" id="tbody{{$pr->id}}">                    
                    <table class="table table-hover">                                                        
                        <thead>
                            <tr>
                                <th>Alumno</th>
                                <th>Puntaje</th>
                            </tr>
                        </thead>
                        <tbody id=""> 
                            @foreach($pr->evaluaciones as $a)
                            <tr class="no-b @if($a->correcta=='S') green accent-1 @endif" id="tr_upd_alt{{$a->id}}">                                
                                <td class="w-50">
                                    {{$a->alumno->nombres_apellidos}}
                                </td>                                
                                <td class="w-30 card-text">
                                    {{$a->puntaje}}
                                </td>
                                <td class="w-20" id="created_at_alt{{$a->id}}">
                                    {{ \FormatTime::LongTimeFilter($a->created_at) }}
                                </td>                                
                            </tr>
                            @endforeach
                        </tbody>                                                        
                    </table>                                        
                </div>
            </div>
            <div  id="ventana_upd_capacitador{{$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_capacitador{{$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 Capacitador  </h2>
                            @include('includes.modal_upd_capacitador', array('pr' => $pr))
                        </div>
                        <div class="modal-footer">
                            <button onclick="$.fn_ajax_post_actualizar_capacitador(this,'{{route('capacitador.update')}}','frm_update_capacitador{{$pr->id}}','card_pr{{$pr->id}}','{{$pr->id}}','ventana_upd_capacitador{{$pr->id}}','card_pr{{$pr->id}}')" type="button" class="btn btn-success" >Grabar</button>
                            <button type="button" class="btn btn-secondary" onclick="$.close_ventana(this,'ventana_upd_capacitador{{$pr->id}}','card_pr{{$pr->id}}')">Close</button>
                        </div>
                    </div>
                </div>
            </div>                        
        </div>

    @endforeach
    </div>
</div>                                        

<div  id="ventana_add_capacitador" 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_capacitador','body_capacitador')" 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 capacitador </h2>
                @include('includes.modal_add_capacitador_new')
            </div>
            <div class="modal-footer">
                <button onclick="$.fn_ajax_post_agregar_capacitador(this,'{{route('capacitador.grabar')}}','frm_add_capacitador','row_pr','ventana_add_capacitador','body_capacitador')" type="button" class="btn btn-success" >Grabar</button>
                <button type="button" class="btn btn-secondary" onclick="$.close_ventana(this,'ventana_add_capacitador','body_capacitador')">Close</button>
            </div>
        </div>
    </div>
</div>
{{$capacitador_p->links()}}
@endsection