{% extends 'base.html' %}

{% load static %}

{% load crispy_forms_tags %}

{% block title %} Receive Material Form | IQChem {% endblock %}

{% block content %}
    <h3>MATERIAL FORM (Admin Mode)</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 class="btn btn-primary" type="submit" onclick="if (confirm('Are you sure you want to Create this record!!!?')){return true;}else{event.stopPropagation(); event.preventDefault();};">&nbsp;&nbsp;CREATE&nbsp;&nbsp;</button>
            <a href="/useradmin/" 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 = 'CREATING';
        }
    </script>

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