Elep

{% extends 'basehtml.html' %}
{% block title %}
    SnowFlake Connector
{% endblock title %}
{% block content %}
    
    <div class="container-fluid d-flex justify-content-center flex-column">

<h1 class="h3 mb-4 text-black-50  text-center">SnowFlake Connector</h1>
        <form class="form" id="snowflakeconnector-form" name="snowflakeconnector-form" action="/snowflakeconnector" method="POST">
            {% csrf_token %}
            <div class="form-row justify-content-center">
{#                    <script>console.log({{ password }});#}
{#                    console.log("test");#}
{#                    </script>#}
                <div class="col-md-6 mb-3">
                    <label for="validationDefault01">Account Name</label>
                    <input type="text" class="form-control" name="account" value="{{ account }}" id="validationDefault01" placeholder="Enter Account Name" required>
                </div>
            </div>
            <div class="form-row justify-content-center">
                <div class="col-md-6 mb-3">
                    <label for="validationDefault02">User Name</label>
                    <input type="text" class="form-control" id="validationDefault02" name="user" placeholder="Enter Username" value="{{ user }}" required>
                </div>
            </div>
            <div class="form-row justify-content-center">
                <div class="col-md-6 mb-3">
                    <label for="validationDefault03">Password</label>
                    <input type="password" class="form-control" id="validationDefault03" placeholder="Enter Password" name="password" value="{{ password }}" required>
                </div>
            </div>
            <div class="form-row justify-content-center">
                <div class="col-md-6 mb-3">
                    <label for="validationDefault04">Role</label>
{#                    <input type="text" class="form-control"  placeholder="Enter Role" name="role" value="{{ role }}" required>#}
                    <select class="form-control" id="validationDefault04" id="validationDefault04" name="role" required>
                        {% if values_found %}
                            <option value="{{ role }}" selected>{{ role }}</option>
                        {% else %}
                            <option></option>
                            <option value="accountadmin">accountadmin</option>
                            <option value="orgadmin">orgadmin</option>
                        {% endif %}
                    </select>
                </div>
            </div>
            <div class="form-row justify-content-center">
                {% if request.session.snowflake_connected is False %}
                    <button class="btn btn-primary" id="button_submit" type="submit">Connect</button>
                {% else %}
                    <button class="btn btn-success" type="submit" disabled>Connected</button>
                {% endif %}
            </div>
        </form>
    </div>
    
{% if values_found %}
    <script>
        val01 = $('#validationDefault01');
        val01.attr("disabled", true);

val02 = $('#validationDefault02');
        val02.attr("disabled", true);

val03 = $('#validationDefault03');
        val03.attr("disabled", true);

val04 = $('#validationDefault04');
        val04.attr("disabled", true);
    </script>
{% endif %}
<script>
    $(document).ready(function () {
        $("#snowflakeconnector-form").submit(function (e) {
            //disable the submit button
            $("#button_submit").attr("disabled", true);
            $("#button_submit").html('<i class="fa fa-spinner fa-spin"></i> Loading');
            return true;
        });
    });
</script>
{% endblock content %}