<div class="col-12">
  <div class="card">
    <div class="p-12">
      <div class="row">
        <div class="col-md-10 tags_content">
        </div>
        <div align="right" class="col-md-2">
          <% if @add_button %>
            <%= link_to t("main.utils.add") + " " + t("activerecord.models.#{@add_button.name.underscore}"), @add_button.name.underscore.pluralize + "/new?" + request.query_parameters.to_query, {remote: true, class: "btn-filter btn btn-light btn-sm fuse-ripple-ready btn-create", style: "margin-right: 10px;"} %>
          <% end %>
          <a id="dropdownSelectTableItems" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="">
            <i style="font-size: 12pt;" class="icon icon-format-list-bulleted "></i>
          </a>
          <div class="dropdown-menu  enable-table-item" aria-labelledby="dropdownSelectTableItems">
            <% @columns_selected.each_with_index do |column, idx| %>
              <a class="dropdown-item" href="#">
                <div class="row align-items-center px-5">
                  <input class="hide-column-selector" data-href="client_types_table" value="<%= idx + 3 %>" type="checkbox" checked>
                  <span style="margin-left: 10px;"><%= ClientType.human_attribute_name(column) %></span>
                </div>
              </a>
            <% end %>
          </div>
        </div>
      </div>
      <div class="row py-5">
        <div class="col-md-12 widget-content table-responsive content-table">
          <%= render "table" %>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
    function getDataFilter(dataForm){
        let dataSend = {"q" : dataForm, "limit": $(".select_number_by_register").val()};
        showLoadingImg();
        $.get("<%= client_types_path %>.js", dataSend, function(data){
            hideLoadingImg();
            loadHideColumnSelectorTable();
        });
    }
</script>
