{% load i18n %}

<table id="operation-table" class="table result-table" 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 }}">{% trans "Name" %}</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 "Operation Result" %}</th>
    </tr>
    <tr id="datatables-query-row">
      <th class="{{ thead_th_classes }}">
        {% include "includes/daterangepicker.html" %}
      </th>
      <th class="{{ thead_th_classes }}">
        <input type="text" name="name" placeholder="{% trans 'e.g.' %}: user1" class="form-control" aria-label="name">
      </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="status" class="form-select" aria-label="status">
          <option value=""></option>
          <option value="true">{% trans "Success" %}</option>
          <option value="false">{% trans "Failure" %}</option>
        </select>
      </th>
    </tr>
  </thead>
  {% endwith %}
</table>