<style>
   .search-array input { border-right: 0px; }
   .search-array .label { border-left: 0px; border-right: 0px; }
</style>

<div class="input-group mb-3 search-array">
   <a href='auth/form' class="btn btn-outline-secondary col-xs-hidden d-none d-sm-block">
      {{#icons}} plus-circle {{/icons}} Adicionar
   </a>
   <button type="button" class="btn btn-outline-secondary dropdown-toggle-split d-none d-sm-block"
      data-bs-toggle="dropdown">
      {{#icons}} arrow-down {{/icons}}
   </button>
   <ul class="dropdown-menu">
      <li> <a class="dropdown-item" href="#">Action</a> </li>
      <li><a class="dropdown-item" href="#">Another action</a></li>
      <li><a class="dropdown-item" href="#">Something else here</a></li>
      <li>
         <hr class="dropdown-divider">
      </li>
      <li><a class="dropdown-item" href="#">Separated link</a></li>
   </ul>
   <input type="text" class="form-control" placeholder="">
   <button class="btn btn-outline-secondary label" type="button" disabled>
      {{#icons}} search {{/icons}}
   </button>
   <button class="btn btn-outline-secondary" type="button">
      {{#icons}} th {{/icons}}
   </button>
   <button class="btn btn-outline-secondary" type="button">
      {{#icons}} filter {{/icons}}
   </button>
   <button class="btn btn-outline-secondary" type="button">
      {{#icons}} eye {{/icons}}
   </button>
</div>

<div class="table-responsive">
   <table class='table'>
      <thead>
         <tr>
            <th>Id</th>
            <th>Nome</th>
            <th>Actions</th>
         </tr>
      </thead>
      {{#list}}
      <tr class="" data-id='{{id}}'>
         <td>{{id}}</td>
         <td>{{name | case.lower}}</td>
         <td>
            <a href="auth/{{id}}/edit"> {{#icons}} pencil {{/icons}} </a>
         </td>
      </tr>
      {{/list}}
   </table>
</div>

{{#string}} module_name,produtos,en {{/string}}
{{#misc}} {{list}} {{/misc}}
