<div class="table mt-3">
  <div class="row encabezado">
    <div class="col-md-1 col-sm-1 d-none d-sm-block">No.</div>
    <div class="col-md-2 col-sm-2 d-none d-sm-block">Periodo</div>
    <div class="col-md-2 col-sm-2 d-none d-sm-block">Fecha de Examen</div>
    <div class="col-md-3 col-sm-3 d-none d-sm-block">Hora de Examen</div>
    <div class="col-md-2 col-sm-2 d-none d-sm-block">Duración</div>
    <div class="col-md-2 col-sm-2 d-none d-sm-block">Acciones</div>
  </div>
  <div class="row contenido-400">
    @foreach($configuracion as $c)
      <div class="col-md-12">
        <div class="row cuerpo row_detalle_presupuesto">
          <div class="col-6 d-block d-sm-none bg-dark-blue text-white text-center">No.</div>
          <div class="col-md-1 col-sm-1 col-6 d-block d-sm-none bg-dark-blue text-white text-center">{{ $loop->iteration }}</div>
          <div class="col-md-1 col-sm-1 col-6 d-none d-sm-block text-center">{{ $loop->iteration }}</div>
          
          <div class="col-6 d-block d-sm-none text-center">Periodo</div>
          <div class="col-md-2 col-sm-2 col-6 text-center">{{ $c->periodo->periodo }}</div>
          
          <div class="col-6 d-block d-sm-none text-center">Fecha de Examen</div>
          <div class="col-md-2 col-sm-2 col-6 text-center">{{ $c->fecha->format('d/m/Y') }}</div>

          <div class="col-6 d-block d-sm-none text-center">Hora de Examen</div>
          <div class="col-md-3 col-sm-3 col-6 text-center">{{ $c->hora_inicio }} - {{ $c->hora_cierre }}</div>

          <div class="col-6 d-block d-sm-none text-center">Duración</div>
          <div class="col-md-2 col-sm-2 col-6 text-center">{{ $c->duracion }} minutos</div>
          
          <div class="col-6 d-block d-sm-none text-center">Acciones</div>
          <div class="col-md-2 col-sm-2 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-warning" type="button" data-toggle="tooltip" data-placement="left" title="Alumnos" onclick="javascript:ngl_lib_alumnos({{ $c->id }});"><i class="fa fa-user"></i></button>
                <button class="btn btn-outline-primary" type="button" data-toggle="tooltip" data-placement="left" title="Consultar Examen" onclick="javascript: ngl_consulta_examen({{ $c->id }});"><i class="fa fa-folder-open"></i></button>
                <button class="btn btn-outline-success" type="button" data-toggle="tooltip" data-placement="left" title="Configuración" onclick="javascript:ngl_lib_show_confi({{ $c->id }});"><i class="fa fa-cog"></i></button>
                
              </div>
          </div>
        </div> 
      </div>
    @endforeach
  </div>
</div>