{% extends 'base.html' %}

{% load static %}

{% load crispy_forms_tags %}

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

{% block content %}
    <h3>USER -ADMIN UPDATE FORM</h3>
    <p>Chemical Section Platform</p>
    <hr style="background-color: rgb(48, 25, 52); color: rgb(48, 25, 52);">
    
    <div class="col-md-12 col-lg-6">
        <form method="POST" action="" id="formPage">
            {% csrf_token %}
            {{ form|crispy }}
            <button type="submit" class="btn btn-warning" id="submit_btn" onclick="if (confirm('Are you sure you want to Update this record!!!?')){return true;}else{event.stopPropagation(); event.preventDefault();};">&nbsp;&nbsp;UPDATE&nbsp;&nbsp;</button>
            <a href="/useradmin/admin_raw_material_del/{{R.id}}" class="btn btn-danger" onclick="if (confirm('Are you sure you want to Delete this record!!!?')){return true;}else{event.stopPropagation(); event.preventDefault();};">&nbsp;&nbsp;DELETE&nbsp;&nbsp;</a>
            <a href="/useradmin/models_dashboard/?model=Raw Material" class="btn btn-secondary">&nbsp;&nbsp;CANCEL&nbsp;&nbsp;</a>
        </form>
    </div>

    <script>
        $(document).ready(function(){
            $("#formPage div").addClass("mb-3");
            $("textarea").attr({"rows": "2", "cols": "40"});
            //$("input").each(function(){this.value = this.value.toUpperCase(); });
            $('.textinput').keyup(function(){this.value = this.value.toLocaleUpperCase(); });
        });
    </script>

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

    <script>
        if ( window.history.replaceState ) {
            window.history.replaceState( null, null, window.location.href );
        }
    </script>
    
{% endblock %}