<div class="col-12" >
  <div class="card">
    <div class="row" style="width: 100%;">
      <div class="col-md-2" style="border: 1px solid #cfcfcf; padding-right: 0px;padding-left: 14px;">
        <%= render "left_main", selected: "user" %>
      </div>
      <div class="col-md-10">
        <div class="py-5 content-yield">
          <div class="row">
            <div class="col-md-7">
              <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="users_table" value="<%= idx + 3 %>" type="checkbox" checked>
                          <span style="margin-left: 10px;"><%= User.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 class="col-md-5 content-selected" data-text="<%= t("utils.no_user_selected") if current_user.client_id.blank? %>" style="margin: 0px; padding: 0px;">
              <p><%= t("utils.no_user_selected") if current_user.client_id.blank? %></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
<script>
  function getDataFilter(dataForm){
      let dataSend = {"q" : dataForm, "limit": $(".select_number_by_register").val()};
      showLoadingImg();
      $.get("<%= users_path %>.js", dataSend, function(data){
          hideLoadingImg();
          loadHideColumnSelectorTable();
      });
  }
</script>




