{% extends "mnfapp/base.html" %} {% load static %} {% load i18n %}
<!-- {% block title %}Conversion Room {%endblock%} -->
{% block content %}
<style>
  .hidden-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 40vh;
  }

  .loading-spinner {
    border: 6px solid #FAFAFA;
    border-top: 6px solid #33B0CA;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    animation: spin 2s linear infinite;
  }
  .actsic_builder {
    background-color: #ee3c4d;
    color: #fff;
  }

  footer {
    width: 100% !important;
    position: absolute !important;
    bottom: 0 !important;
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
</style>

<div id="mulitligule" class="hidden-center">
  <h3 style="text-align: center; font-size: 24px; font-weight: 700; color: #616161;">
    {% trans "We are processing your script." %} <br />
    {% trans "We will notify you when it is Audited." %}
  </h3>

  <div class="loading-spinner" style="margin-top: 20px"></div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script>
  $(document).ready(function () {
    setTimeout(function () {
      window.location.href = "{% url 'new_audited_page' %}";
    }, 500);
  });
</script>

{% endblock %}