CMSgov/dpc-app

<div class="ds-c-dialog-wrap" aria-labelledby="dialog-title" aria-hidden="true" role="dialog" id="filter-modal">
  <div class="ds-c-dialog ds-c-dialog--full" role="document">
    <header class="ds-c-dialog__header" role="banner">
      <h1 class="ds-h2" id="dialog-title">Filter provider users</h1>
      <button class="ds-c-button ds-c-button--transparent ds-c-dialog__close" aria-label="Close modal dialog">Close</button>
    </header>

    <%= form_tag users_path, method: "get" do %>
      <main role="main ds-text">


        <fieldset class="ds-l-row field-group">
          <div class="ds-l-col--3">
            <legend class="field-group__heading">Signup dates</legend>
          </div>

          <div class="ds-l-col--9 field-group__fields">
            <div class="ds-u-display--flex ds-u-align-items--center">
            <%= date_field_tag :created_after, params[:created_after], class: "ds-c-field ds-c-field--medium " %>
            <span class="ds-u-display--inline-block ds-u-padding-x--1">thru</span>
            <%= date_field_tag :created_before, params[:created_before], class: "ds-c-field ds-c-field--medium" %>

            </div>
            <p class="field-group__hint">Leave the second field blank to filter a single day</p>
          </div>
        </fieldset>

        <fieldset class="ds-l-row field-group">
          <div class="ds-l-col--3">
            <legend class="field-group__heading">Unassigned users</legend>
          </div>
          <div class="ds-l-col--9 field-group__fields">
            <%= label_tag :requested_org, 'Requested organization', class: "ds-c-label ds-u-margin-top--0" %>
            <%= text_field_tag :requested_org, params[:requested_org], class: "ds-c-field" %>
            <%= label_tag :requested_org_type, 'Requested organization type', class: "ds-c-label" %>
            <%= select_tag(:requested_org_type, options_for_select(organization_types_for_select, params[:requested_org_type]), :class => 'ds-c-field drop-down', include_blank: 'All organization types') %>
          </div>
        </fieldset>

        <fieldset class="ds-l-row field-group">
          <div class="ds-l-col--3">
            <legend class="field-group__heading">Tags</legend>
          </div>
          <div class="ds-l-col--9 field-group__fields tag_list">
            <% @tags.order('LOWER(name)').each do |t| %>
              <div id="pill_<%= t.name %>" class="site-pills__item site-pills__item--medium tag_container" onclick="tagSelector('tags_<%= t.id %>', 'pill_<%= t.name %>')" data-test="tag_select_<%= t.name %>">
                <div style="display:none;">
                  <%= check_box_tag "tags[#{t.id}]", t.name %>
                </div>
                <%= t.name %>
              </div>
            <% end %>
          </div>
        </fieldset>

      </main>
      <aside class="ds-l-row ds-c-dialog__actions" role="complementary">
        <div class="ds-l-col--3">

        </div>
        <div class="ds-l-col--9 ds-u-padding-x--0">
          <%= hidden_field_tag :org_status, params[:org_status] %>
          <%= submit_tag "Apply filters", class: "ds-c-button ds-c-button--primary", data: { test: 'users-filter-submit' } %>
        </div>
      </aside>
    <% end %>
  </div>
</div>