Elep

{% extends 'basehtml.html' %}
{% block title %}
    SubscriptionFlow 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">SubscriptionFlow Connector</h1>
        <form class="form" id="subscriptionflow-form" name="subscriptionflow-form" action="/sfconnector" method="POST">
            {% csrf_token %}
            <div class="form-row justify-content-center">
                <div class="col-md-6 mb-3">

<label for="validationDefault01">Subdomain</label>
                    <div class="input-group mb-3">
                        <input type="text" class="form-control" placeholder="subdomain" id="validationDefault01"
                               name="subdomain" value="{{ subdomain }}" required>
                        <div class="input-group-append">
                            <span class="input-group-text">.subscriptionflow.com</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-row justify-content-center">
                <div class="col-md-6 mb-3">
                    <label for="validationDefault02">Client ID</label>
                    <input type="text" class="form-control" id="validationDefault02" value="{{ client_id }}"
                           name="client_id" required>
                </div>
            </div>
            <div class="form-row justify-content-center">
                <div class="col-md-6 mb-3">
                    <label for="validationDefault03">Client Secret Key</label>
                    <input type="text" class="form-control" id="validationDefault03" value="{{ client_secret }}"
                           name="client_secret" required>
                </div>
            </div>
            <div class="form-row justify-content-center">
                {% if request.session.sf_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);
        </script>
    {% endif %}
    <script>
        $(document).ready(function () {
            $("#subscriptionflow-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 %}