<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<div class="logins">
	<div class="login_body">
		<div class="login">
			<div class="login_head">
				<ul>
					<%--<li>&lt;%&ndash;<img src="<c:url value="/img/xit-logo/goyang_logo.png"/>">&ndash;%&gt;<span>고양시 특례시<br>일산 서구</span></li>--%>
					<%--<li>로고 이미지</li>--%>
					<li class="tit">용인특례시</li>
                    <li class="tit"> </li>
					<li class="tit">자동차 정기검사</li>
                    <li class="tit">과태료부과 업무지원시스템</li>
				</ul>
				<p>Login</p>
			</div>
			<div class="login_con">
				<ul>
					<li><input type="text" class="login_input" placeholder="아이디" name="userAcnt" id="userAcnt" value="${not empty savedUserId ? savedUserId : ''}"/></li>
					<li><input type="password" class="login_input" placeholder="비밀번호" name="passwd" id="passwd" value=""/></li>
					<li class="line"></li>
					<li class="logbtn">
						<button type="button" class="login_btn bg1" id="loginBtn">로그인</button>
					</li>
					<li>
						<label for="saveId"><input type="checkbox" id="saveId" name="saveId" ${isSaveId ? 'checked' : ''}> ID저장</label>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>


<script type="text/javascript">

	$(function(){

		// 로그인 버튼 클릭 이벤트
		$("#loginBtn").on("click", function() {
			login();
		});

		// 엔터키 이벤트
		$("#userAcnt, #passwd").on("keypress", function(e) {
			if (e.keyCode === 13) {
				e.preventDefault();
				login();
			}
		});
	});

	// 로그인 처리 함수
	function login() {
		// 유효성 검사
		if (!validateForm()) {
			return;
		}

		// 폼 데이터 준비
		var formData = {
			userAcnt: $("#userAcnt").val(),
			passwd: $("#passwd").val(),
			saveId: $("#saveId").is(":checked") ? "Y" : "N"
		};

		// AJAX 요청
		$.ajax({
			url: "<c:url value="/login/login.ajax"/>",
			type: "POST",
			data: formData,
			dataType: "json",
			success: function(response) {
				if (response.result) {
					// 로그인 성공
					location.href = response.data.redirectUrl;
				} else {
					// 로그인 실패
					alert(response.message);
				}
			}
		});
	}

	// 폼 유효성 검사
	function validateForm() {
		var userAcnt = $("#userAcnt").val();
		var passwd = $("#passwd").val();

		if (!userAcnt) {
			alert("아이디를 입력해주세요.");
			$("#userAcnt").focus();
			return false;
		}

		if (!passwd) {
			alert("비밀번호를 입력해주세요.");
			$("#passwd").focus();
			return false;
		}
		return true;
	}

</script>