{% include 'registration/header.html' %}
{% load static %}
<div class="container-xxl">
      <div class="container-p-y">
        <div class="authentication-inner">
          <!-- Register -->
          <div class="card">
            <div class="card-body">
              <!-- Logo -->
              <div class="app-brand justify-content-center">
                <a href="">
                  <span class="app-brand-logo demo">
                      {% if GET_PASS_IMAGE %}
                        <img src="{% static GET_PASS_IMAGE %}" class="com-logo" style="width: 200px;">
                        {% else %}

                    {% endif %}

                  </span>
                </a>
              </div>
              <div style="padding: 10px;">
                {% if messages %}
                  {% for message in messages %}
                    <div class="alert {% if 'success' in message.tags %}alert-success alert-dismissible{% elif 'danger' in message.tags %}alert-danger alert-dismissible{% endif %}" role="alert" id="success-alert">
                      {{ message }}
                      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                  {% endfor %}
                {% endif %}
              </div>
                <section class="content">
                  <div class="row">
                    <div class="col-md-12">

                      <div class="box box-primary">

                            {% if registered == 'true'%}

                                <h3 style="text-align: center;">{{thank_message}}</h3>

                            {% elif registered == 'false'%}
                                 <h3 style="text-align: center;">{{thank_message}}</h3>

                            {% else %}
                                <h3 style="text-align: center;">{{message}}</h3>

                            {% endif %}
                      </div>

                    </div>
                  </div>

                </section>

            </div>
          </div>
        </div>
      </div>
</div>
<script src="{% static '/assets/vendor/libs/jquery/jquery.js'%}"></script>
    <script src="{% static '/assets/vendor/libs/popper/popper.js'%}"></script>
    <script src="{% static '/assets/vendor/js/bootstrap.js'%}"></script>
    <script src="{% static '/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js'%}"></script>

    <script src="{% static '/assets/vendor/js/menu.js'%}"></script>
    <!-- endbuild -->

    <!-- Vendors JS -->
    <script src="{% static '/assets/vendor/libs/apex-charts/apexcharts.js'%}"></script>

    <!-- Main JS -->
    <script src="{% static '/assets/js/main.js'%}"></script>

    <!-- Page JS -->
    <script src="{% static '/assets/js/dashboards-analytics.js'%}"></script>