{% extends "dashboard/_shell.html" %}
{% block title %}اطلاعات حساب | مرکز راهبری کسب‌وکار{% endblock %}
{% block dash_content %}

<div class="dash-page-head dash-fade">
  <div>
    <div class="dash-eyebrow"><i></i> اطلاعات من</div>
    <h1>تغییر اطلاعات شخصی</h1>
    <p>نام، نام خانوادگی و ایمیل حساب کاربری خود را از همین صفحه ویرایش و ذخیره کنید.</p>
  </div>
  <a class="btn btn-secondary" href="{% url 'dashboard' %}">← بازگشت به داشبورد</a>
</div>

<div style="max-width:780px">
  <section class="dash-form-card reveal">
    <div style="display:flex;align-items:center;gap:16px;margin-bottom:22px">
      <div class="dash-avatar">{{ request.user.username|first|upper }}</div>
      <div><h2 style="margin-bottom:4px">مشخصات شخصی</h2><p class="desc" style="margin:0">این اطلاعات فقط برای شما و تیم پشتیبانی قابل مشاهده است.</p></div>
    </div>
    <form method="post">{% csrf_token %}
      <div class="dash-form-grid">
        {% for field in profile_form %}
        <div class="dash-field{% if field.name == 'email' %} full{% endif %}">
          <label>{{ field.label }}</label>
          {{ field }}
          {{ field.errors }}
        </div>
        {% endfor %}
      </div>
      <div class="dash-form-actions">
        <a class="dash-link-muted" href="{% url 'password_change' %}">تغییر رمز عبور ←</a>
        <button class="btn btn-primary" type="submit">ذخیره اطلاعات</button>
      </div>
    </form>
  </section>

  <a class="dash-action-card is-security reveal" style="margin-top:18px" href="{% url 'password_change' %}">
    <div class="dash-action-icon">
      <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.7"><rect x="4" y="10" width="16" height="10" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3"/></svg>
    </div>
    <div class="dash-action-body"><b>امنیت حساب</b><p>برای تغییر رمز عبور به‌صورت جداگانه به این بخش مراجعه کنید.</p></div>
    <span class="dash-action-arrow">←</span>
  </a>
</div>

{% endblock %}