@extends('menu/menu')
<style>
.mostrar {
  display: none;

}
@media (max-width: 768px) {
    .mostrar {
    display: block;
    
  }
}
</style>
{{-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script> --}}
<script src="{{ asset('js/jquery-3.4.1.min.js') }}" ></script>




@section('content')

<div class="container mt-5">
  <div class="title-vista mt-4 d-flex justify-content-between">
    Resumen de asignaciones
    <div class="mostrar-contenido">
      <a class="btn"  href="javascript: history.go(-1)">
         <span class="material-icons-round icon-midle">arrow_back</span>
         Volver
      </a>
  </div>
  </div>
</div>

<div class="container mt-5">
    <!-- TABLA DE RESULTADOS DE BUSQUEDA --> 
    
      <div class="container table-responsive mb-5 p-sm-0">
        <table class="table table-striped table-hover">
          <!-- ENCABEZADO -->
          <thead class="color-head">
            <tr>
    		      <th class="th-head border-th separador-v" colspan="1">Comuna</th>
              <th class="th-head border-th separador-v" colspan="1">Dirección</th>
              <th class="th-head border-th separador-v" colspan="1">Instalaciones</th>
              <th class="th-head border-th separador-v" colspan="1">Retiros</th>
              <th class="th-head border-th separador-v" colspan="1">Capacitaciones</th>
              <th class="th-head border-th"><span class="material-icons">settings</span></th>
            </tr>
          </thead>
          <!-- FIN ENCABEZADO -->
          
          <!-- RESULTADOS -->
          <tbody>
            <!-- R.1 -->
            <tr>
    		      <td class="td-val">San javier</td>
              <td class="td-val">El Boldo 1909 / CUI 008762</td>
              <td class="td-val">5</td>
              <td class="td-val">3</td>
              <td class="td-val">1</td>
              <td class="td-val">
                <div class="dropdown dropleft" style="text-align: center">
                  <button type="button" class="btn-dropdown" data-toggle="dropdown">
                    <span class="material-icons">more_vert</span>
                  </button>
  
                  <div class="dropdown-menu mostrar shadow">
                    <div class="d-flex justify-content-around">
                      <a href="#" role="button" title="Editar" class="btn-icon btn-icon-dd"><span class="material-icons">edit</span></a>
                      <a href="#" role="button" title="Ver" class="btn-icon btn-icon-dd"><span class="material-icons">visibility</span></a>
                    </div>
                  </div>   
                </div>
              </td>
              </tr>
            <!-- R.2 -->
            <tr>
              <td class="td-val">San javier</td>
              <td class="td-val">El Boldo 1909 / CUI 008762</td>
              <td class="td-val">5</td>
              <td class="td-val">3</td>
              <td class="td-val">1</td>
              <td class="td-val">
                <div class="dropdown dropleft" style="text-align: center">
                  <button type="button" class="btn-dropdown" data-toggle="dropdown">
                    <span class="material-icons">more_vert</span>
                  </button>
                  <div class="dropdown-menu mostrar shadow">
                    <div class="d-flex justify-content-around">
                      <a href="#" role="button" title="Editar" class="btn-icon btn-icon-dd"><span class="material-icons">edit</span></a>
                      <a href="#" role="button" title="Ver" class="btn-icon btn-icon-dd"><span class="material-icons">visibility</span></a>
                    </div>
                  </div>
                </div>
              </td>
            </tr>
            
          </tbody>
          <!-- FIN RESULTADOS -->
          </table>
        </div>
    
    <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->
</div>

@endsection