@extends('layouts.backend')

@section('content')
<div class="row">
    <div class="col-lg-10"></div>
    <div class="col-lg-2 text-right">
        <a onclick="$.open_modal(this,'Modal_add_nivel')" data-toggle="tooltip" data-placement="top" 
           title="Agregar Curso"  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="row" id="div_n_add">  
    
    @foreach($nivel_p as $n)
    <div class="col-6 col-xl-4 mb-3" id="div_n{{$n->id}}">
        <div class="card no-b">
            <div class="card-header white">
                <div class="d-flex justify-content-between">
                    <div class="align-self-center">
                        <h5 id="nombre{{$n->id}}">{{$n->nombre}} </h5>
                    </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="w4--tab1{{$n->id}}" data-toggle="tab" href="#w4-tab1{{$n->id}}" role="tab" aria-controls="tab1" aria-expanded="true" aria-selected="true">Curso</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="w4--tab2{{$n->id}}" data-toggle="tab" href="#w4-tab2{{$n->id}}" role="tab" aria-controls="tab2" aria-selected="false">Modulos</a>
                            </li>                        
                        </ul>
                    </div>
                </div>
            </div>
            <div class="card-body no-p">
                <div class="tab-content">
                    <div class="tab-pane fade show active" id="w4-tab1{{$n->id}}" role="tabpanel" aria-labelledby="w4-tab1{{$n->id}}">
                        <div class="table-responsive">
                            
                                <table class="table earning-box">
                                    <tbody>
                                        <tr class="no-b" >                                            
                                            <td class="w-30 vertical-top">
                                                <h6><b>Código: </b></h6>
                                                <h6 id="tipo_contenido{{$n->id}}">{{$n->codigo}}</h6>
                                            </td>
                                            <td class="w-30 vertical-top">                                                
                                                <h6><b>Registrado: </b></h6>
                                                <h6 id="created_at{{$n->id}}">{{ \FormatTime::LongTimeFilter($n->updated_at) }}</h6>
                                            </td>                                                                                    
                                            <td class="w-20 vertical-top text-right">
                                                <a onclick="$.open_modal(this,'Modal_update_nivel{{$n->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>
                                                <div class="modal fade bd-example-modal-lg" id="Modal_update_nivel{{$n->id}}" 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{{$n->id}}">                                                                    
                                                            <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">
                                                                <h2 class="s-24">Modificar Curso {{$n->nombre}}</h2>
                                                                @include('includes.modal_update_nivel', array('n' => $n))
                                                            </div>
                                                            <div class="modal-footer">                                                                
                                                                <button onclick="$.fn_ajax_post_actualizar(this,'{{route('curso.update')}}','frm_update_nivel{{$n->id}}','div_n{{$n->id}}','{{$n->id}}','{{ url('/') }}/image/','Modal_update_nivel{{$n->id}}')" type="button" class="btn btn-success" >Actualizar</button>
                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <a onclick="$.eliminar(this,'{{$n->id}}','div_n{{$n->id}}','{{route('curso.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>
                                        @if($n->activo == 'no')
                                        <tr class="no-b" >
                                            <td colspan="2" class="w-30 vertical-top">
                                                <h6><b>Imagen de aviso: </b></h6>
                                                <img src="{{url('/').'/images/'. $n->url_imagen_generado}}"/>
                                            </td>
                                            <td class="w-30 vertical-top"></td>
                                        </tr>
                                        @endif
                                    </tbody>
                                </table>
                               
                        </div>
                    </div>
                    <div class="tab-pane fade text-center p-3" id="w4-tab2{{$n->id}}" role="tabpanel" aria-labelledby="w4-tab2{{$n->id}}">
                        
                        <div class="row">
                            <div class="col-lg-10"></div>
                            <div class="col-lg-2 text-right">
                                <a onclick="$.open_modal(this,'Modal_add_modulo{{$n->id}}')" data-toggle="tooltip" data-placement="top" title="Agregar Modulo"  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 class="modal fade bd-example-modal-sm" id="Modal_add_modulo{{$n->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-sm" 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">

                                            <h2 class="s-24">Agregar Modulo</h2>
                                            @include('includes.modal_add_modulo',array('nivel_id'=>$n->id))
                                        </div>
                                        <div class="modal-footer">
                                            <button count_m="{{$n->modulos->count()}}" onclick="$.fn_ajax_post_agregar_modulo(this,'{{route('modulo.save_modulo_curso')}}','frm_add_modulo{{$n->id}}','div_m_add{{$n->id}}','Modal_add_modulo{{$n->id}}','{{$n->modulos->count()}}')" 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>
                        </div>
                        
                        <div class="card no-b shadow">
                            <div class="card-body p-0">                                 
                                <div class="table-responsive">
                                    <div class="scroll">
                                        <table class="table table-hover ">
                                            <tbody id="div_m_add{{$n->id}}">
                                                @if($n->modulos->count()>0)
                                                @foreach($n->modulos as $m)
                                                <tr class="no-b" id="div_m{{$m->id}}">                                                
                                                    <td class="text-left w-30">
                                                        <h6>
                                                            <b id="nombre{{$m->id}}">{{$m->nombre}}:</b>                                                                                                              
                                                        </h6>
                                                    </td>
                                                    <td>
                                                        <h6 id="created_at{{$m->id}}">Fecha: <small>{{ \FormatTime::LongTimeFilter($m->created_at) }}</small></h6>
                                                    </td>
                                                    <td>                                                                                                                
