<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
		<meta charset="utf-8">
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
			<title>제주민속촌 한복 앨범</title>

			<link rel="icon" type="image/x-icon" href="/favicon.ico">
			<!-- Global stylesheets -->
			<link href="/assets/fonts/inter/inter.css" rel="stylesheet" type="text/css">
			<link href="/assets/icons/phosphor/styles.min.css" rel="stylesheet" type="text/css">
			<link href="/layout_1/full/assets/css/ltr/all.min.css" id="stylesheet" rel="stylesheet" type="text/css">
			<link href="/assets/icons/icomoon/styles.min.css" rel="stylesheet" type="text/css">
			<!-- /global stylesheets -->

			<!-- Core JS files -->
			<script src="/assets/js/bootstrap/bootstrap.bundle.min.js"></script>
			<!-- /core JS files -->

			<!-- Theme JS files -->
			<script src="/assets/js/jquery/jquery.min.js"></script>
			<script src="/assets/js/vendor/visualization/d3/d3.min.js"></script>
			<script src="/assets/js/vendor/visualization/d3/d3_tooltip.js"></script>
			<script src="/assets/js/vendor/notifications/bootbox.min.js"></script>
			<!-- /theme JS files -->
			
			<script src="/layout_1/full/assets/js/app.js"></script>
	</head>
<body>
		<!-- Main navbar -->
		<div id="header" class="navbar navbar-dark navbar-expand-lg navbar-static border-bottom border-bottom-white border-opacity-10">
		<div class="container-fluid">
			<div class="d-flex d-lg-none me-2">
				<button type="button" class="navbar-toggler sidebar-mobile-main-toggle rounded-pill">
					<i class="ph-list"></i>
				</button>
			</div>

			<div class="navbar-brand flex-1 flex-lg-0">
				<a href="/" class="d-inline-flex align-items-center me-2">
					<img src="/assets/images/logo_icon.svg" alt=""> 
				</a>
				<span>제주민속촌 한복 앨범</span>
			</div>

			
		</div>
	</div>
		<!-- /main navbar -->
	
		<!-- Page content -->
		<div class="page-content">
	
			<!-- Main content -->
			<div class="content-wrapper">
		
		<!-- Inner content -->
		<div class="content-inner">

			<!-- Content area -->
			<div class="content d-flex justify-content-center align-items-center">

				<!-- Container -->
				<div class="flex-fill">

					<!-- Error title -->
					<div class="text-center mb-4">
						<img src="/assets/images/error_bg.svg" class="img-fluid mb-3" height="230" alt="">
						<h1 class="display-3 fw-semibold lh-1 mb-3">500</h1>
						<h6 class="w-md-25 mx-md-auto">서버 오류가 발생했습니다.</h6>
					</div>
					<!-- /error title -->


					<!-- Error content -->
					<div class="text-center">
						<a href="/" class="btn btn-primary">
							<i class="ph-house me-2"></i>
							Return to dashboard
						</a>
					</div>
					<!-- /error wrapper -->

				</div>
				<!-- /container -->

			</div>
			<!-- /content area -->
			
	</div>
	<!-- /main content -->

</body>

			<!-- /main content -->
			
			<!--passwordModal-->
			<div id="changePasswordModal" class="modal fade" tabindex="-1"  aria-modal="true" role="dialog">
			<div class="modal-dialog">
			    <div class="modal-content">
			        
			            <div class="modal-header">
			                <h5 class="modal-title"> 비밀번호 변경</h5>
			                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
			            </div>
			            <div class="modal-body">
							<!--메시지-->
							<div id="passwordAlert"></div>
							
							<!--현재 비밀번호-->
							<div class="mb-3">
								<label class="form-label">현재 비밀번호</label>
								<input type="password" id="currentPassword" class="form-control">
								<!-- 에러 표시용 태그 -->
								<span id="currentPassword-error" class="error-message" style="color: red;"></span>
							</div>
								
							<!--새 비밀번호-->
							<div class="mb-3">
								<label class="form-label">새 비밀번호</label>
								<input type="password" id="newPassword" class="form-control">
								<!-- 에러 표시용 태그 -->
								<span id="newPassword-error" class="error-message" style="color: red;"></span>
							</div>
									
							<!--새 비밀번호 확인-->
							<div class="mb-3">
								<label class="form-label">새 비밀번호 확인</label>
								<input type="password" id="confirmPassword" class="form-control">
								<!-- 에러 표시용 태그 -->
								<span id="confirmPassword-error" class="error-message" style="color: red;"></span>
							</div>					
			            </div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기 </button>
			                <button type="button" class="btn btn-secondary" id="changePasswordBtn">변경 </button>
			            </div>
			        
			    </div>
			</div>
		</div>
			<!--/passwordModal-->
		</div>
		<!-- /page content -->
</body>
</html>
