<?php echo csrf_field(); ?>
<div class='row'>
  <div class="col-md-12 col-sm-12  ">
    <div class="x_panel">
      <div class="x_title">
        <h2>Niveles disponibles para inscribir a los estudiantes</h2>
        <!--<ul class="nav navbar-right panel_toolbox">
          <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <a class="dropdown-item" href="#">Settings 1</a>
                <a class="dropdown-item" href="#">Settings 2</a>
              </div>
          </li>
          <li><a class="close-link"><i class="fa fa-close"></i></a>
          </li>
        </ul>-->
        <div class="clearfix"></div>
      </div>
      <div class="x_content">

        <div class="row">
          <div class="col-md-4 col-sm-2 col-6"></div>
          <div class="col-md-4 col-sm-8 col-12">
            <div class="table mt-3">
              <div class="row encabezado">
                <div class="col-md-4 col-sm-4 d-none d-sm-block">No.</div>
                <div class="col-md-4 col-sm-4 d-none d-sm-block">Nombre</div>
                <div class="col-md-4 col-sm-4 d-none d-sm-block">Acciones</div>
              </div>
              <div class="row contenido-400">
                @foreach($niveles as $n)
                  <div class="col-md-12">
                    <div class="row cuerpo row_detalle_presupuesto" id="r_2865">
                      <div class="col-6 d-block d-sm-none bg-dark-blue text-white text-center">No.</div>
                      <div class="col-md-4 col-sm-4 col-6 d-block d-sm-none bg-dark-blue text-white text-center">{{ $n->id }}</div>
                      <div class="col-md-4 col-sm-4 col-6 d-none d-sm-block text-center">{{ $n->id }}</div>
                      
                      <div class="col-6 d-block d-sm-none text-center">Nombre</div>
                      <div class="col-md-4 col-sm-4 col-6 text-center" id='div_npt_{{ $n->id }}' style="display: none;">
                        <input type="text" name="nombre_{{ $n->id }}" id="nombre_{{ $n->id }}" value="{{ $n->nombre }}" class="form-control form-control-sm" />
                      </div>
                      <div class="col-md-4 col-sm-4 col-6 text-center" id='div_lbl_{{ $n->id }}'>{{ $n->nombre }}</div>
                      
                      <div class="col-6 d-block d-sm-none text-center">Acciones</div>
                      <div class="col-md-4 col-sm-4 col-6 text-center">
                          <div class="btn-group btn-group-xs" role="group" aria-label="...">
                            <!--respetar los colores y botones para consultar, modificar y eliminar -->
                            <button class="btn btn-outline-info"    type="button" data-toggle="tooltip" data-placement="left" title="Guardar" onclick="javascript:ngl_nvl_save({{ $n->id }});" style="display: none;" id='btn_sv_{{ $n->id }}'><i class="fa fa-save"></i></button>
                            <button class="btn btn-outline-info"    type="button" data-toggle="tooltip" data-placement="left" title="Modificar" onclick="javascript:ngl_nvl_edit({{ $n->id }});" id="btn_md_{{ $n->id }}"><i class="fa fa-pencil"></i></button>
                            <button class="btn btn-outline-danger"  type="button" data-toggle="tooltip" data-placement="left" title="Eliminar"><i class="fa fa-trash-o" onclick="javascript:ngl_nvl_delete({{ $n->id }});"></i></button>
                            
                          </div>
                      </div>
                    </div> 
                  </div>
                @endforeach
              </div>
            </div>
          </div>
          <div class="col-md-4 col-sm-2 col-6"></div>
        </div>


            

      </div>
    </div>
  </div>
</div>


