{% load i18n %}

<form action="{{ url }}" method="post" class="pristine ng-valid">
{% csrf_token %}
<caption>
  <div class="table_actions clearfix">
    <div class="table_search">
      <span style="font-size: 13px;vertical-align: middle">By Provider:</span>
      <select class="form-control" name="provider_filter" style="width: auto;min-width: 160px">
        {% for provider in provider_list %}
          <option value={{ provider.id }} {% ifequal provider_filter provider.id %} selected {% endifequal %}>{{ provider.name }}</option>
        {% endfor %}
      </select>
      <span style="font-size: 13px;vertical-align: middle">By Plan:</span>
      <select class="form-control" name="plan_filter" style="width: auto;min-width: 160px">
        <option {% ifequal plan_id "All" %} selected {% endifequal %}>All</option>
        {% for plan in plan_list %}
          <option value={{ plan.id }} {% ifequal plan_filter plan.id %} selected {% endifequal %}>{{ plan.name }}</option>
        {% endfor %}
      </select>
      <span style="font-size: 13px;">By Date:</span>
      <select class="form-control" name="date_filter" style="width: auto;min-width: 160px">
        <option {% ifequal date_filter "All" %} selected {% endifequal %}>All</option>
        {% for date in date_list %}
          <option value={{ date.0 }} {% ifequal date_filter date.0 %} selected {% endifequal %}>{{ date.1 }}</option>
        {% endfor %}
      </select>
      <button type="submit" class="btn btn-default" id="checkpoint_list_action_filter">Filter</button>
    </div>
  </div>
</caption>
</form>
