<!DOCTYPE html>

<html lang="en">

<!-- begin::Head -->
<head>
    <meta charset="utf-8"/>
    <title>Log in!</title>
    <meta name="description" content="Flaticon icons">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">


    <!--begin::Web font -->
    <script src="/assets_custom/js/webfont.js"></script>
    <script>
        WebFont.load({
            google: {"families": ["Poppins:300,400,500,600,700", "Roboto:300,400,500,600,700"]},
            active: function () {
                sessionStorage.fonts = true;
            }
        });
    </script>

    <!--end::Web font -->

    
    <!--begin:: Global Mandatory Vendors -->
    <link href="/vendors/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="/bundles/whiteoctoberpagerfanta/css/pagerfantaDefault.css"
          type="text/css" media="all"/>

    <!--end:: Global Mandatory Vendors -->

    <!--begin:: Global Optional Vendors -->
    <link href="/vendors/vendors/line-awesome/css/line-awesome.css" rel="stylesheet" type="text/css"/>
    <link href="/vendors/vendors/flaticon/css/flaticon.css" rel="stylesheet" type="text/css"/>
    <link href="/vendors/vendors/metronic/css/styles.css" rel="stylesheet" type="text/css"/>
    <link href="/vendors/vendors/fontawesome5/css/all.min.css" rel="stylesheet" type="text/css"/>

    <!--end:: Global Optional Vendors -->

    <!--begin::Global Theme Styles -->
        <link href="/assets/demo/default/base/style.bundle.css" rel="stylesheet" type="text/css"/>

    <!--end::Global Theme Styles -->
        <link href="/assets_custom/css/style.css" rel="stylesheet" type="text/css"/>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-T596CB6');</script>
    <!-- End Google Tag Manager -->
    <link rel="shortcut icon" href="/assets/demo/default/media/img/logo/favicon.ico"/>
    			<link rel="stylesheet" href="/build/988.5c864fbe.css"><link rel="stylesheet" href="/build/appReact.0f6fdca2.css">
			<script src="/build/runtime.4284814b.js" defer></script><script src="/build/988.f1f67654.js" defer></script><script src="/build/appReact.76385fba.js" defer></script>
		</head>

<!-- end::Head -->

<!-- begin::Body -->
<body class="m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--fixed m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default m-brand--minimize m-aside-left--minimize">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T596CB6"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<form method="post" class="h-100">
        <!-- begin:: Page -->
    <div class="m-grid m-grid--hor m-grid--root m-page h-100">
        <div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-grid--tablet-and-mobile m-grid--hor-tablet-and-mobile m-login m-login--1 m-login--signin" id="m_login">
            <div class="m-grid__item m-grid__item--order-tablet-and-mobile-2 m-login__aside">
                <div class="m-stack m-stack--hor m-stack--desktop">
                    <div class="m-stack__item m-stack__item--fluid">
                        <div class="m-login__wrapper">
                            <div class="m-login__logo">
                                <a href="#">
                                    <img src="../../../assets/app/media/img/logos/logo-2.png">
                                </a>
                            </div>
                            <div class="m-login__signin">
                                <div class="m-login__head">
                                    <h3 class="m-login__title">Đăng nhập vào AMACSPORT</h3>
                                </div>

                                <form class="m-login__form m-form" action="">
                                    <div class="form-group m-form__group">
                                        <input class="form-control m-input" id="inputEmail" type="email" required autofocus placeholder="Email" name="email" autocomplete="off">
                                    </div>
                                    <input type="hidden" name="_csrf_token"
                                           value="XgsjyvP0oKgKT3LDsX24tWlUV0bANaCTI5HLKZEpfLw"
                                    >
                                    <div class="form-group m-form__group">
                                        <input class="form-control m-input m-login__form-input--last" type="password" placeholder="Mật khẩu" name="password" id="inputPassword">
                                    </div>
                                    <div class="row m-login__form-sub">
                                        <div class="col m--align-left">
                                            <label class="m-checkbox m-checkbox--focus">
                                                <input type="checkbox" name="_remember_me" checked/> Remember me
                                                <span></span>
                                            </label>
                                        </div>
                                        <div class="col m--align-right">
                                            <a href="javascript:;" id="m_login_forget_password" class="m-link">Quên mật khẩu ?</a>
                                        </div>
                                    </div>
                                    <div class="m-login__form-action">
                                        <button id="m_login_signin_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air">Đăng nhập</button>
                                    </div>
                                </form>
                            </div>
                            <div class="m-login__forget-password">
                                <div class="m-login__head">
                                    <h3 class="m-login__title">Forgotten Password ?</h3>
                                    <div class="m-login__desc">Enter your email to reset your password:</div>
                                </div>
                                <form class="m-login__form m-form" action="">
                                    <div class="form-group m-form__group">
                                        <input class="form-control m-input" type="text" placeholder="Email" name="email" id="m_email" autocomplete="off">
                                    </div>
                                    <div class="m-login__form-action">
                                        <button id="m_login_forget_password_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air">Request</button>
                                        <button id="m_login_forget_password_cancel" class="btn btn-outline-focus m-btn m-btn--pill m-btn--custom">Cancel</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="m-grid__item m-grid__item--fluid m-grid m-grid--center m-grid--hor m-grid__item--order-tablet-and-mobile-1	m-login__content m-grid-item--center h-auto" style="background-image: url(../../../assets/app/media/img//bg/bg-4.jpg)">
                <div class="m-grid__item">
                    <h3 class="m-login__welcome">AMAC SPORT</h3>
                    <p class="m-login__msg">
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- end:: Page -->
</form>

<!--begin:: Global Mandatory Vendors -->
<script src="/vendors/jquery/dist/jquery.js" type="text/javascript"></script>
<script src="/vendors/popper.js/dist/umd/popper.js" type="text/javascript"></script>
<script src="/vendors/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/vendors/moment/min/moment.min.js" type="text/javascript"></script>
<script src="/vendors/tooltip.js/dist/umd/tooltip.min.js" type="text/javascript"></script>
<script src="/vendors/perfect-scrollbar/dist/perfect-scrollbar.js" type="text/javascript"></script>
<script src="/assets_custom/js/sweetalert2.all.min.js" type="text/javascript"></script>
<script src="/assets_custom/js/jquery.playSound.js"></script>

<!--end:: Global Mandatory Vendors -->

<!--begin::Global Theme Bundle -->
<script src="/assets/demo/default/base/scripts.bundle.js" type="text/javascript"></script>

<script>
    var $s3_endpoint='http://amac.ctasolution.com/upload/';
    var $digital_endpoint='https://amacsport.sgp1.digitaloceanspaces.com';
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EXF3RKYSXG"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
        
    gtag('config', 'G-EXF3RKYSXG');
</script>
<script src="/assets_custom/js/order_now_quantity.js?v=14"
        type="application/javascript"></script>
<script src="/assets_custom/js/notification/index.js?v=4" type="application/javascript"></script>

</body>

<!-- end::Body -->
</html>
