{% 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-6">
        <h5>ENTRANCE LOG DATA</h5>
        <form action="" method="POST" class="formPage">
            {% csrf_token %}
            {{ matForm|crispy }}
            <button type="submit" class="btn btn-primary mt-3 submit_btn" onclick="if (confirm('Are you sure you want to Update this record!!!?')){return true;}else{event.stopPropagation(); event.preventDefault();};">UPDATE ENTRANCE INFO.</button>
        </form>
        <hr style="background-color: rgb(48, 25, 52); color: rgb(48, 25, 52);">
        {% if form %}
            <h5>ANALYSIS PARAMETERS</h5>
            <form action="" method="POST" class="formPage">
                {% csrf_token %}
                {{ form|crispy }}
                <button type="submit" class="btn btn-primary mt-3 submit_btn" onclick="if (confirm('Are you sure you want to Update this record!!!?')){return true;}else{event.stopPropagation(); event.preventDefault();};">UPDATE ANALYSIS RESULT</button>
            </form>
        {% endif %}
    </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/frontend_detail_view/{{object.id}}/" class="btn btn-secondary">BACK</a>
    <a href="/useradmin/frontend_list_view/?material={{material}}" class="btn btn-primary">MAIN</a-->
    <a href="/useradmin/" class="btn btn-primary">MAIN</a>
    <a href="" class="btn btn-warning">UPDATE</a>
    <a href="" class="btn btn-danger">DELETE</a>

<script>
    $(document).ready(function(){
        $("#formPage div").addClass("mb-3");
        $("textarea").attr({"rows": "2", "cols": "40"});
    });
</script>

<script>
    document.getElementsByClassName("formPage").onsubmit = function() {
        document.getElementByClassName("submit_btn").disabled = true;
        document.getElementByClassName("submit_btn").innerText = 'UPDATING';
    }
</script>

    
{% endblock %}