<div class="container-fluid">

<div class="grid-container">
<div class="col-span-12">

<div class="page-title">
<i class="fad fa-user-gear"></i>
<span>{{ page['title'] }}</span>
</div>

{% if success %}
<div class="alert alert-dismissible alert-success {% if site['rtl'] %}
rtl-alert {% endif %}">
<button type="button" class="close"
data-dismiss="alert">&times;</button>
{{ successText }}
</div>
{% endif %}
{% if twofactorauth.success %}
<div class="alert alert-dismissible alert-success {% if site['rtl'] %}
rtl-alert {% endif %}">
<button type="button" class="close">&times;</button>
{{ twofactorauth.success }}
</div>
{% endif %}

{% if successChangeEmail %}
<div class="alert alert-dismissible alert-success {% if site['rtl']
%} rtl-alert {% endif %}">
<button type="button" class="close"
data-dismiss="alert">&times;</button>
{{ successChangeEmailMessage }}
</div>
{% endif %}
{% if errorChangeEmail %}
<div class="alert alert-dismissible alert-danger {% if site['rtl']
%} rtl-alert {% endif %}">
<button type="button" class="close"
data-dismiss="alert">&times;</button>
{{ errorChangeEmailMessage }}
</div>
{% endif %}

{% if error %}
<div class="alert alert-dismissible alert-danger {% if site['rtl'] %}
rtl-alert {% endif %}">
<button type="button" class="close">&times;</button>
{{ errorText }}
</div>
{% endif %}

{% set username = user['username'] %}

{% set firstLetter = username|slice(0, 1)|upper %}

<div class="user-info-box">
<div class="user-box-info">
<div class="user-image">{{ firstLetter }}</div>
<div class="user-info-detail">
<div class="userbox-username">
<i class="fas
fa-badge-check"></i>{{ user['username'] }}
</div>
<div class="userbox-mail">
{{ user['email'] }}
</div>
</div>
</div>
<div class="user-info-apibox">
<form action="{{ page['url'] }}/newkey" method="post">
<input type="hidden" name="_csrf" value="{{ csrftoken }}">
<button type="submit" class="btn btn-apikey"><i class="fad
fa-brackets-curly"></i>{% if site['language'] == 'tr' %}API Anahtarı Oluştur{%
elseif site['language'] == 'ru' %}Создать API ключ{% elseif site['language'] ==
'bp' %}Criar Chave API{% elseif site['language'] == 'ar' %}‫ إنشاء مفتاح‬API{% elseif
site['language'] == 'zh' %}创建 API 密钥{% elseif site['language'] == 'de' %}API-
Schlüssel erstellen{% elseif site['language'] == 'es' %}Crear Clave API{% elseif
site['language'] == 'ko' %}API 키 생성{% else %}Create API Key{% endif %}</button>
</form>
</div>
</div>
</div>

<div class="col-span-6">
<div class="user-well">
<div class="user-well-title">
<i class="fas fa-star-of-life"></i>
{% if site['language'] == 'tr' %}Şifre Değiştir{% elseif
site['language'] == 'ru' %}Изменить Пароль{% elseif site['language'] == 'bp'
%}Alterar Senha{% elseif site['language'] == 'ar' %}‫{تغيير كلمة المرور‬% elseif
site['language'] == 'zh' %}更改密码{% elseif site['language'] == 'de' %}Passwort
ändern{% elseif site['language'] == 'es' %}Cambiar Contraseña{% elseif
site['language'] == 'ko' %}비밀번호 변경{% else %}Change Password{% endif %}
</div>
<form {% if site['rtl'] %}class="rtl-form"{% endif %} method="post"
action="">
<div class="form-group">
<label for="current" class="control-
label">{{ lang('account.password.current') }}</label>
<input type="password" class="form-control" id="current"
name="SettingsFrom[current_password]">
</div>
<div class="form-group">
<label for="new" class="control-
label">{{ lang('account.password.new') }}</label>
<input type="password" class="form-control" id="new"
name="SettingsFrom[password]">
</div>
<div class="form-group">
<label for="confirm" class="control-
label">{{ lang('account.password.confirm') }}</label>
<input type="password" class="form-control" id="confirm"
name="SettingsFrom[confirm_password]">
</div>
<input type="hidden" name="_csrf" value="{{ csrftoken }}">
<button type="submit" class="btn btn-main border-10 btn-min">{{
lang('account.password.button') }}</button>
</form>
</div>
</div>
 <div class="col-span-6">
<div class="user-well">
<div class="user-well-title">
<i class="fas fa-envelope"></i>
{{ lang('confirmemail.change_email.title') }}
</div>

