{% extends 'base.html' %} {% block contentbody %}
<!-- FILTER StART -->
<div class="collapse" id="collapseExample">
  <div class="card card-body">
    <form action="{% url 'settings:list_docs' %}" method="GET">
      <div class="row">
        <div class="col-md-2">
          <select class="form-control countrySelect" name="country">
            <option value="">Select Country</option>
            {% for each in countrys %}
            <option value="{{each.id}}">{{each.name}}</option>
            {% endfor %}
          </select>
        </div>
        <div class="col-md-2">
          <select class="form-control programySelect" name="doc_type">
            <option value="">Select Doc Type</option>
            <option value="1">Office Details</option>
            <option value="2">Upload Documents</option>
            <option value="3">Required Documents</option>
          </select>
        </div>
        <div class="col-md-3">
          <input
            class="programName form-control"
            name="rdod_name"
            placeholder="Doc Name"
            type="text"
            min="10"
          />
        </div>

        <input type="submit" class="btn btn-info btn-sm" value="Search" />
      </div>
    </form>
  </div>
</div>
<!-- FILTEr END -->

<div class="d-flex py-3 align-items-center justify-content-between">
  <div>
    <h4>Required Document & Upload Status</h4>
  </div>
  <div>
   {%if perms.projsettings.add_requireddocsofficedetails%}
    <a class="btn btn-info" href="{% url 'settings:add_docs'%}"
      >Add Document
      <i class="mdi mdi-plus-outline"></i>
    </a>
    {%endif%}
    <a
      class="btn btn-secondary"
      data-toggle="collapse"
      href="#collapseExample"
      role="button"
      aria-expanded="false"
      aria-controls="collapseExample"
    >
      <i class="m-r-10 mdi mdi-filter"></i>
    </a>
    {% comment %}
    <a
      href="#"
      class="btn btn-link btn-float has-text text-size-small"
      id="showHideFilterButton"
      title="filter"
      data-toggle="collapse"
      data-target="#filterPanel"
    >
      <i class="mdi mdi-filter text-blue-400"></i>
    </a>
    {% endcomment %}
  </div>
</div>

<div class="table-responsive">
  <table class="table table-striped">
    <thead class="bg-secondary text-white">
      <tr>
        <th>#</th>
        <th>Name</th>
        <th>Docs For</th>
        <th>Country</th>
        <th>Type</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      {% for obj in objs %}
      <tr>
        <td>{{forloop.counter}}</td>
        <td>{{obj.rdod_name}}</td>
        <td>{{obj.get_string_docs_for}}</td>
        <td>
          {% for country in obj.rdod_countries.all %} {{country}} {% endfor %}
        </td>
        <td>{{obj.get_string_docs_type}}</td>
        <td class="d-flex justify-content-between">
         {%if perms.projsettings.change_requireddocsofficedetails%}
          <a
            class="btn btn-secondary btn-sm"
            href="{% url 'settings:edit_docs' obj.pk %}"
            style="color: white"
          >
            <i class="icon icon-pencil"> Edit</i>
          </a>
          {%endif%}
          {%if perms.projsettings.delete_requireddocsofficedetails%}
          <a
            href="#"
            class="btn btn-danger btn-sm"
            data-id="{{ obj.id }}"
            data-name="{{obj.name}}"
            onclick="delete_uni(this)"
          >
            <i class="icon icon-trash"> delete </i>
            <form
              action="{% url 'settings:del_docs' pk=obj.id %}"
              method="post"
              id="delete_form_{{obj.id}}"
            >
              {% csrf_token %}
              <!-- <h1> Do you want to delete the post {{object.rdod_name}}</h1> -->
              <!-- <p><input type="submit" value="Yes" /> <i class="fas fa-delete"></i></p> -->
            </form>
          </a>
          {%endif%}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
<div id="delete-confirm"></div>
<!-- ============================================================== -->
<!-- Recent comment and chats -->
<!-- ============================================================== -->
{% include 'pages/pagination.html' %}

<script>

  function delete_uni(elem) {
    var id = $(elem).data("id");
    var name = $(elem).data("name");
    var del = confirm("Are you sure you want to delete " + name + "?");

    if (del == true) {
      $("#delete_form_" + id).submit();
    }
  }
</script>

{% endblock %}