{% load static %}
<table class="table table-bordered align-middle">
  <thead class="tableheader">
    <tr>
      <th class="text-center" width="1%">No</th>
      <th class="text-center" width="1%">Sequence No</th>
      <th class="text-center" width="15%">Process Name</th>
      <th class="text-center" width="1%">In App Status</th>
      <th class="text-center" width="1%">Process Details</th>
      <th class="text-center" width="1%">Process form</th>
    </tr>
  </thead>
  <tbody class="tablebody">
    {% for process in process_list %}
    <tr>
      <td class="text-center">{{forloop.counter}}</td>
      <td class="text-center">{{process.SequenceNo}}</td>
      <td>{{process.ParameterValueName}}</td>
      <td class="text-center">
        <div class="form-switch userTable">
            <input class="form-check-input mt-0 cursor-pointer" onclick="change_process_in_app_status(this)" data-id="{{process.ParameterValue_Id}}" type="checkbox" {% if process.InAppStatus %}checked{% endif %} />
        </div>
    </td>
      <td class="link-width">
        <div class="d-flex justify-content-center align-items-center gap-3 actions-buttons">
          <a href="/process-details/{{process.ParameterValue_Id}}" class="wrapper">
            <img src="{% static 'images/svg/card-list.svg' %}" />
            <div class="tooltip">Details</div>
          </a>
        </div>
      </td>
      <td class="link-width">
        <div class="d-flex justify-content-center align-items-center gap-2 actions-buttons">
          <a href="/process-form/{{process.ParameterValue_Id}}" class="wrapper">
            <img src="{% static 'images/svg/arrow.svg' %}" />
            <div class="tooltip">Form</div>
          </a>
        </div>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>