<form id="changeEmailForm" method="post" action="">

<div id="changeEmailError" class="error-summary alert alert-
dismissible alert-danger hidden"></div>

<div class="form-group">
<label for="current-
email">{{ lang('confirmemail.change_email.current_email') }}</label>
<span class="form-control" id="current-email"
disabled>{{ user['email'] }}</span>
</div>
<div class="form-group">
<label for="new-
email">{{ lang('confirmemail.change_email.new_email') }}</label>
<input type="email" class="form-control" id="new-email"
name="ChangeEmailForm[email]">
</div>
<div class="form-group">
<label for="current-
password">{{ lang('confirmemail.change_email.current_password') }}</label>
<input type="password" class="form-control" id="current-
password" name="ChangeEmailForm[password]">
</div>
<input type="hidden" name="_csrf" value="{{ csrftoken }}">

<button type="submit" class="btn btn-main border-10 btn-min"

id="changeEmailSubmitBtn">{{ lang('confirmemail.change_email.submit') }}</button>
</form>
</div>
</div>

<div class="col-span-6">
<div class="user-well">
<div class="user-well-title">
<i class="fas fa-lock-alt"></i>
{{ lang('2fa.title') }}
</div>
<div id="2fa-approve-error-block" class="alert alert-dismissible
alert-danger {% if twofactorauth.error %}{% else %}hidden{% endif %}">
<button type="button" class="close">&times;</button>
<span id="2fa-error-text">{{ twofactorauth.error }}</span>
</div>

{% if not twofactorauth.activated %}
<label class="active-2fa">
{{ lang('account.2fa.enabled') }}
</label>
{% endif %}

<form id="2fa-generate-form" method="post"

action="{{ twofactorauth.url.generate }}" style="{% if twofactorauth.active_code %}
display: none; {% else %} display: block; {% endif %}">
 <span class="tfa-span">{{ lang('account.2fa.description')
}}</span>
<input type="hidden" name="enabled"
value="{{ twofactorauth.activated }}">
<input type="hidden" name="_csrf" value="{{ csrftoken }}">
<button id="2fa-generate" type="submit" class="btn btn-main
border-10 btn-min">
{% if twofactorauth.activated %}
{{ lang('account.2fa.enable') }}
{% else %}
{{ lang('account.2fa.disable') }}
{% endif %}
</button>
</form>
<form id="2fa-approve-form" method="post"
action="{{ twofactorauth.url.approve }}" style="{% if twofactorauth.active_code %}
display: block; {% else %} display: none; {% endif %}">
<span class="tfa-span">{{ lang('2fa.sent') }}</span>
<div class="form-group">
<label for="code" class="control-label">{{ lang('2fa.code')
}}</label>
<input type="text" id="code" name="code" class="form-
control">
</div>
<input type="hidden" name="enabled"
value="{{ twofactorauth.activated }}">
<input type="hidden" name="_csrf" value="{{ csrftoken }}">
<button id="2fa-approve" type="submit" class="btn btn-main
border-10 btn-min">
{% if twofactorauth.activated %}
{{ lang('account.2fa.enable') }}
{% else %}
{{ lang('account.2fa.disable') }}
{% endif %}
</button>
</form>
</div>
</div>

<div class="col-span-6">
<div class="user-well">
<div class="user-well-title">
<i class="fas fa-clock"></i>
{% if site['language'] == 'tr' %}Saat Dilimini Değiştir{%
elseif site['language'] == 'ru' %}Изменить Часовой Пояс{% elseif site['language']
== 'bp' %}Alterar Fuso Horário{% elseif site['language'] == 'ar' %} ‫تغيير المنطقة‬
‫{الزمنية‬% elseif site['language'] == 'zh' %}更改时区{% elseif site['language'] == 'de'
%}Zeitzone ändern{% elseif site['language'] == 'es' %}Cambiar Zona Horaria{% elseif
site['language'] == 'ko' %}시간대 변경{% else %}Change Time Zone{% endif %}
</div>
<form action="" method="post">
<div class="form-group">
<label for="timezone" class="control-
label">{{ lang('account.timezone') }}</label>
<select name="SettingsFrom[timezone]" id="timezone"
class="form-control all-dropdown">
{% for timezone,label in timezones %}
<option value="{{ timezone }}"
{% if timezone == user['timezone'] %}selected{%
endif %}>{{ label }}</option>
{% endfor %}
</select>
</div>

<input type="hidden" name="_csrf" value="{{ csrftoken }}">

<button type="submit" class="btn btn-main border-10 btn-min">{{
lang('account.save') }}</button>
</form>
</div>
</div>
</div>
</div>