40 lines
4.2 KiB
HTML
40 lines
4.2 KiB
HTML
{% extends 'payments/base.html' %}{% load static jalali %}
|
|
{% block title %}{{ page_title }}{% endblock %}
|
|
{% block extra_head %}{{ block.super }}<link rel="stylesheet" href="{% static 'css/customer-tickets.css' %}?v={{ static_asset_version }}">{% endblock %}
|
|
{% block content %}
|
|
<section class="chaharsu customer-tickets" aria-labelledby="customer-tickets-title">
|
|
<header class="chaharsu-heading"><a class="tickets-breadcrumb" href="{% url 'payments:home' %}">خدمات چهارسو</a><h1 id="customer-tickets-title">درخواست‌های من</h1><p>درخواست‌ها و پاسخ کارشناسان را از اینجا پیگیری کنید.</p></header>
|
|
{% if site_branding.customer_tickets_hero_enabled %}<section class="expert-service tickets-intro">
|
|
{% if site_branding.customer_tickets_hero_eyebrow %}<p class="tickets-intro-kicker">{{ site_branding.customer_tickets_hero_eyebrow }}</p>{% endif %}
|
|
<div class="expert-service-head">
|
|
<span class="service-icon">{% include 'payments/_icon.html' with name='chat' %}</span>
|
|
<h2>{{ site_branding.customer_tickets_hero_heading|linebreaksbr }}</h2>
|
|
<p>{{ site_branding.customer_tickets_hero_body|linebreaksbr }}</p>
|
|
</div>
|
|
<div class="service-actions">
|
|
<a class="pay-button light" href="{% url 'tickets:new' %}">{% include 'payments/_icon.html' with name='plus' %}ثبت درخواست جدید</a>
|
|
<a class="pay-button outline-light" href="#recent-requests">{% include 'payments/_icon.html' with name='history' %}درخواست‌های قبلی</a>
|
|
</div>
|
|
</section>{% endif %}
|
|
{% if missing_profile_fields %}<aside class="tickets-profile-note" role="note"><span class="service-icon">{% include 'payments/_icon.html' with name='user' %}</span><div><h2>تکمیل پروفایل، برای پیگیری دقیق‌تر</h2><p>اطلاعات <b>{{ missing_profile_fields|join:'، ' }}</b> در پروفایل شما تکمیل نشده است. تکمیل آن‌ها اختیاری است و به راهنمایی دقیق‌تر کارشناسان کمک می‌کند.</p><div class="tickets-profile-actions"><a class="pay-button secondary" href="{% url 'accounts:profile' %}">تکمیل پروفایل</a><a class="tickets-text-link" href="{% url 'tickets:new' %}">فعلاً ثبت درخواست را ادامه می‌دهم</a></div></div></aside>{% endif %}
|
|
<div class="customer-list-heading" id="recent-requests">
|
|
<h2>درخواست‌های اخیر شما</h2>
|
|
<span>{{ tickets|length }} مورد</span>
|
|
</div>
|
|
<div class="tickets-list-grid">
|
|
{% for ticket in tickets %}
|
|
<a class="tickets-list-card" href="{% url 'tickets:detail' ticket.public_id %}">
|
|
<div class="tickets-card-top"><span class="tickets-status">{{ ticket.get_status_display }}</span><bdi class="tickets-number">{{ ticket.ticket_number }}</bdi></div>
|
|
<h3>{{ ticket.subject }}</h3>
|
|
<div class="tickets-card-meta"><span>{{ ticket.category }}</span><span>کارشناس: {{ ticket.assigned_expert_name }}</span><time datetime="{{ ticket.last_activity_at|date:'c' }}">{{ ticket.last_activity_at|jalali_datetime }}</time></div>
|
|
<span class="tickets-card-link">مشاهده و پیگیری{% include 'payments/_icon.html' with name='arrow' %}</span>
|
|
</a>
|
|
{% empty %}
|
|
<div class="pay-card customer-empty tickets-empty">{% include 'payments/_icon.html' with name='chat' %}<h3>هنوز درخواستی ثبت نشده</h3><p>اولین گفت‌وگوی خود را با تیم فروش آغاز کنید.</p><a class="pay-button" href="{% url 'tickets:new' %}">{% include 'payments/_icon.html' with name='plus' %}ثبت اولین درخواست</a></div>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|
|
{% block extra_scripts %}{% endblock %}
|
|
{% block pwa_install_prompt %}<aside class="pwa-install" data-pwa-install hidden><img class="pwa-install-icon" src="{{ pwa_icon_url }}?v={{ static_asset_version }}-{{ branding_version }}" alt="" width="64" height="64"><div class="pwa-install-copy"><b>{{ site_branding.pwa_install_label }}</b><small data-pwa-help role="status">{{ site_branding.pwa_install_help }}</small></div><div class="pwa-install-actions"><button type="button" data-pwa-dismiss>بعداً</button><button type="button" class="primary" data-pwa-accept>نصب</button></div></aside>{% endblock %}
|