@extends('layouts.backend')
@section('content')
<div class="text-left" id="div_m_f">
    <div class="row">
        <div class="col-lg-10"></div>
        <div class="col-lg-2 text-right">
            <a onclick="$.ver_clase(this,'{{route('clase.add')}}','','Modal_add_clase','modal-body_add_clase')" 
               data-toggle="tooltip" data-placement="top" title="Agregar Tema"  
               class="btn-fab btn-fab-sm fab-right-bottom green lighten-2 shadow1 pointer"> 
                <i class="icon icon-plus s-14"  ></i>
            </a>
            <p>&nbsp;</p>
        </div>
    </div>
    <div class=" w-100" id="div_c_add">
        <div class="row " id="body_clase_upd">            
            @foreach($clase_p as $c) 
            <div class="col-md-12 mb-2" id="div_c{{$c->id}}">        
                <div class="card no-b" id="card{{$c->id}}">
                    <div class="card-header white" id="card-header{{$c->id}}">
                        <div class="d-flex justify-content-between">
                            <div class="align-self-center">
                                <strong id="nombre_c{{$c->id}}">{{$c->nombre}} </strong>
                            </div>
                            <div class="align-self-end float-right">
                                <ul class="nav nav-tabs card-header-tabs nav-material" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active show" id="c2--tab1{{$c->id}}" data-toggle="tab" href="#c2-tab1{{$c->id}}" role="tab" aria-controls="tab1" aria-expanded="true" aria-selected="true" onclick="$.tab(this,'c2--tab2{{$c->id}}')">detalle</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="c2--tab2{{$c->id}}" data-toggle="tab" href="#c2-tab2{{$c->id}}" role="tab" aria-controls="tab2" aria-selected="false" onclick="$.tab(this,'c2--tab1{{$c->id}}')">Preguntas</a>
                                    </li>                            
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card-body no-p" id="card-body{{$c->id}}">
                        <div class="tab-content" id="v-pills-tabContent1_c{{$c->id}}">
                            <div class="tab-pane fade show active" id="c2-tab1{{$c->id}}" role="tabpanel" aria-labelledby="c2-tab1{{$c->id}}">
                                <div class="table-responsive" >
                                    <table class="table earning-box">
                                        <tbody>
                                            <tr class="no-b">                                                
                                                <td class="w-70">
                                                    <h6>Descripción</h6>
                                                    <small class="text-muted" id="descripcion_c{{$c->id}}">{{$c->descripcion}}</small>
                                                </td>
                                                
                                                <td class="w-10" id="created_at_c{{$c->id}}">{{ \FormatTime::LongTimeFilter($c->created_at) }}</td>
                                                <td class="w-20 text-right">
                                                    <a onclick="$.open_ventana(this,'ventana_upd_clase{{$c->id}}','card{{$c->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_clase(this,'{{$c->id}}','div_c{{$c->id}}','{{route('clase.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>
                                                </td>
                                            </tr>                                    
                                        </tbody>
                                    </table>
                                </div>
                                
                            </div>
                            <div class="tab-pane fade text-center " id="c2-tab2{{$c->id}}" role="tabpanel" aria-labelledby="c2-tab2{{$c->id}}">
                                
                                 
                                <div id="body_pregunta{{$c->id}}" class="pl-3 pr-3">
                                    <div class="row">
                                        <div class="col-lg-10"></div>
                                        <div class="col-lg-2 text-right">
                                            <a onclick="$.open_ventana(this,'ventana_add_pregunta{{$c->id}}','body_pregunta{{$c->id}}')" data-toggle="tooltip" 
                                               data-placement="top" title="Agregar Pregunta" 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="div_p_add{{$c->id}}">
                                        @foreach($c->preguntas as $pr)                                    
                                        <div class="col-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}}</span>
                                                    <span class="op_pregunta">
                                                        <a onclick="$.fn_ajax_add_alternativa(this,'{{route('alternativa.add')}}','{{$pr->id}}','ventana_add_alternativa{{$pr->id}}','card_pr{{$pr->id}}')" 
                                                           data-toggle="tooltip" 
                                                            data-placement="top" title="Agregar alternativa" 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-square s-14"  ></i>
                                                        </a>
                                                        <a onclick="$.open_ventana(this,'ventana_upd_pregunta{{$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_pregunta(this,'{{$pr->id}}','div_pr{{$pr->id}}','{{route('pregunta.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}}">
                                                    @foreach($pr->alternativas as $a)
                                                    <table class="table ">                                                        
                                                        <tbody id="">                                                            
                                                            <tr class="no-b @if($a->correcta=='S') green accent-1 @endif" id="tr_upd_alt{{$a->id}}">
                                                                
                                                                <td class="w-40 card-text">
                                                                    <h6 id="nombre_alt{{$a->id}}">{{$a->nombre}}</h6>                                                        
                                                                </td>
                                                                <td class="w-40" id="created_at_alt{{$a->id}}">{{ \FormatTime::LongTimeFilter($a->created_at) }}</td>
                                                                <td class="w-20">
                                                                    <a onclick="$.open_ventana(this,'ventana_upd_alternativa{{$a->id}}','tr_upd_alt{{$a->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_alternativa(this,'{{$a->id}}','tr_upd_alt{{$a->id}}','{{route('alternativa.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>
                                                                    
                                                                </td>
                                                                
                                                            </tr>                                                                                                                                                                                                                                                
                                                        </tbody>                                                        
                                                    </table>
                                                    <div  id="ventana_upd_alternativa{{$a->id}}" style="display: none;">
                                                        <div class="modal-dialog modal-lg" role="document">
                                                            <div class="modal-content" id="modal-content{{$a->id}}">                                                                    
                                                                <button type="button" onclick="$.close_ventana(this,'ventana_upd_alternativa{{$a->id}}','tr_upd_alt{{$a->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-header"><h2 class="s-18">Modificar alternativa  </h2></div>
                                                                <div class="modal-body text-left" id="modal-body">
                                                                    

                                                                        @include('includes.modal_upd_alternativa', array('a' => $a))

                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button onclick="$.fn_ajax_post_actualizar_alternativa(this,'{{route('alternativa.update')}}','frm_upd_alternativa{{$a->id}}','tr_upd_alt{{$a->id}}','{{$a->id}}','ventana_upd_alternativa{{$a->id}}','tr_upd_alt{{$a->id}}','{{ url('/') }}/image/')" type="button" class="btn btn-success" >Grabar</button>
                                                                    <button type="button" class="btn btn-secondary" onclick="$.close_ventana(this,'ventana_upd_alternativa{{$a->id}}','tr_upd_alt{{$a->id}}')">Close</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                            <div  id="ventana_upd_pregunta{{$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_pregunta{{$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 pregunta  </h2>
                                                            @include('includes.modal_upd_pregunta', array('pr' => $pr))
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button onclick="$.fn_ajax_post_actualizar_pregunta(this,'{{route('pregunta.update')}}','frm_update_pregunta{{$pr->id}}','card_pr{{$pr->id}}','{{$pr->id}}','ventana_upd_pregunta{{$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_pregunta{{$pr->id}}','card_pr{{$pr->id}}')">Close</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div  id="ventana_add_alternativa{{$pr->id}}" style="display: none;"></div>
                                        </div>
                                        
                                        @endforeach
                                        
                                    </div>
                                </div>
                                <div  id="ventana_add_pregunta{{$c->id}}" style="display: none;">
                                    <div class="modal-dialog modal-lg" role="document">
                                        <div class="modal-content" id="modal-content{{$c->id}}">                                                                    
                                            <button type="button" onclick="$.close_ventana(this,'ventana_add_pregunta{{$c->id}}','body_pregunta{{$c->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-24">Agregar pregunta </h2>
                                                @include('includes.modal_add_pregunta', array('c' => $c))
                                            </div>
                                            <div class="modal-footer">
                                                <button onclick="$.fn_ajax_post_agregar_pregunta(this,'{{route('pregunta.save')}}','frm_add_pregunta{{$c->id}}','div_p_add{{$c->id}}','ventana_add_pregunta{{$c->id}}','body_pregunta{{$c->id}}')" type="button" class="btn btn-success" >Grabar</button>
                                                <button type="button" class="btn btn-secondary" onclick="$.close_ventana(this,'ventana_add_pregunta{{$c->id}}','body_pregunta{{$c->id}}')">Close</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>                    
                        </div>
                    </div>
                </div>
                <div  id="ventana_upd_clase{{$c->id}}" style="display: none;">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content" id="modal-content{{$c->id}}">                                                                    
                            <button type="button" onclick="$.close_ventana(this,'ventana_upd_clase{{$c->id}}','card{{$c->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-24">Modificar Clase </h2>
                                @include('includes.modal_update_clase', array('c' => $c))
                            </div>
                            <div class="modal-footer">
                                <button onclick="$.fn_ajax_post_actualizar_clase(this,'{{route('clase.update')}}','frm_update_clase{{$c->id}}','card{{$c->id}}','{{$c->id}}','ventana_upd_clase{{$c->id}}','card{{$c->id}}')" type="button" class="btn btn-success" >Actualizar</button>
                                <button type="button" class="btn btn-secondary" onclick="$.close_ventana(this,'ventana_upd_clase{{$c->id}}','card{{$c->id}}')">Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach            
        </div>
        
    </div>
</div>

<div class="modal fade bd-example-modal-lg" id="Modal_add_clase" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content" id="modal-content">
            
            <button type="button" class="btn-fab btn-fab-sm fab-right-bottom blue lighten-2 shadow1 close_modal" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true" class="s-24">&times;</span>
            </button>
            <div class="modal-body" id="modal-body_add_clase" style="min-height: 300px;">
                
                
                
            </div>
            <div class="modal-footer">
                <button onclick="$.fn_ajax_post_agregar_clase_modal(this,'{{route('clase.save')}}','frm_add_clase','body_clase_upd','Modal_add_clase')" type="button" class="btn btn-success" >
                    <i class="icon icon-save"></i> Guardar
                </button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal"> <i class="icon icon-close"></i> Close</button>
            </div>
        </div>
    </div>
</div>
{{$clase_p->links()}}
@endsection