<div class="col-12" >
  <div class="card">
    <div class="row" style="width: 100%;min-height: 400px;">
      <div class="col-md-2" style="border: 1px solid #cfcfcf; padding-right: 0px;padding-left: 14px;">
        <div class="py-5 content-yield">
          <div class="row">
            <div class="col-md-12">
              <%= render "groups/left_main", selected: "vehicles" %>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-9 py-10">
        <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;"} if current_user.user_admin %>
            <% 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="vehicles_table" value="<%= idx + 6 %>" type="checkbox" checked>
                    <span style="margin-left: 10px;"><%= Vehicle.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>
        <script>
            function getDataFilter(dataForm){
                let dataSend = {"q" : dataForm, "limit": $(".select_number_by_register").val()};
                showLoadingImg();
                $.get("<%= group_vehicles_path   @group %>.js", dataSend, function(data){
                    hideLoadingImg();
                    loadHideColumnSelectorTable();
                });
            }
        </script>
      </div>
    </div>
  </div>
</div>
