first

templates/accounts/customer_login.html

@@ -0,0 +1,10 @@
+{% extends 'base.html' %}
+{% block title %}{{ page_title }}{% endblock %}
+{% block header_logo %}{% endblock %}
+{% block content %}
+<div class="auth-shell">
+  {% if site_branding.login_intro_enabled %}<section class="auth-intro"><div class="auth-intro-icon">{{ site_branding.login_intro_icon }}</div><p class="eyebrow">{{ site_branding.login_intro_eyebrow }}</p><h2>{{ site_branding.login_intro_heading|linebreaksbr }}</h2><p>{{ site_branding.login_intro_body|linebreaksbr }}</p></section>{% endif %}
+  <div class="auth-panel"><section class="auth card">{% include 'includes/auth_brand.html' with hide_copy=True %}<p class="eyebrow">ورود مشتریان</p><h1>خوش آمدید</h1><p class="muted">شماره موبایل خود را وارد کنید؛ نیازی به ثبت‌نام یا رمز عبور نیست.</p><form method="post" data-disable-on-submit>{% csrf_token %}{{ form.as_p }}<button type="submit">دریافت کد یک‌بارمصرف <span aria-hidden="true">←</span></button></form><div class="auth-links"><a href="{% url 'accounts:password_login' %}">ورود با رمز عبور</a><a href="{% url 'accounts:staff_login' %}">ورود کارشناسان</a></div></section>{% include 'includes/auth_footer.html' %}</div>
+</div>
+{% endblock %}
+{% block footer %}{% endblock %}

templates/accounts/customer_password_login.html

@@ -0,0 +1,10 @@
+{% extends 'base.html' %}
+{% block title %}{{ page_title }}{% endblock %}
+{% block header_logo %}{% endblock %}
+{% block content %}
+<div class="auth-shell">
+  <section class="auth-intro"><div class="auth-intro-icon">●</div><p class="eyebrow">ورود سریع</p><h2>دوباره خوش آمدید.</h2><p>اگر قبلاً در پروفایل خود رمز تعیین کرده‌اید، بدون انتظار برای پیامک وارد شوید.</p></section>
+  <div class="auth-panel"><section class="auth card">{% include 'includes/auth_brand.html' %}<p class="eyebrow">حساب مشتری</p><h1>ورود با رمز عبور</h1><p class="muted">شماره موبایل و رمز انتخابی خود را وارد کنید.</p><form method="post" data-disable-on-submit>{% csrf_token %}{{ form.as_p }}<button type="submit">ورود به حساب</button></form><div class="auth-links"><a href="{% url 'accounts:login' %}">ورود با کد یک‌بارمصرف</a></div></section>{% include 'includes/auth_footer.html' %}</div>
+</div>
+{% endblock %}
+{% block footer %}{% endblock %}

templates/accounts/otp.html

@@ -0,0 +1,11 @@
+{% extends 'base.html' %}
+{% block title %}{{ page_title }}{% endblock %}
+{% block header_logo %}{% endblock %}
+{% block content %}
+<div class="auth-shell">
+  <section class="auth-intro"><div class="auth-intro-icon">✓</div><p class="eyebrow">ورود امن</p><h2>فقط یک قدم<br>تا میز کار شما.</h2><p>کد یک‌بارمصرف کوتاه‌مدت است و بعد از ورود قابل استفاده مجدد نخواهد بود.</p></section>
+  <div class="auth-panel"><section class="auth card">{% include 'includes/auth_brand.html' %}<p class="eyebrow">تأیید شماره</p><h1>کد را وارد کنید</h1><p class="muted">کد ارسال‌شده به <b dir="ltr">{{ mobile }}</b> را وارد کنید.</p><form method="post" data-disable-on-submit data-webotp-form>{% csrf_token %}{{ form.as_p }}<button type="submit">تأیید و ورود</button></form><div class="auth-links"><a href="{% url 'accounts:login' %}">اصلاح شماره موبایل</a></div></section>{% include 'includes/auth_footer.html' %}</div>
+</div>
+{% endblock %}
+{% block footer %}{% endblock %}
+{% block otp_script %}{% load static %}<script defer src="{% static 'js/webotp.js' %}?v={{ static_asset_version }}"></script>{% endblock %}