<!--                                                        <a onclick="$.ver_clase(this,'{{route('modulo.see')}}','{{$m->id}}','Modal_clase','modal-body_ver_clase')" data-toggle="tooltip" data-placement="top" title="Ver clases"  class="btn-fab btn-fab-sm fab-right-bottom blue lighten-2 shadow1 pointer"> 
                                                            <i class="icon icon-class s-14"  ></i>
                                                        </a>                                                        -->
                                                        
                                                        <a onclick="$.open_modal(this,'Modal_update_modulo{{$m->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>
                                                        <div class="modal fade bd-example-modal-lg" id="Modal_update_modulo{{$m->id}}" 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{{$m->id}}">                                                                    
                                                                    <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 text-left" id="modal-body">
                                                                        <h2 class="s-24">Modificar Modulo </h2>
                                                                        @include('includes.modal_update_modulo', array('m' => $m))
                                                                    </div>
                                                                    <div class="modal-footer">

                                                                        <button onclick="$.fn_ajax_post_actualizar_modulo(this,'{{route('modulo.update')}}','frm_update_modulo{{$m->id}}','div_m{{$m->id}}','{{$m->id}}','Modal_update_modulo{{$m->id}}')" type="button" class="btn btn-success" >Actualizar</button>
                                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <a onclick="$.eliminar_modulo(this,'{{$m->id}}','div_m{{$m->id}}','{{route('modulo.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> 
                                                @endforeach
                                                @else
                                                <tr>
                                                    <td>
                                                        <div role="alert" id="alert_modulo" class="alert alert-warning">
                                                            <strong>Warning!</strong> No tiene registros
                                                        </div>
                                                    </td>
                                                </tr>                                                
                                                @endif
                                            </tbody>
                                        </table>
                                    </div> 
                                </div>
                            </div>
                        </div>                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach    
</div>
<div class="clearfix"></div>
{{$nivel_p->links()}}
<div class="modal fade bd-example-modal-lg" id="Modal_add_nivel" 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">
                
                <h2 class="s-24">Agregar Curso</h2>
                @include('includes.modal_add_nivel')
            </div>
            <div class="modal-footer">
                <button onclick="$.fn_ajax_post_agregar(this,'{{route('curso.save')}}','frm_add_nivel','div_n_add','Modal_add_nivel')" 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>
<div class="modal fade bd-example-modal-xl" id="Modal_clase" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" id="body_clase" role="document">
        <div class="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 text-left" id="modal-body_ver_clase">

                
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>                                                                        
            </div>
        </div>
    </div>
    
</div>
@endsection