{{define "user/profile.html"}}
{{template "user/layout_head" .}}
<div class="ut-shell-page ut-shell-page--narrow">
{{template "user_pagehead" (dict "Icon" "bx-id-card" "Title" (Tp "user_profile" "user_profile_title") "Desc" (Tp "user_profile" "user_profile_hint"))}}

<div class="ut-section">
  <div class="ut-section__head">
    <div class="ut-section__head-icon ut-section__head-icon--sky"><i class="bx bx-user"></i></div>
    <div class="ut-section__head-text">
      <h2 class="ut-section__head-title">{{Tp "user_profile" "profile_card_heading"}}</h2>
      <p class="ut-section__head-sub mb-0">{{Tp "user_profile" "profile_form_intro"}}</p>
    </div>
  </div>
  <div class="ut-section__body">
    <div class="mb-3">
      <label class="form-label">{{T "field_username"}}</label>
      <div class="form-control-plaintext">{{privacy "username" (index .Data.Profile "username")}}</div>
    </div>
    <div class="mb-3">
      <label class="form-label">{{T "field_email"}}</label>
      <div class="form-control-plaintext">{{privacy "email" (index .Data.Profile "email")}}</div>
    </div>
    <div class="mb-0">
      <label class="form-label">{{Tp "user_profile" "profile_reg_time"}}</label>
      <div class="form-control-plaintext text-muted small">{{unixTime (index .Data.Profile "reg_time")}}</div>
    </div>
  </div>
</div>
</div>
{{template "user/layout_foot" .}}
{{end}}