<!DOCTYPE html>
<html lang="ja-JP">
<head>
<meta charset="utf-8">
<title class="lang" lang="account_setting"></title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- favicons -->
<link href="../common/img/favicon.ico" rel="icon">
<link href="../common/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- main css -->
<link rel="stylesheet" type="text/css" href="../common/css/appCommon/app.css">
<link rel="stylesheet" type="text/css" href="../common/css/appCommon/header.css">
<link rel="stylesheet" type="text/css" href="../common/css/appCommon/style.css">
<!-- vender css -->
<link rel="stylesheet" type="text/css" href="../common/css/appCommon/fontawesome_relative_path.css">
<script type="text/javascript" src="../common/js/jquery/jquery-3.6.0.min.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/jquery/jquery-ui.min.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/web/i18n.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/constant.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/validation.js"></script>
<script type="text/javascript" src="../common/js/common.js?__UPDATEID__"></script>
<script type="text/javascript" src="../js/header/header.js?__UPDATEID__"></script>
<script type="text/javascript" src="../js/setting/settings.js?__UPDATEID__"></script>
</head>
<body>
<!-- header -->
<div id="includedHeader"></div>
<!-- account setting -->
<main id="main">
<div class="container-wrap">
<!-- title -->
<h1 class="fs-14 font-weight-bold pt-4 pb-3 mb-0 lang" lang="account_setting">アカウント設定</h1>
<!-- content -->
<div class="row">
<div class="col-md-6 col-12 mb-4">
<div class="card p-4">
<h2 class="fs-10 font-weight-bold mb-3 lang" lang="accountInformation">アカウント情報</h2>
<table>
<colgroup>
<col span="1" class="w-120px">
</colgroup>
<tbody>
<tr class="border-bottom">
<th class="fs-9 p-2 text-secondary lang" lang="txtLoginId">ログインID</th>
<td class="p-2" lang="txtLoginId" id="txtLoginId">login-idlogin-idlogin-id</td>
</tr>
<tr class="border-bottom">
<th class="fs-9 p-2 text-secondary lang" lang="txtLoginAccPath">アカウントパス</th>
<td class="p-2" lang="txtLoginAccPath" id="txtLoginAccPath">account-textaccount</td>
</tr>
<tr class="border-bottom">
<th class="fs-9 p-2 text-secondary lang" lang="txtLoginDate">ログイン日時</th>
<td class="p-2" lang="txtLastLoginTime" id="txtLastLoginTime">2022/09/30 12:00:00</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-md-6 col-12 mb-4">
<div class="card p-4 password">
<h2 class="fs-10 font-weight-bold mb-3 lang" lang="dspPwdUpd">パスワード変更</h2>
<form>
<div class="form-group mb-3">
<label id="lblPwdCur" class="lang" lang="txtPwdCurr">現在のパスワード</label>
<input type="password" class="form-control" id="txtPwdCur" maxlength="16" aria-describedby="current">
</div>
<div class="form-group mb-3">
<label id="lblPwdNew" class="lang" lang="txtPwdNew">新しいパスワード</label>
<input type="password" class="form-control" id="txtPwdNew" maxlength="16" aria-describedby="new">
</div>
<div class="form-group mb-4">
<label id="lblPwdNewRe" class="lang" lang="txtPwdNewRe">新しいパスワード</label>
<input type="password" class="form-control" id="txtPwdNewRe" maxlength="16" aria-describedby="confirm">
</div>
<p class="error lang" id="main-error-message" style="display:none;">パスワードまたはIDに誤りがあります</p>
<button type="submit" class="btn btn-primary lang" lang="dspChange" id="dspPwdUpd1">変更</button>
</form>
</div>
</div>
</div>
</div>
</main>
<!-- alert -->
<div class="alert-overlay d-none"></div>
<div class="alert-area d-none">
<i class="text-right fas fa-times fa-2x loading-close" onclick="COMMON.alertClose();"></i>
<div class="fs-13 mt-4 text-left" style="padding: 15px;" id="alertMsg"></div>
</div>
<!-- confirm -->
<div id="includedConfirmModal"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="../common/js/newdash/app.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/newdash/common.js?__UPDATEID__"></script>
</body>
</html>