{% load i18n %}

{# widthを指定しておかないとdatatablesが上書きしてまい、レイアウトが崩れてしまう #}
<table id="submission-table" class="table table-striped table-hover result-table" style="width: 100%;">
  {% with thead_th_classes="text-center px-1" %}
  <thead class="align-middle">
    <tr class="table-primary">
      <th class="{{ thead_th_classes }}">{% trans "Date Time" %}</th>
      <th class="{{ thead_th_classes }}"><span class="badge bg-secondary">{% trans "Resource Type" %}</span></th>
      <th class="{{ thead_th_classes }}">{% trans "Operation Name" %}</th>
      <th class="{{ thead_th_classes }}">{% trans "Format" %}</th>
      <th class="{{ thead_th_classes }}">{% trans "Submitter" %}</th>
      <th class="{{ thead_th_classes }}">{% trans "IP Address" %}</th>
      <th class="{{ thead_th_classes }}">{% trans "Result" %}
        <span class="badge bg-success">{% trans "Success" %}</span>
        <span class="badge bg-danger">{% trans "Failure" %}</span>
        <span class="badge bg-info">{% trans "Pending" %}</span>
      </th>
    </tr>
    <tr id="datatables-query-row">
      <th class="{{ thead_th_classes }}">
        {% include "includes/daterangepicker.html" %}
      </th>
      <th class="{{ thead_th_classes }}">
        <select name="resourceType" class="form-select" aria-label="resourceType">
          <option value=""></option>
          <option value="User">{% trans "Users" %}</option>
          <option value="Group">{% trans "Groups" %}</option>
        </select>
      </th>
      <th class="{{ thead_th_classes }}">
        <select name="operationName" class="form-select" aria-label="operationName">
          <option value=""></option>
          <option value="add">{% trans "Add" %}</option>
          <option value="modify">{% trans "Modify" %}</option>
          <option value="delete">{% trans "Delete" %}</option>
          <option value="rename">{% trans "Rename" %}</option>
          <option value="disable">{% trans "Disable" %}</option>
          <option value="enable">{% trans "Enable" %}</option>
          <option value="changePassword">{% trans "Change Password" %}</option>
          <option value="ppolicyUnlock">{% trans "Unlock LDAP Account" %}</option>
          <option value="addMembers">{% trans "Add Members" %}</option>
          <option value="deleteMembers">{% trans "Delete Members" %}</option>
        </select>
      </th>
      <th class="{{ thead_th_classes }}">
        <select name="submittedFormat" class="form-select" aria-label="submittedFormat">
          <option value=""></option>
          <option value="byAdmin==false">{% trans "End Users Pages" %}</option>
          <option value="form">{% trans "Administrators Pages" %}</option>
          <option value="CSV">CSV</option>
          <!--<option value="SCIM">SCIM</option>-->
        </select>
      </th>
      <th class="{{ thead_th_classes }}">
        <input type="text" size=10 name="submitter" class="form-control" placeholder="{% trans 'e.g.' %}: user1">
      </th>
      <th class="{{ thead_th_classes }}">
        <input type="text" size=15 name="IPAddress" class="form-control" placeholder="{% trans 'e.g.' %}: 8.8.8.0/24">
      </th>
      <th class="{{ thead_th_classes }}">
        <select name="status" class="form-select" aria-label="status">
          <option value=""></option>
          <option value="executing">{% trans "Executing" %}</option>
          <option value="completed">{% trans "Completed" %}</option>
          <option value="failed">{% trans "Failed" %}</option>
        </select>
      </th>
    </tr>
  </thead>
  {% endwith %}
</table>