{% extends "base.html" %}
{% block content %}
<form id="multiStepForm">
    <div class="step active">
        <div class="pad-inline my-3">
            <p>5 of 5 completed</p>
            <div class="progress">
                <div class="progress-bar bg-akuvox" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
        </div>
        <div class="steps-container pad-inline">
            <div class="status-container">
                {% if response.status == 'success' %}
                <h1 class="text-akuvox"><i class="bi bi-envelope-check"></i> Success!</h1>
                {% elif response.status == 'warning' %}
                <h1 class="warning"><i class="bi bi-exclamation-triangle"></i> Warning!</h1>
                {% else %}
                <h1 class="error"><i class="bi bi-exclamation-circle"></i> Error!</h1>
                {% endif %}
                <p>{{ response.msg }}</p>
            </div>
        </div>
        <div class="row pad-inline">
            {% if response.status == 'fail' %}
                <div class="col-md-12 mb-3">
                    <button type="button" class="btn btn-primary btn-block" onclick="window.history.back()">Try Again</button>
                </div>
            {% else %}
                <div class="col-md-6 mb-3">
                    <a href="https://ecloud.akuvox.com" target="_blank" class="btn btn-primary btn-block" role="button">Go to Akuvox Cloud</a>
                </div>
                <div class="col-md-6 mb-3">
                    <a href="{{ url_for('documentation_index') }}" class="btn btn-primary btn-block" role="button">Read Documentation</a>
                </div>
            {% endif %}

        </div>
    </div>
</form>
{% endblock %}