<!DOCTYPE html>
<html lang="{LANG}" xmlns="http://www.w3.org/1999/xhtml" xml:lang="{LANG}">
<head>
    <!-- META -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.5, maximum-scale=1.0, user-scalable=yes">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
    <meta name="author" content="JMY CORE"/>
    <title>[alang:jmy_cms] - [alang:control_panel]</title>
    <base href="{URL}"/>
    <!-- FAVICON -->
    <link rel="shortcut icon" href="{ADM_THEME}/assets/images/favicon.ico"/>
    <!-- MAIN CSS -->
    <link rel="stylesheet" type="text/css" href="{ADM_THEME}/assets/css/admin-forms.css"/>
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato:300,400,600,700%7CMontserrat:400,700"/>
    <link rel="stylesheet" type="text/css" href="{ADM_THEME}/assets/css/theme.css"/>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"/>
    <script type="text/javascript">
        $(document).on('click', '.toggle-adminpass', function () {
            $(this).toggleClass("fa-eye fa-eye-slash");
            const input = $("#password");
            input.attr('type') === 'password' ? input.attr('type', 'text') : input.attr('type', 'password')
        });
    </script>
    <script type="text/javascript">
        let $buoop =;

        function $buo_f() {
            const e = document.createElement("script");
            e.src = "{ADM_THEME}/assets/js/update.min.js";
            document.body.appendChild(e);
        }
        try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
        catch (e)
        {window.attachEvent("onload", $buo_f)}
    </script>
</head>
<body class="external-page sb-l-c sb-r-c">
<div id="main" class="animated fadeIn">
    <section id="content_wrapper">
        <div id="canvas-wrapper">
            <canvas id="demo-canvas"></canvas>
        </div>
        <div id="content" class="table-layout animated fadeIn">
            <div class="tray tray-center">
                <div id="login1" class="admin-form theme-info">
                    {STOP}
                    <div class="panel panel-info panel-border top mt10 br-n br50">
                        <div class="panel-heading heading-border pn pl5 pr15 pt25 pb10">
                            {SOCIAL}
                        </div>
                        <div class="heading-hr"></div>
                        <div class="panel-body pn table-responsive p30">
                            <form style="margin:0; padding:0;" method="POST" action="{ADMIN}">
                                <div class="col-lg-7 col-md-7 col-sm-9 pr30">
                                    <div class="section">
                                        <label for="username" class="field-label text-muted fs18">{METOD}</label>
                                        <label for="username" class="field prepend-icon">
                                            <input id="username" type="text" name="nick" placeholder="{AUTH_METOD}" class="gui-input"/>
                                            <label for="username" class="field-icon">{AUTH_ICON}</label>
                                        </label>
                                    </div>
                                    <div class="section">
                                        <label for="username" class="field-label text-muted fs18">[alang:password]</label>
                                        <label for="password" class="field prepend-icon">
                                            <input id="password" type="password" name="password" placeholder="[alang:pre_password]" class="gui-input"/>
                                            <span toggle="#password-field" class="fa fa-fw fa-eye admin-field-password field_icon toggle-adminpass"></span>
                                            <label for="password" class="field-icon"><i class="fa fa-lock"></i></label>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-5 br-l br-grey pl30">
                                    <h3 class="mb10">[alang:control_panel]</h3>
                                    <p class="mb5"><span class="fa fa-check text-success pr5"></span>[alang:aplogin_line_1]</p>
                                    <p class="mb5"><span class="fa fa-check text-success pr5"></span>[alang:aplogin_line_2]</p>
                                    <p class="mb5"><span class="fa fa-check text-success pr5"></span>[alang:aplogin_line_3]</p>
                                    <p class="mb5"><span class="fa fa-check text-success pr5"></span>[alang:aplogin_line_4]</p>
                                    <p class="mb5"><span class="fa fa-check text-success pr5"></span>[alang:aplogin_line_5]</p>
                                </div>
                        </div>
                        <div class="panel-footer clearfix p10 ph15">
                            <label class="switch ib switch-primary switch-inline pull-left input-align mt10">
                                <input id="remember" type="checkbox" name="remember" checked/>
                                <label for="remember" data-on="[alang:yes]"></label><span aria-hidden="true">[alang:remember]</span>
                            </label>
                            <div class="section mb10 pl5">
                                <button type="submit" class="button popup-basic pull-right btn btn-primary btn-sm btn-raised legitRipple">[alang:signin]&nbsp;<i class="fa fa-sign-in"></i></button>
                            </div>
                        </div>
                        </form>
                    </div>
                    <div class="login-links">
                        <p class="text-center">{LICENSE}</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<script src="{ADM_THEME}/assets/js/core.min.js" type="text/javascript"></script>
<script src="{ADM_THEME}/assets/js/utility.js" type="text/javascript"></script>
<script src="{ADM_THEME}/assets/js/demo.js" type="text/javascript"></script>
<script src="{ADM_THEME}/assets/js/main.js" type="text/javascript"></script>
<script type="text/javascript">
    jQuery(document).ready(function () {
        "use strict";
        Core.init();
        Demo.init();
        CanvasBG.init({
            Loc: {
                x: window.innerWidth / 2,
                y: window.innerHeight / 3.3
            },
        });
    });
</script>
</body>
</html>