<%= pb_rails("card",props: {padding:"none"}) do%> <%= pb_rails("flex", props: {orientation: "row", vertical: "center"}) do %> <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "filter", id:"filter"}) %>

<% object.filters.each do |filter| %>

<%= pb_rails("caption", props: { text: filter[:name]}) %> <%= pb_rails("title", props: { size: 4, tag:"h4", text: filter[:value]}) %>

<% end %>

<% end %> <%= pb_rails("section_separator") %> <%= pb_rails("flex", props: {orientation: "row", vertical: "center", spacing: "between", classname: "filter-bottom"}) do %> <%= pb_rails("title_count", props: {title: "Results:",count: object.results, align:"center"}) %> <%= pb_rails("flex", props: {orientation: "row", vertical: "center"}) do %> <%= pb_rails("caption", props: { text: "sort by:"}) %> <%= pb_rails("button", props: {variant: "link" ,classname: "p-0 ml-3",id: "sort-button"}) do %> <% object.sort_menu.each do |item| %> <% if item[:active] == true %> <%= item[:item] %> <%= pb_rails("icon", props: { icon: object.sort_icon(item[:direction]), fixed_width: true }) %> <%end%> <% end %> <% end %> <% end %> <% end %> <% end %> <%= pb_rails("popover", props: {trigger_element_id: "filter", tooltip_id: "filter-form", position: 'bottom'}) do %> <%= capture(&object.children) %> <% end %> <%= pb_rails("popover", props: { trigger_element_id: "sort-button", tooltip_id: "sort-filter-btn-tooltip", position: 'bottom'}) do %> <%= pb_rails("list") do %> <% object.sort_menu.each do |item| %> <%= pb_rails("list/item") do%> <%= pb_rails("button", props: {variant: "link" ,classname: "p-0", text: item[:item], link: item[:link]}) %><% end %> <% end %> <% end %> <% end %>