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 organizations</h1>
      <button class="ds-c-button ds-c-button--transparent ds-c-dialog__close" aria-label="Close modal dialog">Close</button>
    </header>

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

        <fieldset class="ds-l-row field-group">
          <legend class="field-group__heading ds-u-padding-y--1">API</legend>
          <div class="ds-l-col--9 field-group__fields ds-u-padding-y--1 radio_buttons__container">
            <label class="container">Not enabled in API
              <%= radio_button_tag :registered_org, 'unregistered', class: 'ds-c-choice' %>
              <span class="checkmark"></span>
            </label>
            <label class="container">Enabled in API
              <%= radio_button_tag :registered_org, 'registered', class: 'ds-c-choice' %>
              <span class="checkmark"></span>
            </label>
            <label class="container">All
              <%= radio_button_tag :registered_org, 'all', class: 'ds-c-choice', checked: true %>
              <span class="checkmark"></span>
            </label>
          </div>
        </fieldset>

        <fieldset class="ds-l-row field-group">
          <legend class="field-group__heading ds-u-padding-y--1">Joined</legend>
          <div class="ds-l-col--9 field-group__fields ds-u-padding-y--1">
            <div class="ds-u-display--flex ds-u-align-items--center">
            <%= label_tag :created_after, 'Starting', class: "ds-c-label ds-u-margin-y--2 ds-u-margin-right--2" %>
            <%= date_field_tag :created_after, params[:created_after], class: "ds-c-field ds-c-field--medium" %>
            <span class="ds-u-display--inline-block ds-c-label ds-u-margin--2">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">
          <legend class="field-group__heading ds-u-padding-y--1">Organization Type</legend>
          <div class="ds-l-col--9 field-group__fields ds-u-padding-y--1">
            <%= select_tag(:organization_type, options_for_select(organization_types_for_select, params[:organization_type]), :class => 'ds-c-field drop-down', include_blank: 'All organization types') %>
          </div>
        </fieldset>

        <fieldset class="ds-l-row field-group">
          <legend class="field-group__heading ds-u-padding-y--1">Tags</legend>
          <div class="ds-l-col--9 field-group__fields tag_list ds-u-padding-y--1">
            <% if @tags.count == 0 %>
              There are no tags available.
            <% else %>
              <% @tags.order('LOWER(name)').each_with_index do |t,i| %>
                <div id="pill_<%= t.id %>" class="site-pills__item site-pills__item--medium tag_container" onclick="tagSelector('tags_<%= t.id %>', 'pill_<%= t.id %>')" >
                  <div style="display:none;">
                    <%= check_box_tag "tags[#{t.id}]", t.name -%>
                  </div>
                  <%= t.name %>
                </div>
              <% end %>
            <% 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">
          <%= submit_tag "Apply filters", class: "ds-c-button ds-c-button--primary", data: { test: 'users-filter-submit' } %>
        </div>
      </aside>
    <% end %>
  </div>
</div>