{% extends 'base.html' %}

{% load static %}

{% load crispy_forms_tags %}

{% block title %} User-Admin | IQChem {% endblock %}

{% block content %}
    <h3>ADMINISTRATOR DASHBOARD</h3>
    <p>Chemical Section Platform</p>
    <hr style="background-color: rgb(48, 25, 52); color: rgb(48, 25, 52);">
    <div class="col-sm-12 col-lg-10">
        <div class="list-group">
            {% for l in object_list %}
                {% if l.material %}
                    <a href="/useradmin/frontend_detail_view/{{l.id}}/?id={{l.id}}&material=frontend" class="list-group-item list-group-item-action">
                        <div class="d-flex w-100 justify-content-between">  
                            <p class="mb-0 mt-0">{{l.id}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Reference : {{l.reference}}, &nbsp;&nbsp;&nbsp;Material : {% if l.material %}{{l.material}}{% else %}{{l.material_info.material}}{% endif %}, &nbsp;&nbsp;&nbsp;Supplier : {{l.supplier}},&nbsp;&nbsp;&nbsp;Date : {% if l.date_sampled %}{{l.date_sampled}}{% else %}{{l.material_info.date_sampled}}{% endif %} </p>
                        </div>
                    </a>
                {% else %}
                    <a href="/useradmin/frontend_detail_view/{{l.id}}/?id={{l.id}}&material={{l.material_info.material}}" class="list-group-item list-group-item-action">
                        <div class="d-flex w-100 justify-content-between">  
                            <p class="mb-0 mt-0">{{l.id}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Reference : {{l.reference}}, &nbsp;&nbsp;&nbsp;Material : {% if l.material %}{{l.material}}{% else %}{{l.material_info.material}}{% endif %}, &nbsp;&nbsp;&nbsp;Supplier : {{l.supplier}},&nbsp;&nbsp;&nbsp;Date : {% if l.date_sampled %}{{l.date_sampled}}{% else %}{{l.material_info.date_sampled}}{% endif %} </p>
                        </div>
                    </a>
                {% endif %}
            {% endfor %}
        </div>
        <hr style="background-color: rgb(48, 25, 52); color: rgb(48, 25, 52);">
        <button onclick="history.back()" class="btn btn-dark">BACK</button>
        <a href="/useradmin/" class="btn btn-dark">MAIN LIST</a>
    </div>


    <script>
        $(document).ready(function(){});
    </script>

    
{% endblock %}