<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">', 0);
?>

<aside id="ol_before" class="ol">
    <h2>회원로그인</h2>
    <!-- 로그인 전 외부로그인 시작 -->
    <form name="foutlogin" action="<?php echo $outlogin_action_url ?>" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
    <fieldset>
        <input type="hidden" name="url" value="<?php echo $outlogin_url ?>">
        <input type="text" name="mb_id" id="ol_id" placeholder="아이디 또는 이메일" required maxLength="32">
        <input type="password" id="ol_pw" name="mb_password" placeholder="비밀번호" required  maxLength="32">
        <?php if (!empty($outlogin_captcha_required) && !empty($outlogin_captcha_html)) { ?>
        <div class="ol_captcha" style="margin:8px 0;">
            <p class="text-danger" style="margin:0 0 8px; font-size:12px;">로그인 실패가 누적되어 자동등록방지 숫자 입력이 필요합니다. (약 <?php echo ceil((int)$outlogin_captcha_lock_seconds / 60); ?>분 후 자동 해제)</p>
            <?php echo $outlogin_captcha_html; ?>
        </div>
        <?php } ?>
        <div id="ol_svc">
            <input type="checkbox" id="auto_login" name="auto_login" value="1">
            <label for="auto_login" id="auto_login_label">자동로그인</label>

        </div>
        <input type="submit" id="ol_submit" value="로그인" class="btn_submit">
        <div class="ol_before_btn">
            <a href="<?php echo G5_BBS_URL ?>/register.php"><b>회원가입</b></a>
            <a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">아이디/비밀번호 찾기</a>
        </div>
    </fieldset>

    <?php
    // 소셜로그인 사용시 소셜로그인 버튼
    @include_once(get_social_skin_path().'/social_outlogin.skin.1.php');
    ?>

    </form>
</aside>

<script>
<?php if (!G5_IS_MOBILE) { ?>
$omi = $('#ol_id');
$omp = $('#ol_pw');
$omp.css('display','inline-block').css('width',104);
$omi_label = $('#ol_idlabel');
$omi_label.addClass('ol_idlabel');
$omp_label = $('#ol_pwlabel');
$omp_label.addClass('ol_pwlabel');
$omi.focus(function() {
    $omi_label.css('visibility','hidden');
});
$omp.focus(function() {
    $omp_label.css('visibility','hidden');
});
$omi.blur(function() {
    $this = $(this);
    if($this.attr('id') == "ol_id" && $this.attr('value') == "") $omi_label.css('visibility','visible');
});
$omp.blur(function() {
    $this = $(this);
    if($this.attr('id') == "ol_pw" && $this.attr('value') == "") $omp_label.css('visibility','visible');
});
<?php } ?>

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

function fhead_submit(f)
{
    if (typeof chk_captcha === 'function' && document.getElementById('captcha_key')) {
        if (!chk_captcha()) {
            return false;
        }
    }

    return true;
}
</script>
<!-- 로그인 전 외부로그인 끝 -->
