{% extends 'base.html' %}

{% load static %}

{% load crispy_forms_tags %}

{% block title %}Update {{lk}} | IQBlending{% endblock %}

{% block content %}
<div style="background-color: black;color:white;margin:0;padding:0;">
    <h4>BLENDING ADMINISTRATOR PLATFORM</h4>
    <p>{{lk|upper}} Administration Update</p>
</div>

<hr style="background-color: rgb(48, 25, 52); color: rgb(48, 25, 52);">
<div>
    <div class="col-md-12 col-lg-5">
    <form action="" method="post" id="formPage">
        {% csrf_token %}
            <h5>{{ lk|upper }} UPDATE FORM</h5>
            {{ form|crispy }}
            <input type="hidden" value="{{data.id}}" name="pkk">
            <button type="submit" class="btn btn-warning btn-sm mt-3 mb-2" id="submit_btn" onclick="if (confirm('Do you want to Update this Record!!!?')){return true;}else{event.stopPropagation(); event.preventDefault();};">&nbsp;&nbsp;UPDATE&nbsp;&nbsp;</button>
            <a href="/administrator/{{lk}}_admin_detail_fxn/{{data.id}}" class="btn btn-secondary btn-sm mt-3 mb-2">&nbsp;&nbsp;CANCEL&nbsp;&nbsp;</a>
    </form>
    </div>
</div>
 <br><br>
 <script>
        $(document).ready(function(){
            $("#formPage div").addClass("mb-3");
            $("textarea").attr({"rows": "3", "cols": "40"});
            //$("#id_date_blended").attr({'type':'date'});
    })
</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 %}