templates/accounts/profile.html

@@ -0,0 +1,20 @@
+{% extends 'base.html' %}{% load static %}
+{% block title %}{{ page_title }}{% endblock %}
+{% block content %}
+<div class="page-head"><div><p class="eyebrow">تنظیمات حساب</p><h1>پروفایل من</h1><p>اطلاعات شما به کارشناس کمک می‌کند پاسخ دقیق‌تری ارائه کند.</p></div><a class="nav-link" href="{% url 'tickets:list' %}">بازگشت به تیکت‌ها</a></div>
+<section class="card form-card">
+  <div class="badge" dir="ltr">{{ user.mobile }}</div>
+  <form method="post" class="mt-6" data-disable-on-submit>{% csrf_token %}{{ form.non_field_errors }}
+    <div class="grid gap-4 sm:grid-cols-2"><div class="field">{{ form.first_name.label_tag }}{{ form.first_name }}{{ form.first_name.errors }}</div><div class="field">{{ form.last_name.label_tag }}{{ form.last_name }}{{ form.last_name.errors }}</div></div>
+    <div class="field">{{ form.customer_type.label_tag }}{{ form.customer_type }}{{ form.customer_type.errors }}</div>
+    <section class="location-fields" data-location-picker data-locations-url="{% static 'data/iran-locations.json' %}">
+      <div class="location-heading"><div><h3>موقعیت پیش‌فرض</h3><p>اختیاری است؛ در تیکت‌های جدید به‌صورت خودکار پیشنهاد می‌شود.</p></div><span>اختیاری</span></div>
+      <div class="grid gap-4 sm:grid-cols-2"><div class="field">{{ form.province.label_tag }}{{ form.province }}<datalist id="profile-province-options" data-province-options></datalist>{{ form.province.errors }}</div><div class="field">{{ form.city.label_tag }}{{ form.city }}<datalist id="profile-city-options" data-city-options></datalist>{{ form.city.errors }}</div></div>
+      <p class="location-hint" data-location-hint>نام استان را جست‌وجو و انتخاب کنید.</p>
+    </section>
+    <div class="field">{{ form.password.label_tag }}{{ form.password }}{% if form.password.help_text %}<small class="muted">{{ form.password.help_text }}</small>{% endif %}{{ form.password.errors }}</div>
+    <button type="submit">ذخیره تغییرات</button>
+  </form>
+</section>
+<script src="{% static 'js/location-picker.js' %}?v={{ static_asset_version }}"></script>
+{% endblock %}

templates/accounts/staff_login.html

@@ -0,0 +1,10 @@
+{% extends 'base.html' %}
+{% block title %}{{ page_title }}{% endblock %}
+{% block header_logo %}{% endblock %}
+{% block content %}
+<div class="auth-shell">
+  {% if site_branding.staff_login_intro_enabled %}<section class="auth-intro"><div class="auth-intro-icon">{{ site_branding.staff_login_intro_icon }}</div><p class="eyebrow">{{ site_branding.staff_login_intro_eyebrow }}</p><h2>{{ site_branding.staff_login_intro_heading|linebreaksbr }}</h2><p>{{ site_branding.staff_login_intro_body|linebreaksbr }}</p></section>{% endif %}
+  <div class="auth-panel"><section class="auth card">{% include 'includes/auth_brand.html' %}<p class="eyebrow">دسترسی سازمانی</p><h1>ورود کارشناسان</h1><p class="muted">با نام کاربری و رمز عبور سازمانی وارد شوید.</p><form method="post" data-disable-on-submit>{% csrf_token %}{{ form.as_p }}<button type="submit">ورود به میز کار <span aria-hidden="true">←</span></button></form><div class="auth-links"><a href="{% url 'accounts:login' %}">ورود مشتریان</a></div></section>{% include 'includes/auth_footer.html' %}</div>
+</div>
+{% endblock %}
+{% block footer %}{% endblock %}