<?= $this->include('partials/html') ?>

<head>
    <?php echo view("partials/title-meta", array("title" => "Maintenance Page")) ?>

    <?= $this->include('partials/head-css') ?>
</head>

<body class="h-100">

    <div class="auth-bg d-flex min-vh-100 justify-content-center">
        <div class="mt-5 mb-5">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">

                        <div class="text-center">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                width="122" height="122" viewBox="0 0 122 122">
                                <defs>
                                    <path id="gear"
                                        d="M72,52.4v-8.8l-5.4-0.9c-0.4-1.5-1-2.9-1.7-4.1l3.2-4.4l-6.2-6.3L57.4,31c-1.3-0.7-2.7-1.3-4.1-1.7L52.4,24h-8.8l-0.9,5.4  c-1.5,0.4-2.8,1-4.1,1.7L34.2,28l-6.3,6.2l3.2,4.4c-0.7,1.3-1.3,2.7-1.7,4.2L24,43.6v8.8l5.4,0.9c0.4,1.5,1,2.8,1.7,4.1l-3.2,4.5  l6.2,6.2l4.5-3.2c1.3,0.7,2.7,1.3,4.2,1.7l0.9,5.3h8.8l0.9-5.4c1.4-0.4,2.8-1,4.1-1.7l4.5,3.2l6.2-6.2l-3.2-4.5  c0.7-1.3,1.3-2.6,1.7-4.1L72,52.4z M48,57.2c-5.1,0-9.2-4.1-9.2-9.2c0-5.1,4.2-9.2,9.2-9.2s9.2,4.1,9.2,9.2S53.1,57.2,48,57.2z">
                                    </path>
                                </defs>
                                <g transform="scale(0.77)">
                                    <use xlink:href="#gear" fill="#5b69bc">
                                        <animateTransform attributeType="XML" attributeName="transform" type="rotate"
                                            from="0 48 48" to="360 48 48" dur="12s" repeatCount="indefinite">
                                        </animateTransform>
                                    </use>
                                </g>
                                <g transform="scale(0.6) translate(83 13)">
                                    <use xlink:href="#gear" fill="#10c469">
                                        <animateTransform attributeType="XML" attributeName="transform" type="rotate"
                                            from="360 48 48" to="0 48 48" dur="12s" repeatCount="indefinite">
                                        </animateTransform>
                                    </use>
                                </g>
                                <g transform="scale(0.435) translate(37 139)">
                                    <use xlink:href="#gear" fill="#f9c851">
                                        <animateTransform attributeType="XML" attributeName="transform" type="rotate"
                                            from="360 48 48" to="0 48 48" dur="12s" repeatCount="indefinite">
                                        </animateTransform>
                                    </use>
                                </g>
                                <g transform="scale(0.935) translate(36 39)">
                                    <use xlink:href="#gear" fill="#ff8acc">
                                        <animateTransform attributeType="XML" attributeName="transform" type="rotate"
                                            from="0 48 48" to="360 48 48" dur="12s" repeatCount="indefinite">
                                        </animateTransform>
                                    </use>
                                </g>
                            </svg>

                            <h3 class="mt-4 text-black">Site is under Maintenance</h3>

                            <p class="text-muted">We're making the system more awesome.we'll be back shortly.</p>

                            <div class="row mt-5">
                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="card-body py-4">
                                            <div class="avatar-xl rounded-circle bg-soft-primary mx-auto">
                                                <i class="ti ti-stairs-down fs-32 avatar-title text-primary"></i>
                                            </div>
                                            <h5 class="fs-18 fw-semibold mt-3 mb-2">Why is the Site Down ?</h5>
                                            <p class="text-muted mb-0">We are currently experiencing technical difficulties with our website, including the admin panel. Our team is working diligently to resolve the issue and restore full functionality as quickly as possible.<br />Thank you!</p>
                                        </div>
                                    </div>

                                </div> <!-- end col-->
                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="card-body py-4">
                                            <div class="avatar-xl rounded-circle bg-soft-primary mx-auto">
                                                <i class="ti ti-hourglass-empty fs-32 avatar-title text-primary"></i>
                                            </div>
                                            <h5 class="fs-18 fw-semibold mt-3 mb-2">What is the Downtime ?</h5>
                                            <p class="text-muted mb-0">We are currently experiencing unexpected downtime, and some services, including the admin panel, may be temporarily unavailable. Our technical team is actively working to resolve the issue and restore access as soon as possible.</p>
                                        </div>
                                    </div>

                                </div> <!-- end col-->
                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="card-body py-4">
                                            <div class="avatar-xl rounded-circle bg-soft-primary mx-auto">
                                                <i class="ti ti-headset fs-32 avatar-title text-primary"></i>
                                            </div>
                                            <h5 class="fs-18 fw-semibold mt-3 mb-2">Do you need Support ?</h5>
                                            <p class="text-muted mb-0">If you need assistance or have urgent concerns, please contact our support team at <a
                                                    href="mailto:#"
                                                    class="link-info">no-reply@domain.com</a> or [+12 3456 789].

                                                We apologize for the inconvenience and appreciate your understanding. <br />Thank you!</p>
                                        </div>
                                    </div>

                                </div> <!-- end col-->
                            </div> <!-- end row-->

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <?= $this->include('partials/footer-scripts') ?>

</body>

</html>