@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_modulo')" 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" 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_index',array('nivel'=>$nivel))
                </div>
                <div class="modal-footer">
                    <button onclick="$.fn_ajax_post_agregar(this,'{{route('modulo.save')}}','frm_add_modulo','div_m_add','Modal_add_modulo')" 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>
@if($modulo_p->count()>0)
<div class="card no-b shadow">
    <div class="card-body p-0">                                 
        <div class="table-responsive">
            <div class="scroll_modulo">
                <table class="table table-hover ">
                    <tbody id="div_m_add">
                        @foreach($modulo_p as $m)                        
                        <tr class="no-b" id="div_m{{$m->id}}">   
                            <td class="text-left w-20">
                                <h6>
                                    <b id="curso{{$m->id}}">Curso:&nbsp;</b>{{ $m->curso->nombre}}                                                                                                              
                                </h6>
                            </td>
                            <td class="text-left w-40">
                                <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 class="text-right">                                                                                                                
<!--                                <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
                    </tbody>
                </table>
            </div> 
        </div>
    </div>
</div>
@else
<div role="alert" class="alert alert-warning">
    <strong>Warning!</strong> No tiene registros
</div>
@endif
<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" style="z-index: 100000;">
                <span aria-hidden="true" class="s-24">&times;</span>
            </button>
            <div class="modal-body text-left scroll_modulo" id="modal-body_ver_clase" style="min-height: 200px">

                
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>                                                                        
            </div>
        </div>
    </div>
    
</div>
{{$modulo_p->links()}}
@endsection