<!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>