{% extends "admin/base.html" %}
{% load i18n static %}

{% block extrastyle %}
  {{ block.super }}
  {{ form.media }}
{% endblock %}

{% block bodyclass %}bg-body{% endblock %}

{% block outter_wrapper %}
  <div class="login-container align-items-center d-flex justify-content-center login-container w-100"
  style="
       background-image: url({% static 'simpelmin/img/bridge.png' %});
       background-repeat: no-repeat;
       height: 100vh;
       background-position-y: bottom;
     "
  >
    <div class="login-wrapper text-center" style="width: 380px;">
      <div class="border bg-white px-6 py-6 rounded-3 shadow">
        <div class="text-center pb-3">
          <img src="{% static 'simpelmin/img/logo_light.svg' %}" style="height: 56px;">
        </div>
        <h1 class="display-8 text-center">
          {% trans "See you soon .." %}  
        </h1>
        {% trans "Thank you for your hard work.." %}
        <p class="text-muted">Balai Riset dan Standardisasi Industri Bandar Lampung</p>
        <a class="btn btn-primary" href="{% url 'admin:login' %}">{% trans "Login Again" %}</a>
        <div class="my-3 text-muted small text-center">Balai Riset dan Standardisasi Industri <br/> Bandar Lampung</div>
      </div>
    </div>
  </div>
{% endblock %}

{% block tawk_to %}{% endblock tawk_to %}
