{% extends 'base.html' %}

{% load static %}

{% block title %} Dispute Dashboard | IQChem {% endblock %}

{% block content %}
<h3>DISPUTES DASHBOARD</h3>
<p>Chemical Section Platform</p>
<hr style="background-color: rgb(48, 25, 52); color: rgb(48, 25, 52);">
<div>
    {% if disputes|length > 0 %}
   <table class="table table-striped">
        <thead>
          <tr>
            <th scope="col" class="mobile__hidden">REFERENCE</th>
            <th scope="col" class="mobile__tab__heading">MATERIAL</th>
            <th scope="col" class="mobile__tab__heading">SUPPLIER</th>
            <th scope="col" class="mobile__tab__heading">DATE</th>
            <th scope="col" class="mobile__tab__heading">DISPUTE</th>
            <th scope="col" class="mobile__tab__heading">STATUS</th>
          </tr>
        </thead>
        <tbody>
            {% for r in disputes %}  
          <tr onclick="close_dispute_handler('{{r.id}}')" onmouseover="bigImg(this)" onmouseout="normalImg(this)">
            <td class="mobile__hidden">{{r.reference}}</td>
            <td class="mobile__text">{{r.material}}</td>
            <td class="mobile__text">{{r.supplier}}</td>
            <td class="mobile__text">{{r.datetime_created}}</td>
            <td class="mobile__text">{{r.dispute}}</td>
            <td class="mobile__text">{{r.status}}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% if disputes.has_other_pages %}
          <ul class="pagination">
            {% if disputes.has_previous %}
              <li class="page-item"><a href="?page={{ users.previous_page_number }}"  class="page-link">&laquo;</a></li>
            {% else %}
              <li class="page-item disabled"><span>&laquo;</span></li>
            {% endif %}
            {% for i in disputes.paginator.page_range %}
              {% if disputes.number == i %}
                <li class="active page-link">{{ i }}></li>
              {% else %}
                <li class="page-item"><a href="?page={{ i }}" class="page-link">{{ i }}</a></li>
              {% endif %}
            {% endfor %}
            {% if disputes.has_next %}
              <li class="page-item"><a href="?page={{ users.next_page_number }}" class="page-link">&raquo;</a></li>
            {% else %}
              <li class="disabled page-item"><span>&raquo;</span></li>
            {% endif %}
          </ul>
        {% endif %}
    {% else %}
    <h6>NO OPEN DISPUTE FOUND</h6>
    {% endif %}
<br><br>

<script>
    function close_dispute_handler(id){
        if (confirm('Do you want to close this dispute!!!?')){
            //return true;
            window.location.href=`/dispute/close_dispute/${id}`;
        }else{
            event.stopPropagation(); 
            event.preventDefault();
        }
    }
</script>
{% endblock %}