<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Absenku | <?= $this->lang->line('warning_page_title') ?></title>


        <link rel="stylesheet" type="text/css" href="<?= $this->config->item('dir_assets') ?>app-assets/css/vendors.css">
        <link rel="stylesheet" type="text/css" href="<?= $this->config->item('dir_assets') ?>app-assets/css/app.css">
        <link rel="stylesheet" type="text/css" href="<?= $this->config->item('dir_assets') ?>css/custom-vii.css?v=2">

        <style type="text/css">
            html body {
                background-image: url(<?= base_url('assets/images/not-found/upgrade-layanan-warning-bg.png') ?>);
                /*background-size: cover;*/
                background-size: 100%;
                display:flex;
                flex-flow:column;
                justify-content : space-between;
            }

            a{
                color: #1760b7;
                font-weight: bold;
                text-decoration: underline;
            }


        </style>

    </head>

    <body>
        <img class="brand-logo mt-4 ml-4" width="200" src="<?= $this->config->item('dir_assets') ?>images/logo/logo-absenku-pro.svg">
        <div class="app-content container center-layout">
            <div class="content-wrapper">
                <div class="content-body">
                    <div class="row">
                        <div class="col-md-6 align-content-center">
                                <img style="width:500px" src="<?= base_url() ?>assets/images/not-found/upgrade-layanan-warning-icon.svg">
                        </div>
                        <div class="col-md-6 d-flex flex-column justify-content-between">
                            <div class="row" style="margin-top: auto; margin-bottom: auto;">
                                <div class="col-md-12">
                                    <h3><?= $this->lang->line('warning_content_title') ?></h3>
                                    <p><?= $this->lang->line('warning_content') ?></p>
                                    <a href="https://wa.me/6285333262727" target="_blank">
                                        <button class="btn btn-biru"><?= $this->lang->line('warning_btn') ?></button>
                                    </a>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                        <a href="<?= ($this->level_user !== "3")?route("dashboard.absensi"):route("laporan.absensi.home") ?>">
                                            <?= $this->lang->line('btn_back_to_dashboard') ?>
                                        </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <footer class="footer footer-static navbar-shadow">
        <p class="clearfix text-sm-center mb-0 px-2">
            Copyright © 2021-<?= date('Y') ?> Absenku
        </p>
    </footer>



</html>