<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:86:"/home/www/wwwroot/web.com/juliang/fa/public/../application/admin/view/index/login.html";i:1736221048;s:76:"/home/www/wwwroot/web.com/juliang/fa/application/admin/view/common/meta.html";i:1731679605;s:78:"/home/www/wwwroot/web.com/juliang/fa/application/admin/view/common/script.html";i:1731679605;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title><?php echo (isset($title) && ($title !== '')?$title:''); ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit">
<meta name="referrer" content="never">
<meta name="robots" content="noindex, nofollow">

<link rel="shortcut icon" href="/assets/img/favicon.ico" />
<!-- Loading Bootstrap -->
<link href="/assets/css/backend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.css?v=<?php echo \think\Config::get('site.version'); ?>" rel="stylesheet">

<?php if(\think\Config::get('fastadmin.adminskin')): ?>
<link href="/assets/css/skins/<?php echo \think\Config::get('fastadmin.adminskin'); ?>.css?v=<?php echo \think\Config::get('site.version'); ?>" rel="stylesheet">
<?php endif; ?>

<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
  <script src="/assets/js/html5shiv.js"></script>
  <script src="/assets/js/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
    var require = {
        config:  <?php echo json_encode($config ?? ''); ?>
    };
</script>


    <style type="text/css">
        body {
            color: #333;
            background-color: #f4f7fc;
            background-size: cover;
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
        }

        a {
            color: #444;
            text-decoration: none;
        }

        .login-screen {
            max-width: 420px;
            padding: 20px;
            margin: 100px auto;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        }

        .login-screen .well {
            padding: 0;
            border-radius: 8px;
            box-shadow: none;
        }

        @media (max-width: 767px) {
            .login-screen {
                padding: 0 20px;
                margin-top: 80px;
            }
        }

        .profile-img-card {
            width: 80px;
            height: 80px;
            display: block;
            border-radius: 50%;
            margin: -60px auto 20px;
            border: 4px solid #fff;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        }

        .profile-name-card {
            text-align: center;
            font-size: 18px;
            color: #555;
            margin-bottom: 20px;
        }

        .login-head {
            background: #4a90e2;
            border-radius: 8px 8px 0 0;
            padding: 20px;
            text-align: center;
            color: #fff;
            font-size: 24px;
            font-weight: bold;
        }

        .login-form {
            padding: 40px;
            position: relative;
        }

        #login-form {
            margin-top: 20px;
        }

        .input-group {
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            border: 1px solid #ccc;
            border-radius: 5px;
            background-color: #f8f8f8;
            padding: 10px;
        }

        .input-group-addon {
            font-size: 18px;
            color: #888;
        }

        .form-control {
            font-size: 14px;
            padding: 8px;
            border: none;
            outline: none;
            background-color: transparent;
            width: 100%;
        }

        .form-control:focus {
            box-shadow: none;
            border-color: #4a90e2;
        }

        .btn {
            background-color: #4a90e2;
            border: none;
            color: #fff;
            padding: 15px;
            font-size: 16px;
            border-radius: 5px;
            width: 100%;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .btn:hover {
            background-color: #357ab7;
        }

        .checkbox label {
            color: #555;
            font-size: 14px;
        }

        .checkbox input {
            margin-right: 8px;
        }

        #errtips {
            color: red;
            font-size: 14px;
            margin-bottom: 15px;
            display: none;
        }

        .input-group-addon {
            width: auto;
        }

        .input-group-addon img {
            cursor: pointer;
        }

        /* Custom background image style */
        <?php if($background): ?>
        <style type="text/css">
            body {
                background-image: url('<?php echo $background; ?>');
            }
        </style>
        <?php endif; ?>

        /* Add spacing between the image and input fields */
        .login-form img {
            margin-bottom: 30px; /* Increase the space between the image and input fields */
        }

    </style>

</head>
<body>
<div class="container">
    <div class="login-wrapper">
        <div class="login-screen">
            <div class="well">
                <div class="login-head">
                    登录
                </div>
                <div class="login-form">
                    <img id="profile-img" class="profile-img-card" src="/assets/img/avatar.png"/>
                    <p id="profile-name" class="profile-name-card"></p>

                    <form action="" method="post" id="login-form">
                        <!--@AdminLoginFormBegin-->
                        <div id="errtips" class="hide"></div>
                        <?php echo token(); ?>

                        <div class="input-group">
                            <div class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
                            <input type="text" class="form-control" id="pd-form-username" placeholder="<?php echo __('Username'); ?>" name="username" autocomplete="off" value="" data-rule="<?php echo __('Username'); ?>:required;username"/>
                        </div>

                        <div class="input-group">
                            <div class="input-group-addon"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></div>
                            <input type="password" class="form-control" id="pd-form-password" placeholder="<?php echo __('Password'); ?>" name="password" autocomplete="off" value="" data-rule="<?php echo __('Password'); ?>:required;password"/>
                        </div>

                        <!--@CaptchaBegin-->
                        <?php if(\think\Config::get('fastadmin.login_captcha')): ?>
                        <div class="input-group">
                            <div class="input-group-addon"><span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span></div>
                            <input type="text" name="captcha" class="form-control" placeholder="<?php echo __('Captcha'); ?>" data-rule="<?php echo __('Captcha'); ?>:required;length(<?php echo \think\Config::get('captcha.length'); ?>)" autocomplete="off"/>
                            <span class="input-group-addon" style="padding:0;border:none;cursor:pointer;">
                                <img src="<?php echo rtrim('/', '/'); ?>/index.php?s=/captcha" width="100" height="30" onclick="this.src = '<?php echo rtrim('/', '/'); ?>/index.php?s=/captcha&r=' + Math.random();"/>
                            </span>
                        </div>
                        <?php endif; ?>
                        <!--@CaptchaEnd-->

                        <?php if($keeyloginhours>0): ?>
                        <div class="form-group checkbox">
                            <label class="inline" for="keeplogin" data-toggle="tooltip" title="<?php echo __('The duration of the session is %s hours', $keeyloginhours); ?>">
                                <input type="checkbox" name="keeplogin" id="keeplogin" value="1"/>
                                <?php echo __('Keep login'); ?>
                            </label>
                        </div>
                        <?php endif; ?>

                        <div class="form-group">
                            <button type="submit" class="btn btn-success btn-lg btn-block" style="background:#708eea;"><?php echo __('Sign in'); ?></button>
                        </div>
                        <!--@AdminLoginFormEnd-->
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/assets/js/require<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js" data-main="/assets/js/require-backend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
</body>
</html>
