<?php echo csrf_field(); ?>
<div class='row'>
  <div class="col-md-12 col-sm-12  ">
    <div class="x_panel">
      <div class="x_title">
        <h2>subtitulo</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">
        <p>Indicaciones o algo asi .</p>

        <div class='table'>
          <div class="row encabezado">
            <div class="col-md-1 col-sm-12">ID</div>
            <div class="col-md-4 col-sm-12">Nombre para ella</div>
            <div class="col-md-4 col-sm-12">Nombre para el</div>
            <div class="col-md-1 col-sm-12">Tipo</div>
            <div class="col-md-2 col-sm-12">Acción</div>
          </div>
          <div class="row contenido-500">
            <div class='col-md-12'>
              @foreach ($puestos as $p)
                <div class="row cuerpo">
                  <div class="col-md-1 col-sm-12">ID</div>
                  <div class="col-md-4 col-sm-12">{{ $p->nombre_f }}</div>
                  <div class="col-md-4 col-sm-12">{{ $p->nombre_m }}</div>
                  <div class="col-md-1 col-sm-12">{{ $p->tipo }}</div>
                  <div class="col-md-2 col-sm-12 text-center">
                    <div class="btn-group btn-group-sm" role="group" aria-label="...">
                      <!--respetar los colores y botones para consultar, modificar y eliminar -->
                      <button class="btn btn-info"    type="button" data-toggle="tooltip" data-placement="left" title="Modificar"><i class="fa fa-pencil"></i></button>
                      <button class="btn btn-danger"  type="button" data-toggle="tooltip" data-placement="left" title="Eliminar"><i class="fa fa-trash-o"></i></button>
                    </div>
                  </div>
                </div>
              @endforeach
            </div>
          </div>
        </div>

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


