{% extends "base.html" %}
{% block title %}Редактировать профиль — Мои Товары{% endblock %}
{% block page_title %}Редактировать профиль{% endblock %}

{% block content %}
<div class="pg-title">Редактировать профиль</div>
<div class="pg-sub">Обновите ваши личные данные</div>

<div class="card" style="max-width:540px;">
  <form method="post" action="/profile/edit">
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
      <div class="form-row">
        <label class="form-lbl" for="first_name">Имя</label>
        <input class="inp" type="text" id="first_name" name="first_name"
               value="{{ form.first_name if form else user.first_name }}" required>
      </div>
      <div class="form-row">
        <label class="form-lbl" for="last_name">Фамилия</label>
        <input class="inp" type="text" id="last_name" name="last_name"
               value="{{ form.last_name if form else user.last_name }}" required>
      </div>
    </div>
    <div class="form-row">
      <label class="form-lbl">Email</label>
      <input class="inp" type="email" value="{{ user.email }}" disabled style="opacity:0.6;cursor:not-allowed;">
    </div>
    <div class="form-row">
      <label class="form-lbl" for="phone">Телефон</label>
      <input class="inp" type="tel" id="phone" name="phone"
             value="{{ form.phone if form else user.phone }}" required>
    </div>
    <div style="display:flex;gap:8px;">
      <button type="submit" class="btn btn-primary">
        <i class="bi bi-save"></i> Сохранить
      </button>
      <a href="/profile" class="btn btn-outline">Отмена</a>
    </div>
  </form>
</div>
{% endblock %}