{% 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">
        {% for k,v in object.items %}
            <p class="mb-0 mt-1"><span class="obj__key">{{ k|upper }}</span> : <strong>{{ v }}</strong></p>
        {% endfor %}
    </div>
    <hr style="background-color: rgb(48, 25, 52); color: rgb(48, 25, 52);">
    
    <a href="/useradmin/frontend_list_view/?material={{material}}" class="btn btn-dark">MAIN LIST</a>
    <button onclick="history.back()" class="btn btn-dark">BACK</button>
    
    <a href="/useradmin/frontend_update_view/{{object.id}}/?id={{object.id}}&material={{material}}" class="btn btn-warning">UPDATE</a>
    <a href="/useradmin/frontend_delete_view/{{object.id}}/?id={{object.id}}&material={{material}}" class="btn btn-danger">DELETE</a>
    
    <script>
        $(document).ready(function(){
            var keys = $('.obj__key');
            $.each( keys, function( key, value ){
                value.replace(/_/g, " ");
                //console.log( key + ": " + value.innerText() );
                });
        });
    </script>

    
{% endblock %}