<?php
if (!defined('_GNUBOARD_')) {
    exit;
} // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="' . G5_THEME_CSS_URL . '/skin/mobile/asktheme.member.css">', 0);
?>
<div id="header" class="single-header">
    <div class="row">
        <div class="ask-logo">
            <a href="/" class="ask-logo-link">
                <img src="<?php echo G5_THEME_URL ?>/img/ask-logo.png" width="127" height="27" class="ask-logo-img" title="">
            </a>
        </div>
    </div>
</div>
<div class="content-background"></div>
<!-- 로그인 시작 { -->
<div class="login-page row">
    <div class="small-12 medium-8 large-6 columns">
        <div class="panel panel-default mdl-shadow--10dp">
            <div class="panel-header">
                <h1 class="panel-title"><?php echo $g5['title'] ?></h1>
            </div>    
            <div class="panel-body">
                <form name="flogin" action="<?php echo $login_action_url ?>" onsubmit="return flogin_submit(this);" method="post">
                    <input type="hidden" name="url" value="<?php echo $login_url ?>">
                    <fieldset>
                        <legend class="sound-only">회원로그인</legend>
                        <input type="checkbox" name="auto_login" id="login_auto_login">
                        <label for="login_auto_login">자동로그인</label>
                        <label for="login_id" class="login-id">
                            <strong class="sound_only"> 아이디 필수</strong>
                        </label>
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-user"></i>
                            </span>
                            <input type="text" name="mb_id" id="login_id" required class="input required" maxLength="20" placeholder="회원아이디">
                        </div>
                        <label for="login_pw" class="login-pw">
                            <strong class="sound_only"> 비밀번호 필수</strong>
                        </label>
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-key"></i>
                            </span>
                            <input type="password" name="mb_password" id="login_pw" required class="input required" maxLength="20" placeholder="비밀번호">
                        </div>
                        <div class="form-action">
                            <input type="submit" value="로그인" class="button primary login-button">
                        </div>
                    </fieldset>
                    <hr>
                    <aside class="login_info">
                        <h2 class="sound-only">회원로그인 안내</h2>
                        <p class="text text-default">
                            회원아이디 및 비밀번호가 기억 안나실 때는 아이디/비밀번호 찾기를 이용하십시오.<br>
                            아직 회원이 아니시라면 회원으로 가입 후 이용해 주십시오.
                        </p>
                    </aside>
                </form>
            </div>
            <div class="panel-footer">
                <div class="join-menu button-group">
                    <a href="<?php echo G5_URL ?>" class="button"><i class="fa fa-reply"></i> <span>홈</span></a>
                    <a href="<?php echo G5_BBS_URL ?>/password_lost.php" class="button"><i class="fa fa-search"></i> <span class="show-for-medium">아이디 비밀번호 찾기</span><span class="hide-for-medium">ID/PW찾기</span></a>
                    <a href="./register.php" class="button"><i class="fa fa-user"></i> <span>회원 가입</span></a>
                </div>
            </div>

            <script type="text/javascript">
                $(function () {
                    $("#login_auto_login").click(function () {
                        if (this.checked) {
                            this.checked = confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?");
                        }
                    });
                });

                function flogin_submit(f)
                {
                    return true;
                }
            </script>
            <!-- } 로그인 끝 -->

        </div>
    </div>
</div>