<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Title -->
    <title>Admin || <?= $meta_title ?></title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="mws">
    <meta name="robots" content="index, nofollow">
    <meta name="keywords" content="<?= $meta_keyword ?>">
    <meta name="description" content="<?= $meta_description ?>">
    <!-- MOBILE SPECIFIC -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Favicon icon -->
    <!-- Vectormap -->
    <link href="<?= SITE_URL ?>public/admin/assets/vendor/jqvmap/css/jqvmap.min.css" rel="stylesheet">
    <link href="<?= SITE_URL ?>public/admin/assets/vendor/bootstrap-datepicker-master/css/bootstrap-datepicker.min.css" rel="stylesheet">
    <link href="<?= SITE_URL ?>public/admin/assets/vendor/dropzone/dist/dropzone.css" rel="stylesheet">
    <!-- Datatable -->
    <link href="<?= SITE_URL ?>public/admin/assets/vendor/datatables/css/jquery.dataTables.min.css" rel="stylesheet">
    <link href="<?= SITE_URL ?>public/admin/assets/vendor/datatables/responsive/responsive.css" rel="stylesheet">
    <!-- Custom Stylesheet -->
    <link href="<?= SITE_URL ?>public/admin/assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css" rel="stylesheet">
    <link href="<?= SITE_URL ?>public/admin/assets/css/style.css" rel="stylesheet">
    <script src="<?= SITE_URL ?>public/admin/assets/vendor/global/global.min.js"></script>
    <script src="<?= SITE_URL ?>public/admin/assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
    <style>
        body {
            background-color: cadetblue;
        }
    </style>
</head>

<body>
    <div id="preloader">
        <div class="sk-three-bounce">
            <div class="sk-child sk-bounce1"></div>
            <div class="sk-child sk-bounce2"></div>
            <div class="sk-child sk-bounce3"></div>
        </div>
    </div>
    <div id="main-wrapper">
        <div class="fix-wrapper">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-5 col-md-6">
                        <div class="card mb-0 h-auto">
                            <?php echo display_alert(); ?>
                            <div class="card-body">
                                <h4 class="text-center mb-4">Sign in your account</h4>
                                <form action="<?= ADMIN_URL . 'auth' ?>" method="post">
                                    <div class="form-group mb-4">
                                        <label class="form-label" for="username">Username</label>
                                        <input type="text" name="username" class="form-control" placeholder="Enter Username" id="username">
                                    </div>
                                    <div class="form-group mb-3 mb-sm-4">
                                        <label class="form-label">Password</label>
                                        <div class="position-relative">
                                            <input type="password" id="dz-password" class="form-control" name="password" value="" placeholder="Enter Password">
                                            <span class="show-pass eye">
                                                <i class="fa fa-eye-slash"></i>
                                                <i class="fa fa-eye"></i>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="text-center">
                                        <button type="submit" name="auth" class="btn btn-primary btn-block">Sign In</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="copyright">
                <p>Copyright © Designed &amp; Developed by <a href="https://www.magicwebservices.com/" target="_blank">Magic web
                        services</a> <?php echo date("Y"); ?></p>
            </div>
        </div>
    </div>

    <!-- Required vendors -->
    <script src="<?= SITE_URL ?>public/admin/assets/vendor/owl-carousel/owl.carousel.js"></script>

    <!-- Vectormap -->
    <script src="<?= SITE_URL ?>public/admin/assets/vendor/jqvmap/js/jquery.vmap.min.js"></script>
    <script src="<?= SITE_URL ?>public/admin/assets/vendor/jqvmap/js/jquery.vmap.world.js"></script>
    <script src="<?= SITE_URL ?>public/admin/assets/vendor/jqvmap/js/jquery.vmap.usa.js"></script>

    <!-- Chart piety plugin files -->
    <script src="<?= SITE_URL ?>public/admin/assets/vendor/peity/jquery.peity.min.js"></script>

    <script src="<?= SITE_URL ?>public/admin/assets/js/custom.min.js"></script>
    <script src="<?= SITE_URL ?>public/admin/assets/js/deznav-init.js"></script>
    <!-- Dashboard 1 -->

    <script src="<?= SITE_URL ?>public/admin/assets/vendor/bootstrap-datepicker-master/js/bootstrap-datepicker.min.js"></script>
    <script src="<?= SITE_URL ?>public/admin/assets/vendor/dropzone/dist/dropzone.js"></script>

    <!-- Datatable -->
    <script src="<?= SITE_URL ?>public/admin/assets/vendor/datatables/js/jquery.dataTables.min.js"></script>
    <script src="<?= SITE_URL ?>public/admin/assets/vendor/datatables/responsive/responsive.js"></script>
    <script src="<?= SITE_URL ?>public/admin/assets/js/plugins-init/datatables.init.js"></script>

</body>

</html>