{% extends 'base.html' %}

{% load static %}

{% load crispy_forms_tags %}

{% block title %} Registration Form | IQChem {% endblock %}

{% block content %}
    <h3>USER REGISTRATION 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;CREATE USER&nbsp;&nbsp;</button>
        </form>
    </div>

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

            $('#div_id_fname > label').text('First Name');
            $('#div_id_lname > label').text('Last Name');
           
        });
    </script>

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

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