<!DOCTYPE html>
<head>
    <base href="/">
    <title>{{browserTitle | upper()}} CMS - Admin Login</title>
    <meta charset="utf-8">
    <meta name="description" content="{{browserTitle | upper()}} CMS - Admin Login">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:locale" content="en_US">
    <meta property="og:type" content="article">
    <meta property="og:title" content="{{browserTitle | upper()}} CMS - Admin Panel">
    <meta property="og:url" content="#">
    <meta property="og:site_name" content="{{browserTitle | upper()}} CMS">
    <link rel="canonical" href="#">
    <link rel="shortcut icon" href="undefined">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700">
    <link href="/cms-static/admin/assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"/>
    <link href="/cms-static/admin/assets/css/style.bundle.css" rel="stylesheet" type="text/css">
</head>
<script>
    {
        # if (document.documentElement) {
            const defaultThemeMode = "system";
            const name = document.body.getAttribute("data-beaver-name");
            let themeMode = localStorage.getItem("beaver_" + (
                name !== null
                    ? name + "_"
                    : ""
            ) + "theme_mode_value");
            if (themeMode === null) {
                if (defaultThemeMode === "system") {
                    themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches
                        ? "dark"
                        : "light";
                } else {
                    themeMode = defaultThemeMode;
                }
            }
            document.documentElement.setAttribute("data-theme", themeMode);
        }
        #
    }
</script>
<div class="d-flex flex-column flex-root" id="beaver_app_root">
    <style>
        body {
            background-image: url("assets/media/auth/bg10.jpeg");
        }
        [data-theme="dark"] body {
            background-image: url("/cms-static/admin/assets/media/auth/bg10-dark.jpeg");
        }
    </style>
    <div class="d-flex flex-column flex-lg-row flex-column-fluid">
        <div class="d-flex flex-lg-row-fluid">
            <div class="d-flex flex-column flex-center pb-0 pb-lg-10 p-10 w-100"><img
                    class="theme-light-show mx-auto mw-100 w-150px w-lg-300px mb-10 mb-lg-20"
                    src="/cms-static/admin/assets/media/illustrations/dozzy-1/4.png"
                    alt=""><img
                    class="theme-dark-show mx-auto mw-100 w-150px w-lg-300px mb-10 mb-lg-20"
                    src="/cms-static/admin/assets/media/illustrations/dozzy-1/4-dark.png"
                    alt="">
                <h1 class="text-gray-800 fs-2qx fw-bold text-center mb-7">{{browserTitle | upper()}} CMS</h1>
            </div>
        </div>
        <div class="d-flex flex-column-fluid flex-lg-row-auto justify-content-center justify-content-lg-end p-12">
            <div class="bg-body d-flex flex-center rounded-4 w-md-600px p-10">
                <div class="w-md-400px">
                    <form
                        class="form w-100 es-form"
                        id="beaver_sign_in_form"
                        method="post"
                        action="/admin/auth/login"
                        novalidate="novalidate">
                        <div class="text-center mb-11">
                            <h1 class="text-dark fw-bolder mb-3">Sign In</h1>
                            <div class="text-gray-500 fw-semibold fs-6">Your Admin Access</div>
                        </div>
                        <div class="fv-row mb-8">
                            <input class="form-control bg-transparent" type="text" placeholder="Email" name="email" autocomplete="off">
                            <div class="fv-plugins-message-container invalid-feedback" id="field-error-email"></div>
                        </div>
                        <div class="fv-row mb-3">
                            <input class="form-control bg-transparent" type="password" placeholder="Password" name="password" autocomplete="off">
                            <div class="fv-plugins-message-container invalid-feedback" id="field-error-password"></div>
                        </div>
                        <div class="d-flex flex-stack flex-wrap gap-3 fs-base fw-semibold mb-8">
                            <div></div>
                        </div>
                        <div class="d-grid mb-10">
                            <button class="btn btn-primary form-submit-btn" id="beaver_sign_in_submit" type="submit">
                                <span class="indicator-label label">Sign In</span>
                                <span class="preloader d-none">Please wait...</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var hostUrl = "/cms-static/admin/assets/";
</script>
<script src="/cms-static/admin/assets/plugins/global/plugins.bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script src="/cms-static/admin/assets/js/scripts.bundle.js"></script>
<script src="/cms-static/common/js/form-data-json.min.js"></script>
<script src="/cms-static/common/js/es-form.js"></script>