{% extends 'admin_layout_two.html' %}
{% load static %}
{% block content %}


      <!--Content body start-->
       <title>Beni | Help & Support</title>
      <div class="content-body">

        <div class="container-fluid mt-3">
            <div class="row page-titles mx-0">
                <div class="col">
                    <h2 class="fs-32 mb-0">Help & Support</h2>
                </div>
               
            </div>
            <div class="row mt-5">
                <div class="col-lg-3 col-sm-6">
                    <div class="card gradient-1">
                        <div class="card-body">
                           
                            <div class="d-inline-block">
                                <h2 class="text-white">{{ total }}</h2>
                                <p class="text-white mb-0">Total Query</p>
                            </div>
                            <span class="float-right display-5 opacity-5"><i class="fa fa-user"></i></span>
                        </div>
                    </div>
                </div>
               
                <div class="col-lg-3 col-sm-6">
                    <div class="card gradient-1">
                        <div class="card-body">
                           
                            <div class="d-inline-block">
                                <h2 class="text-white">{{ resolved }}</h2>
                                <p class="text-white mb-0">Total Resolved</p>
                            </div>
                            <span class="float-right display-5 opacity-5"><i class="fa fa-users"></i></span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="card gradient-1">
                        <div class="card-body">
                           
                            <div class="d-inline-block">
                                <h2 class="text-white">{{pending}}</h2>
                                <p class="text-white mb-0">Total Pending</p>
                            </div>
                            <span class="float-right display-5 opacity-5"><i class="fa fa-heart"></i></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row table-rw">
                <div class="col-12 col-md-12">
                    <div class="card">
                        <div class="card-body">
                           
                            <div class="table-responsive">
                                <table class="table header-border table-hover verticle-middle">
                                    <thead>
                                        
                                        <tr>
                                            <th scope="col">Sr. No.</th>
                                            <th scope="col">Email</th>
                                            <th scope="col">Subject</th>
                                            <th scope="col">Date</th>
                                            <th scope="col">Status</th>
                                            <th scope="col">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for help in help_obj %}
                                        <tr>
                                            <th>{{ help.id }}</th>
                                            <td>{{help.user.email}}</td>
                                            <td>{{help.title}}</td>
                                            <td>{{ help.start_date| date:"d M  Y"}}</td>
                                            {% if help.status == 0 %}
                                            <td><span class="label gradient-4 btn-rounded">Pending</span></td>
                                            {% else %}
                                            <td><span class="label gradient-1 btn-rounded">Completed</span></td>
                                            {% endif %}
                                            {% if help.status == 1 %}
                                            <td>
                                               <span class="message-btn"><a href="/view-support-message/{{help.id}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="View" aria-describedby="tooltip977194"><i class="fa fa-eye color-muted m-r-5"></i> View Message </a></span>
                                               
                                            </td>
                                            {% else %}
                                            <td>
                                                <span class="send-btn"><a href="/send-support-message/{{help.id}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="View" aria-describedby="tooltip977194"><i class="fa fa-send color-muted m-r-5"></i> Send Message </a></span>
                                            </td>
                                            {% endif %}
                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                     
                  
                    </div>
                </div>
             
            </div>
            {% if help_obj %}
            <div class="demo-inline-spacing">
                <div class="pagination justify-content-center">
                        {% if help_obj.has_previous %}
                            <li><a href="?page={{ help_obj.previous_page_number }}">&laquo;</a></li>
                        {% else %}
                        <li class="disabled"><span>&laquo;</span></li>
                        {% endif %}
                        {% for i in help_obj.paginator.page_range %}
                        {% if help_obj.number == i %}
                            <li class="active"><span>{{ i }} <span class="sr-only">(current)</span></span></li>
                        {% else %}
                            <li><a href="?page={{ i }}">{{ i }}</a></li>
                        {% endif %}
                        {% endfor %}
                        {% if help_obj.has_next %}
                        <li><a href="?page={{ help_obj.next_page_number }}">&raquo;</a></li>
                        {% else %}
                        <li class="disabled"><span>&raquo;</span></li>
                        {% endif %}
                </div>
                </div>
                {% endif %}
        </div>
    </div>
      <!--Content body end-->
    



{% endblock %}