{% extends 'base.html' %}

{% load static %}

{% load crispy_forms_tags %}

{% block title %} Finished Product Parameters Form | IQChem {% endblock %}

{% block content %}
    <h3>FINISHED PRODUCT PARAMETERS CREATION 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-primary" id="submit_btn">&nbsp;&nbsp;SUBMIT&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"});
        });
    </script>

    <script>
        document.getElementById("formPage").onsubmit = function() {
            document.getElementById("submit_btn").disabled = true;
            document.getElementById("submit_btn").innerText = 'SUBMITTING';
            $("input[type=text]").val(function(i,val) {return val.toUpperCase(); });
        }
    </script>

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

    <script>

    </script>
    
{% endblock %}