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

<div class="main_body">
    <section id="section8" class="main_bars">
        <div class="bgs-main">
            <section id="section5">
                <div class="sub_title">마이페이지</div>
                <button type="button" onclick="location.href='<c:url value="/mypage/edit.do"/>'" class="newbtn bg1">정보 수정</button>
                <button type="button" id="passwordChangeBtn" class="newbtn bg2">비밀번호 변경</button>
            </section>
        </div>
    </section>
    <div class="contants_body">
        <div class="box_column">
            <div class="containers">
                <div class="forms_table_non">
                    <table>
                        <colgroup>
                            <col style="width:15%;" />
                            <col style="width:35%;"/>
                            <col style="width:15%;" />
                            <col  />
                        </colgroup>
                        <tr>
                            <th class="th">사용자 계정</th>
                            <td>${user.userAcnt}</td>
                            <th class="th">사용자명</th>
                            <td>${user.userNm}</td>
                        </tr>
                        <tr>
                            <th class="th">사용자 그룹</th>
                            <td colspan="3">${user.userGroupIdNm}</td>
                        </tr>
                        <tr>
                            <th class="th">사원번호</th>
                            <td>${user.empNo}</td>
                            <th class="th">이메일</th>
                            <td>${user.emlAddr}</td>
                        </tr>
                        <tr>
                            <th class="th">조직</th>
                            <td>${user.orgCdNm}</td>
                            <th class="th">부서</th>
                            <td>${user.deptCdNm}</td>
                        </tr>
                        <tr>
                            <th class="th">직위</th>
                            <td>${user.posNm}</td>
                            <th class="th">소속</th>
                            <td>${user.sttCdName}</td>
                        </tr>
                        <tr>
                            <th class="th">휴대전화번호</th>
                            <td>${user.mblTelno}</td>
                            <th class="th">전화번호</th>
                            <td>${user.telno}</td>
                        </tr>
                        <tr>
                            <th class="th">팩스번호</th>
                            <td colspan="3">${user.fxno}</td>
                        </tr>
                        <tr>
                            <th class="th">주소</th>
                            <td colspan="3">(${user.zip}) ${user.addr} ${user.daddr}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- //Main body -->

<script type="text/javascript">
/**
 * 마이페이지 모듈
 * 사용자 정보를 조회하고 관련 기능을 제공합니다.
 */
(function(window, $) {
    'use strict';

    /**
     * 마이페이지 네임스페이스
     */
    var Mypage = {
        /**
         * 이벤트 핸들러 설정
         */
        bindEvents: function() {
            var self = this;

            // 비밀번호 변경 버튼 클릭 이벤트
            $('#passwordChangeBtn').on('click', function() {
                self.openPasswordChangePopup();
            });
        },

        /**
         * 비밀번호 변경 팝업 열기
         */
        openPasswordChangePopup: function() {
            var popUrl = '${pageContext.request.contextPath}/mypage/password.do';
            var popTitle = "비밀번호 변경";
            var popOption = "width=800px, height=455px, resizable=yes, scrollbars=yes, location=no, top=100px, left=100px";
            window.open(popUrl, popTitle, popOption);
        },

        /**
         * 모듈 초기화
         */
        init: function() {
            this.bindEvents();
        }
    };

    // 페이지 로드 시 초기화
    $(function() {
        Mypage.init();
    });

})(window, jQuery);
</script>
