{% extends 'base.html' %}

{% load static i18n %}

{% block title %}Rizz{% endblock %}

{% block content %}

<div class="container-xxl">
    <div class="row vh-100 d-flex justify-content-center">
        <div class="col-12 align-self-center">
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-6 mx-auto">
                        <div class="card">
                            <div class="card-body p-5">
                                <div class="text-center">
                                    <img src="{% static '/images/extra/card/maintenance.png' %}" alt="" class="img-fluid mb-3">
                                    <h6 class="mb-2 fw-medium text-dark fs-24">We are down on maintenance right now</h6>
                                    <p class="text-muted mb-0 text-wrap fs-15">This website is currently undergoing
                                        Scheduled maintenance.</p>
                                    <div class="mt-3 text-center">
                                        <a class="btn btn-primary w-50" href="/">Back to Dashboard <i
                                                class="fas fa-redo ms-1"></i></a>
                                    </div>
                                </div>
                            </div><!--end card-body-->
                        </div><!--end card-->
                    </div><!--end col-->
                </div><!--end row-->
            </div><!--end card-body-->
        </div><!--end col-->
    </div><!--end row-->
</div><!-- container -->

{% endblock content %}