{% load static %}
{% include 'web/include_comman/header.html' %}

        <!-- Sidebar -->
        {% include 'web/include_comman/sidebar.html' with active_tab='subadmin_active'%}
        <!-- End of Sidebar -->

        <!-- Content Wrapper -->
        <div id="content-wrapper" class="d-flex flex-column">

            <!-- Main Content -->
            <div id="content">

                <!-- Topbar -->
                {% include 'web/include_comman/right_top.html' %}
                <!-- End of Topbar -->

                <!-- Begin Page Content -->
                <div class="container-fluid">

                    <!-- Page Heading -->
                    <div class="col-lg-6 mb-3">
                        <form method="GET" class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">                                    <div class="input-group">
                            <input type="text" class="form-control bg-light border-1 small" name="search" value="{{search}}" placeholder="Search for..."
                                aria-label="Search" aria-describedby="basic-addon2">
                            <div class="input-group-append">
                                <button class="btn btn-primary mr-2" type="submit">
                                    <i class="fas fa-search fa-sm"></i>
                                </button>
                               
                            </div>
                            <a href="{% url 'web:sub_admin_view' %}" class="btn btn-info mr-2 btn-sm float-right" role="button">Refresh</a>
                        </div>
                    </form>
                    </div>
                   

                    <!-- DataTales Example -->
                    <div class="card shadow mb-4">
                        <div class="card-header py-3">
                            <div class="row">
                                <div class="col-lg-6">
                                    <h6 class="m-0 font-weight-bold text-primary">Sub Admin List</h6>
                                </div>
                                <div class="col-lg-6">
                                    <a href="{% url 'web:add_sub_admin_view' %}?page={{page}}" class="btn btn-success btn-sm float-right" role="button">Add New</a>
                                    
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            {% include 'web/message.html' %}
                            
                            <div class="table-responsive mt-3">
                                {% if sub_admins %}
                                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                    <thead>
                                        <tr>
                                            <th>S.No.</th>
                                            <th>First Name</th>
                                            <th>Last Name</th>
                                            <th>Email</th>
                                            {% comment %} <th>Mobile Number</th> {% endcomment %}
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                   
                                    <tbody>
                                        {% for sub_admin in sub_admins %}
                                        <tr>
                                            <td>{{forloop.counter}}</td>
                                            <td style="word-break:break-word; " title="{{sub_admin.first_name}}">{{sub_admin.first_name}} </td>
                                            <td style="word-break:break-word; " title="{{sub_admin.last_name}}">{{sub_admin.last_name}}</td>
                                            <td style="word-break:break-all; " title="{{sub_admin.email}}">{{sub_admin.email}}</td>
                                            {% comment %} <td>{{sub_admin.phone_number}}</td> {% endcomment %}
                                            {% comment %} <td>{{sub_admin.is_verified}}</td> {% endcomment %}
                                            {% if sub_admin.is_active == 1 %}
                                            {% comment %} <td title="User is activate"><img class="text-center" src="{% static 'Images/assets/active-user.png' %}" width="50px"/>Active</td> {% endcomment %}
                                            <td><button type="button" id="active_id" disabled>Active</button></td>
                                            {% else %} 
                                           {% comment %} <td title="User is deactivate"><img class="text-center" src="{% static 'Images/assets/deactivate-user.png' %}" width="50px"/></td> {% endcomment %} 
                                          <td><button type="button" id="inactive_id"  disabled>Inactive</button></td>
                                            {% endif %}

                                            {% if sub_admin.is_active == 1 %}
                                            <td title="To deactivate user"><a href="{% url 'web:delete_sub_admin_view' sub_admin.id %}?page={{page}}" id="but_id1" class="btn-sm btn-danger btn-lg active px-1 py-1" onclick="conformBox3()" style="text-dacoration:none;" >Deactivate</a></td>
                                            {% else %}
                                            <td title="To activate user"><a href="{% url 'web:activate_sub_admin_view' sub_admin.id %}?page={{page}}" id="but_id2" class="btn-sm btn-success btn-lg active px-2 py-1" onclick="conformBox2()">Activate</a></td>
                                            {% endif %} 
                                            
                                                {% comment %} {% if sub_admin.is_active == 1 %}
                                                    <td class="tableflow" title="Active SubAdmin"><a href="{% url 'web:delete_sub_admin_view' sub_admin.id %}" class="btn-secondary active btn-sm" onclick="conformBox3()" style="text-decoration: none;font-size: 12px;font-weight: bold;">InActive</a></td>
                                                    {% else %}
                                                    <td class="tableflow" title="InActive SubAdmin"><a href="{% url 'web:activate_sub_admin_view' sub_admin.id %}" class="btn-success active btn-sm px-3" onclick="conformBox2()" style="text-decoration: none;font-size: 12px;font-weight: bold;">Active</a></td>
                                                {% endif %} {% endcomment %}
                                           
                                        </tr>
                                        {% endfor %}
                                        
                                      
                                    </tbody>
                                </table>
                                <div class="pagination float-right">
                                    <span class="step-links">
                                        {% if sub_admins.has_previous %}
                                            <a href="?page=1&search={{search}}">&laquo; first</a>
                                            <a href="?page={{ sub_admins.previous_page_number }}&search={{search}}">previous</a>
                                        {% endif %}
                                
                                        <span class="current">
                                            Page {{ sub_admins.number }} of {{ sub_admins.paginator.num_pages }}.
                                        </span>
                                
                                        {% if sub_admins.has_next %}
                                            <a href="?page={{ sub_admins.next_page_number }}&search={{search}}">next</a>
                                            <a href="?page={{ sub_admins.paginator.num_pages }}&search={{search}}">last &raquo;</a>
                                        {% endif %}
                                    </span>
                                </div>
                            </div>
                            {% else %}
                            
                            {% endif %}
                        </div>
                    </div>

                </div>
                <!-- /.container-fluid -->

            </div>
            <!-- End of Main Content -->
            <style>

                #but_id1{
                    font-size:12px;
                    font-weight:bold;
                }
                #but_id2{
                    font-size:13px;
                    font-weight:bold;
                    
                }
                #active_id{
                    color:green;
                    border:none;
                    font-weight:bold;
                }
                #inactive_id{
                    color:grey;
                    border:none;
                    font-weight:bold;
                }
                a{
                    margin: 3px;
                }
            </style>

            {% include 'web/include_comman/footer.html' %}