@extends("/_layouts/member.html")

@section("head-title")
<title>%{BLOG_NAME}｜<!--T-->プロフィール変更<!--/T--></title>
@endsection

@section("head-link")
<!-- 位置情報検索でのadminテンプレート読み込み用スタイル -->
<link href="/css/acms-admin.min.css" rel="stylesheet">
@parent
@endsection

@section("main")
<!-- BEGIN_MODULE Member_Update_Profile -->
<div class="acms-member-container">
  <div>
    @include("/_member/parts/header.html")

    <div class="acms-member-main-box">
      <h1 class="acms-member-page-title"><!--T-->プロフィール変更<!--/T--></h1>

      <form action="" method="post" enctype="multipart/form-data" class="acms-form">
        <!-- BEGIN success -->
        <div class="acms-alert acms-alert-info"><!--T-->プロフィールを更新しました。<!--/T--></div>
        <!-- END success-->

        <!-- BEGIN notSuccessful -->
        <div class="acms-alert acms-alert-danger"><!--T-->プロフィールの更新に失敗しました<!--/T--></div>
        <!-- END notSuccessful-->

        @include("/_member/parts/error.html")
        @include("/_member/parts/sns-message.html")

        <table class="acms-member-inputs">
          <tbody>
            <tr>
              <th><label for="input-text-name">名前</label></th>
              <td>
                <input type="text" name="name" value="{name}" class="acms-form-large {name:validator#required} acms-form-width-full" id="input-text-name" placeholder="" />
                <input type="hidden" name="user[]" value="name" />
                <input type="hidden" name="name:validator#required" id="validator-name-required" />
                <div role="alert">
                  <div data-validator-label="validator-name-required" class="validator-result-{name:validator#required}">
                    <p class="error-text"><span class="acms-icon acms-icon-attention" aria-hidden="true"></span><!--T-->名前が入力されていません。<!--/T--></p>
                  </div>
                </div>
              </td>
            </tr>
            <tr>
              <th><label for="input-text-code">ユーザーID</label></th>
              <td>
                <input
                  type="text"
                  name="code"
                  value="{code}"
                  id="input-text-code"
                  class="acms-form-large validator-result-{code:validator#required} acms-form-width-full"
                  placeholder=""
                />
                <input type="hidden" name="user[]" value="code" />
                <input type="hidden" name="code:validator#regex" value="%{REGEX_VALID_ID}" id="validator-code-regex" />
                <div role="alert">
                  <div data-validator-label="validator-code-regex" class="validator-result-{code:validator#regex}">
                    <p class="error-text"><span class="acms-icon acms-icon-attention" aria-hidden="true"></span><!--T-->無効なユーザーIDです。<!--/T--></p>
                  </div>
                  <div data-validator-label="validator-code-doubleCode" class="validator-result-{code:validator#doubleCode}">
                    <p class="error-text"><span class="acms-icon acms-icon-attention" aria-hidden="true"></span><!--T-->既に使用されているユーザーIDです。<!--/T--></p>
                  </div>
                  <div data-validator-label="validator-code-string" class="validator-result-{code:validator#string}">
                    <p class="error-text"><span class="acms-icon acms-icon-attention" aria-hidden="true"></span><!--T-->コードに使用できない文字が含まれています。スラッシュ(/)、../ などの危険な文字列、URL特殊文字、制御文字、空白文字は使用できません。<!--/T--></p>
                  </div>
                </div>
              </td>
            </tr>
            <tr>
              <th><label for="input-file-icon">アイコン画像</label></th>
              <td>
                <!-- BEGIN icon@path:veil -->
                <img src="%{ARCHIVES_DIR}{icon@path}" width="64" height="64" />
                <input type="hidden" name="icon@old" value="{icon@path}" /><br />
                <div class="acms-form-checkbox">
                  <input type="checkbox" name="icon@edit" value="delete" id="input-checkbox-icon" />
                  <label for="input-checkbox-icon"><i class="acms-ico-checkbox"></i><!--T-->削除<!--/T--></label>
                </div><!-- END icon@path:veil -->
                <input
                  type="file"
                  name="icon"
                  size="20"
                  id="input-file-icon"
                  class="acms-inline-block acms-margin-top-mini acms-align-middle"
                  style="max-width: 100%;"
                />
                <input type="hidden" name="icon:extension" value="image" />
                <input type="hidden" name="icon@squareWidth" value="220" />
                <input type="hidden" name="user[]" value="icon" />
              </td>
            </tr>
            <tr>
              <th>メールアドレス</th>
              <td>
                <a href="%{BLOG_URL}%{EMAIL_UPDATE_SEGMENT}" class="acms-btn acms-btn-info"><!--T-->メールアドレス変更<!--/T--></a>
                <span class="acms-inline-block acms-margin-top-mini acms-align-middle">（{mail}）</span>
              </td>
            </tr>
            <!-- BEGIN_MODULE Touch_UpdatePassword -->
            <tr>
              <th>パスワード</th>
              <td>
                <a href="%{BLOG_URL}%{PASSWORD_UPDATE_SEGMENT}" class="acms-btn acms-btn-info"><!--T-->パスワード変更<!--/T--></a>
              </td>
            </tr>
            <!-- BEGIN_MODULE Member_Tfa_Check -->
            <tr>
              <th>2段階認証</th>
              <td>
                <!-- BEGIN_IF [{step}/eq/unregistered] -->
                <a href="%{BLOG_URL}%{TFA_UPDATE_SEGMENT}" class="acms-btn acms-btn-info"><!--T-->設定する<!--/T--></a>
                <!-- END_IF -->
                <!-- BEGIN_IF [{step}/eq/registered] -->
                <a href="%{BLOG_URL}%{TFA_UPDATE_SEGMENT}" class="acms-btn acms-btn-info"><!--T-->編集<!--/T--><!--T-->（設定済み）<!--/T--></a>
                <!-- END_IF -->
              </td>
            </tr>
            <!-- END_MODULE Member_Tfa_Check -->
            <!-- END_MODULE Touch_UpdatePassword -->
            <tr>
              <th>メールマガジン</th>
              <td>
                <input type="hidden" name="mail_magazine" value="off" />
                <div class="acms-form-checkbox">
                  <input type="checkbox" name="mail_magazine" value="on"{mail_magazine:checked#on} id="input-checkbox-mail_magazine" />
                  <label for="input-checkbox-mail_magazine">
                    <i class="acms-ico-checkbox"></i>
                    メールマガジンを受け取る
                  </label>
                </div>
                <input type="hidden" name="user[]" value="mail_magazine" />
              </td>
            </tr>
          </tbody>
        </table>

        @include("/_member/parts/profile/geo.html")

        <p class="acms-member-action">
          <button
            type="submit"
            class="acms-btn acms-btn-success acms-btn-block acms-btn-large"
            name="ACMS_POST_Member_Update_Profile"
          >
            <!--T-->保存<!--/T-->
          </button>
        </p>

      </form>
      @include("/_member/parts/profile/sns.html")

      <!-- @include("/_member/parts/field-input.html") -->
    </div>
    <div class="acms-member-main-box-bottom">
      <div class="acms-cssgrid">
        <p class="acms-g-col-6 acms-m-0"><a href="%{BLOG_URL}" class="acms-btn-flat acms-btn-block"><!--T-->サイトに戻る<!--/T--></a></p>
        <p class="acms-g-col-6 acms-m-0"><a href="%{BLOG_URL}%{WITHDRAWAL_SEGMENT}" class="acms-btn-flat acms-btn-block"><!--T-->退会する<!--/T--></a></p>
      </div>
    </div>
  </div>
</div>
<!-- END_MODULE Member_Update_Profile -->
@endsection