{% extends 'base.html' %}

{% load static %}

{% block title %}Dashboard | IQBlending{% endblock %}

{% block content %}
<h4>BLENDING PLATFORM</h4>
<p>Main Dashboard</p>
<hr style="background-color: rgb(48, 25, 52); color: rgb(48, 25, 52);">
{% if disputes %}
<div>
    <table class="table table-striped">
         <thead>
           <tr>
             <th scope="col" class="mobile__tab__heading">BLEND</th>
             <th scope="col" class="mobile__hidden">DISPUTE</th>
             <th scope="col" class="mobile__tab__heading">PRODUCT</th>
             <th scope="col" class="mobile__tab__heading">AREA</th>
             <th scope="col" class="mobile__hidden">STATUS</th>
             <th scope="col" class="mobile__tab__heading">RAISED BY</th>
             <th scope="col" class="mobile__hidden">DATE</th>
           </tr>
         </thead>
         <tbody>
             {% for r in disputes %}  
           <tr onclick="window.location.href='/close_dispute/{{r.id}}'" onmouseover="bigImg(this)" onmouseout="normalImg(this)">
             <td class="mobile__text">{{r.blend.blend_number}}</td>
             <td class="mobile__hidden">{{r.dispute}}</td>
             <td class="mobile__hidden">{{r.blend.product}}</td>
             <td class="mobile__text">{{r.area_of_dispute}}</td>
             <td class="mobile__text">{{r.status}}</td>
             <td class="mobile__hidden">{{r.created_by}}</td>
             <td class="mobile__text">{{r.datetime_created}}</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 %}
</div>

{% else %}

<h1>No Open Disputes Found</h1>

{% endif %}
 <br><br>
{% endblock %}