{% extends 'base.html' %}

{% load static %}

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

{% block content %}
<div style="background-color: black;color:white;margin:0;padding:0;">
    <h4>BLENDING ADMINISTRATOR PLATFORM</h4>
    <p>{{lk|upper}} Administration Dashboard</p>
</div>

<hr style="background-color: rgb(48, 25, 52); color: rgb(48, 25, 52);">
{% if data %}
<div>
    <ul class="list-group list-group-flush">
        {% for d in data %}
            <li class="list-group-item"><a class="stretched-link" href="/administrator/{{lk}}_admin_detail_fxn/{{d.id}}">{{d}}</a></li>
        {% endfor %}
    </ul>
{% if data.has_other_pages %}
    <ul class="pagination">
        {% if R.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 data.paginator.page_range %}
        {% if data.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 data.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 {{ lk|upper }}</h1>

{% endif %}

<a href="/administrator/" class="btn btn-dark mt-3">&nbsp;&nbsp;BACK&nbsp;&nbsp;</a>
{% if lk == 'blend' %}
    <a href="/administrator/blend_admin_create_fxn/" class="btn btn-outline-dark mt-3">CREATE BLEND</a>
{% endif %}
 <br><br>
{% endblock %}