71 lines
3.5 KiB
HTML
71 lines
3.5 KiB
HTML
{% extends 'base.html' %}
|
|
{% load i18n custom_filters %}
|
|
|
|
{% block content %}
|
|
<div class="container-fluid px-3 px-md-5 py-4">
|
|
<!-- Account Details Section -->
|
|
<div class="row mb-4">
|
|
<div class="col-12">
|
|
<div class="card border-0 shadow-sm">
|
|
<div class="card-header bg-white border-bottom-0 py-3">
|
|
<h5 class="mb-0 fw-semibold">{% trans "Your Account" %}</h5>
|
|
</div>
|
|
<div class="card-body pt-0">
|
|
<div class="row g-3">
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="d-flex flex-column bg-light rounded-3 p-3 h-100">
|
|
<span class="text-muted small">{% trans "Account" %}</span>
|
|
<span class="fw-semibold">{{ user.dealer.get_local_name }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="d-flex flex-column bg-light rounded-3 p-3 h-100">
|
|
<span class="text-muted small">{% trans "Status" %}</span>
|
|
{% if userplan.active %}
|
|
<span class="badge bg-success bg-opacity-10 text-success">{% trans "Active" %}</span>
|
|
{% else %}
|
|
<span class="badge bg-danger bg-opacity-10 text-danger">{% trans "Expired" %}</span>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="d-flex flex-column bg-light rounded-3 p-3 h-100">
|
|
<span class="text-muted small">{% trans "Active until" %}</span>
|
|
<span class="fw-semibold">{{ userplan.expire }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="d-flex flex-column bg-light rounded-3 p-3 h-100">
|
|
<span class="text-muted small">{% trans "Plan" %}</span>
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<span class="fw-semibold">{{ userplan.plan }}</span>
|
|
<a href="{% url 'pricing_page' %}" class="btn btn-sm btn-outline-primary">
|
|
{% trans "Upgrade" %}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Plan Details Section -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card border-0 shadow-sm">
|
|
<div class="card-header bg-white border-bottom-0 py-3">
|
|
<h5 class="mb-0 fw-semibold">{% trans "Plan Details" %}</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
{% include "plans/plan_table.html" %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |