<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/include/tags.jspf" %>

<script src="/clfd/js/validation/common-validation.js?ver=1.1"></script>
<script src="/clfd/js/user/userService.js?ver=1.1"></script>
<script src="/clfd/js/user/findIdService.js?ver=1.0"></script>
<script src="/clfd/js/user/findId.js?ver=1.0"></script>
<div class="find-wrapper">
    <div class="find-inner">
        <div class="find-inner__contents">
            <div class="find-inner__logo">
                <a href="/clfd/main.do">
                    <div class="find-inner__logo__img"></div>
                </a>
            </div>
            <div class="find-text__contents">
                <div>컬러푸드 아이디찾기</div>
                <div>SMS 인증을 통해 <br> 계정 아이디를 알려드립니다.</div>
            </div>
            <form id="findForm" method="post" id="authForm">
                <div style="display: flex">
<%--                    <input class="findInput" type="email" id="findEmail" name="findEmail" placeholder="이메일">--%>
                    <input class="findInput" style="margin-right: 0" type="email" id="phone" name="findEmail" placeholder="휴대폰 번호" maxlength="13" cleave="phone">
                    <div id="authRequestBtn" class="join-btn join-auth__btn">인증요청</div>
                </div>
                <div style="display: flex">
                    <input class="joinInput" type="text" id="phoneAuthKey" name="phoneAuthKey" placeholder="인증번호"style="top:39%; margin-right: 0" cleave="numberAllowZero" maxlength="6">
                    <div id="authCheckBtn" class="join-btn join-auth__btn">인증확인</div>
                </div>
                <div id="joinAuthNo" class="join-auth__no">
                    인증을 완료해주세요.
                </div>
                <div id="joinAuthOk" class=join-auth__ok style="display: none">
                </div>
            </form>
<%--            <div id="findIdBtn" class="find-btn">메일 발송</div>--%>

            <div class="find-inner__grid">
                <div class="find-inner__grid__line"></div>
                <div class="find-text__or">또는</div>
                <div class="find-inner__grid__line"></div>
            </div>

            <div class="find-text__tos">
                <a href="/clfd/user/findPassword.do"><div>비밀번호 찾기</div></a>
                <a href="/clfd/user/join.do"><div>새 계정 만들기</div></a>
            </div>
        </div>
        <div class="find-inner__div"></div>
        <div class="find-inner__ask">
            <a href="/login/loginForm.mng"><div class="find-text__login">로그인으로 돌아가기</div></a>
        </div>
    </div>
</div>

<div class="find-fnd">
<%--    <a href="#"><div class="find-fnd__btn">소개</div></a>--%>
<%--    <a href="#"><div class="find-fnd__btn">API</div></a>--%>
<%--    <a href="#"><div class="find-fnd__btn">개인정보처리방침</div></a>--%>
<%--    <a href="#"><div class="find-fnd__btn">정책</div></a>--%>
<%--    <a href="#"><div class="find-fnd__btn">고객센터</div></a>--%>
</div>
<div class="find-fnd02">
<%--    <div class="find-fnd02__div">--%>
<%--        <select class="find-fnd02__div__sb">--%>
<%--            <option>한국어</option>--%>
<%--            <option>English</option>--%>
<%--            <option>中文</option>--%>
<%--            <option>日本</option>--%>
<%--        </select>--%>
<%--    </div>--%>
    <div class="find-ip">© 2021 Jinwoosoftinnovation</div>
</div>