ismail/haikal
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/main'

Browse Source
This commit is contained in:
Marwan Alwali 2025-09-24 16:24:45 +03:00
commit 5cfe6d6093
163 changed files with 9203 additions and 7323 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.gitignore vendored
View File

@ -163,8 +163,11 @@ GitHub.sublime-settings
.history
static-copy
static
static/*
staticfiles
media
tmp
logs
logs
static/testdir

26
car_inventory/asgi.py
View File

@ -17,40 +17,24 @@ import django
django.setup()
from django.urls import path
from channels.routing import ProtocolTypeRouter, URLRouter
from whitenoise import WhiteNoise
from channels.auth import AuthMiddlewareStack
from api import routing
from inventory.notifications.sse import NotificationSSEApp
from django.urls import re_path
from django.core.asgi import get_asgi_application
from django.contrib.staticfiles.handlers import ASGIStaticFilesHandler
from pathlib import Path
# application = ProtocolTypeRouter(
# {
# "http": get_asgi_application(),
# # "websocket": AuthMiddlewareStack(URLRouter(routing.websocket_urlpatterns)),
# }
# )
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "car_inventory.settings")
django.setup()
BASE_DIR = Path(__file__).resolve().parent.parent
# BASE_DIR = Path(__file__).resolve().parent.parent
app = get_asgi_application()
# app = WhiteNoise(app, root=str(BASE_DIR / 'staticfiles'))
application = ProtocolTypeRouter(
{
"http": AuthMiddlewareStack(
URLRouter(
[
path("sse/notifications/", NotificationSSEApp()),
re_path(
r"", app
), # All other routes go to Django
re_path(r"", app),
]
)
),
@ -58,5 +42,5 @@ application = ProtocolTypeRouter(
)
if django.conf.settings.DEBUG:
application = ASGIStaticFilesHandler(app)
# if django.conf.settings.DEBUG:
# application = ASGIStaticFilesHandler(app)

7
car_inventory/urls.py
View File

@ -5,7 +5,7 @@ from django.urls import path, include
from schema_graph.views import Schema
from django.conf.urls.static import static
from django.conf.urls.i18n import i18n_patterns
from inventory.notifications.sse import NotificationSSEApp
# from inventory.notifications.sse import NotificationSSEApp
# import debug_toolbar
# from two_factor.urls import urlpatterns as tf_urls
@ -33,5 +33,6 @@ urlpatterns += i18n_patterns(
# path('', include(tf_urls)),
)
# if not settings.DEBUG:
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
if settings.DEBUG:
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

66
inventory/admin.py
View File

@ -3,6 +3,7 @@ from django.contrib import admin
from . import models
from django_ledger import models as ledger_models
from django.contrib import messages
# from django_pdf_actions.actions import export_to_pdf_landscape, export_to_pdf_portrait
# from appointment import models as appointment_models
from import_export.admin import ExportMixin
@ -177,55 +178,52 @@ class CarOptionAdmin(admin.ModelAdmin):
# actions = [export_to_pdf_landscape, export_to_pdf_portrait]
@admin.register(models.UserRegistration)
class UserRegistrationAdmin(admin.ModelAdmin):
# Fields to display in the list view
list_display = [
'name',
'arabic_name',
'email',
'crn',
'vrn',
'phone_number',
'is_created',
'created_at',
"name",
"arabic_name",
"email",
"crn",
"vrn",
"phone_number",
"is_created",
"created_at",
]
# Filters in the right sidebar
list_filter = [
'is_created',
'created_at',
"is_created",
"created_at",
]
# Searchable fields
search_fields = [
'name', 'arabic_name', 'email', 'crn', 'vrn', 'phone_number'
]
search_fields = ["name", "arabic_name", "email", "crn", "vrn", "phone_number"]
# Read-only fields in detail view
readonly_fields = [
'created_at', 'updated_at', 'is_created', 'password'
]
readonly_fields = ["created_at", "updated_at", "is_created", "password"]
# Organize form layout
fieldsets = [
('Account Information', {
'fields': ('name', 'arabic_name', 'email', 'phone_number')
}),
('Business Details', {
'fields': ('crn', 'vrn', 'address')
}),
('Status', {
'fields': ('is_created', 'password', 'created_at', 'updated_at'),
'classes': ('collapse',)
}),
(
"Account Information",
{"fields": ("name", "arabic_name", "email", "phone_number")},
),
("Business Details", {"fields": ("crn", "vrn", "address")}),
(
"Status",
{
"fields": ("is_created", "password", "created_at", "updated_at"),
"classes": ("collapse",),
},
),
]
# Custom action to create accounts
actions = ['create_dealer_accounts']
actions = ["create_dealer_accounts"]
@admin.action(description='Create dealer account(s) for selected registrations')
@admin.action(description="Create dealer account(s) for selected registrations")
def create_dealer_accounts(self, request, queryset):
created_count = 0
already_created_count = 0
@ -242,7 +240,7 @@ class UserRegistrationAdmin(admin.ModelAdmin):
self.message_user(
request,
f"Error creating account for {registration.name}: {str(e)}",
level=messages.ERROR
level=messages.ERROR,
)
failed_count += 1
@ -251,17 +249,17 @@ class UserRegistrationAdmin(admin.ModelAdmin):
self.message_user(
request,
f"Successfully created {created_count} account(s).",
level=messages.SUCCESS
level=messages.SUCCESS,
)
if already_created_count > 0:
self.message_user(
request,
f"{already_created_count} registration(s) were already created.",
level=messages.INFO
level=messages.INFO,
)
if failed_count > 0:
self.message_user(
request,
f"Failed to create {failed_count} account(s). Check logs.",
level=messages.ERROR
)
level=messages.ERROR,
)

32
inventory/forms.py
View File

@ -2,6 +2,7 @@ from django.core.cache import cache
from datetime import datetime
from luhnchecker.luhn import Luhn
from django.contrib.auth.models import Permission
# from appointment.models import Service
from django.core.validators import MinLengthValidator
from django import forms
@ -57,7 +58,7 @@ from .models import (
Tasks,
Recall,
Ticket,
UserRegistration
UserRegistration,
)
from django_ledger import models as ledger_models
from django.forms import (
@ -364,7 +365,14 @@ class CarForm(
"receiving_date",
"vendor",
]
required_fields = ["vin","id_car_make", "id_car_model", "id_car_serie", "id_car_trim", "vendor"]
required_fields = [
"vin",
"id_car_make",
"id_car_model",
"id_car_serie",
"id_car_trim",
"vendor",
]
widgets = {
"id_car_make": forms.Select(attrs={"class": "form-select form-select-sm"}),
"receiving_date": forms.DateTimeInput(attrs={"type": "datetime-local"}),
@ -2123,8 +2131,7 @@ class AdditionalFinancesForm(forms.Form):
for field in self.fields.values():
if isinstance(field, forms.ModelMultipleChoiceField):
field.widget.choices = [
(obj.pk, f"{obj.name} - {obj.price:.2f}")
for obj in field.queryset
(obj.pk, f"{obj.name} - {obj.price:.2f}") for obj in field.queryset
]
@ -2141,6 +2148,7 @@ class VatRateForm(forms.ModelForm):
model = VatRate
fields = ["rate"]
class CustomSetPasswordForm(SetPasswordForm):
new_password1 = forms.CharField(
label="New Password",
@ -2258,18 +2266,26 @@ class TicketResolutionForm(forms.ModelForm):
self.fields["status"].choices = [("resolved", "Resolved"), ("closed", "Closed")]
class CarDealershipRegistrationForm(forms.ModelForm):
# Add additional fields for the registration form
class Meta:
model = UserRegistration
fields = ("name","arabic_name", "email","phone_number", "crn", "vrn", "address")
fields = (
"name",
"arabic_name",
"email",
"phone_number",
"crn",
"vrn",
"address",
)
class CarDetailsEstimateCreate(forms.Form):
customer = forms.ModelChoiceField(
queryset=Customer.objects.all(),
queryset=Customer.objects.filter(active=True),
required=True,
label="Customer",
widget=forms.Select(attrs={"class": "form-control"}),
)
)

18
inventory/hooks.py
View File

@ -18,10 +18,10 @@ def check_create_coa_accounts(task):
logger.warning("Account creation task failed, checking status...")
try:
dealer_id = task.kwargs.get('dealer_id',None)
coa_slug = task.kwargs.get('coa_slug', None)
dealer_id = task.kwargs.get("dealer_id", None)
coa_slug = task.kwargs.get("coa_slug", None)
logger.info(f"Checking accounts for dealer {dealer_id}")
logger.info(f"COA slug: {coa_slug}")
logger.info(f"COA slug: {coa_slug}")
if not dealer_id:
logger.error("No dealer_id in task kwargs")
return
@ -37,7 +37,9 @@ def check_create_coa_accounts(task):
try:
coa = entity.get_coa_model_qs().get(slug=coa_slug)
except Exception as e:
logger.error(f"COA with slug {coa_slug} not found for entity {entity.pk}: {e}")
logger.error(
f"COA with slug {coa_slug} not found for entity {entity.pk}: {e}"
)
else:
coa = entity.get_default_coa()
if not coa:
@ -49,7 +51,11 @@ def check_create_coa_accounts(task):
missing_accounts = []
for account_data in get_accounts_data():
if not entity.get_all_accounts().filter(coa_model=coa,code=account_data["code"]).exists():
if (
not entity.get_all_accounts()
.filter(coa_model=coa, code=account_data["code"])
.exists()
):
missing_accounts.append(account_data)
logger.info(f"Missing account: {account_data['code']}")
@ -62,6 +68,8 @@ def check_create_coa_accounts(task):
except Exception as e:
logger.error(f"Error in check_create_coa_accounts hook: {e}")
# def check_create_coa_accounts(task):
# logger.info("Checking if all accounts are created")
# instance = task.kwargs["dealer"]

10
inventory/management/commands/deactivate_unsubscribed_dealers.py
View File

@ -8,19 +8,23 @@ from django.core.management.base import BaseCommand
User = get_user_model()
class Command(BaseCommand):
help = "Deactivates expired user plans"
def handle(self, *args, **options):
users_without_plan = User.objects.filter(
is_active=True, userplan=None, dealer__isnull=False, date_joined__lte=timezone.now()-timedelta(days=7)
is_active=True,
userplan=None,
dealer__isnull=False,
date_joined__lte=timezone.now() - timedelta(days=7),
)
count = users_without_plan.count()
for user in users_without_plan:
user.is_active = False
user.save()
subject = 'Your account has been deactivated'
subject = "Your account has been deactivated"
message = """
Hello {},\n
Your account has been deactivated, please contact us at {} if you have any questions.
@ -30,7 +34,7 @@ class Command(BaseCommand):
""".format(user.dealer.name, settings.DEFAULT_FROM_EMAIL)
from_email = settings.DEFAULT_FROM_EMAIL
recipient_list = user.email
send_email(from_email, recipient_list,subject, message)
send_email(from_email, recipient_list, subject, message)
self.stdout.write(
self.style.SUCCESS(

6
inventory/management/commands/plans_maintenance.py
View File

@ -63,14 +63,14 @@ class Command(BaseCommand):
for plan in expired_plans:
# try:
if dealer := getattr(plan.user,"dealer", None):
if dealer := getattr(plan.user, "dealer", None):
dealer.user.is_active = False
dealer.user.save()
for staff in dealer.get_staff():
staff.deactivate_account()
count = expired_plans.update(active=False)
# except:
# logger.warning(f"User {plan.user_id} does not exist")
# except:
# logger.warning(f"User {plan.user_id} does not exist")
self.stdout.write(f"Deactivated {count} expired plans")
def cleanup_old_orders(self):

21
inventory/management/commands/set_custom_permissions.py
View File

@ -7,16 +7,16 @@ from django_ledger.models import EstimateModel, BillModel, AccountModel, LedgerM
class Command(BaseCommand):
def handle(self, *args, **kwargs):
Permission.objects.get_or_create(
name="Can view crm",
codename="can_view_crm",
content_type=ContentType.objects.get_for_model(Lead),
)
Permission.objects.get_or_create(
name="Can reassign lead",
codename="can_reassign_lead",
content_type=ContentType.objects.get_for_model(Lead),
)
# Permission.objects.get_or_create(
# name="Can view crm",
# codename="can_view_crm",
# content_type=ContentType.objects.get_for_model(Lead),
# )
# Permission.objects.get_or_create(
# name="Can reassign lead",
# codename="can_reassign_lead",
# content_type=ContentType.objects.get_for_model(Lead),
# )
Permission.objects.get_or_create(
name="Can view sales",
codename="can_view_sales",
@ -47,4 +47,3 @@ class Command(BaseCommand):
codename="can_approve_estimatemodel",
content_type=ContentType.objects.get_for_model(EstimateModel),
)

69
inventory/management/commands/tenhal_plan.py
View File

@ -23,19 +23,19 @@ class Command(BaseCommand):
# Note: Deleting plans and quotas should cascade to related objects like PlanQuota and PlanPricing.
self.stdout.write(self.style.SUCCESS("Data reset complete."))
else:
self.stdout.write(self.style.NOTICE("Creating or updating default plans and quotas..."))
self.stdout.write(
self.style.NOTICE("Creating or updating default plans and quotas...")
)
# Create or get quotas
users_quota, created_u = Quota.objects.get_or_create(
codename="Users",
defaults={"name": "Users", "unit": "number"}
codename="Users", defaults={"name": "Users", "unit": "number"}
)
if created_u:
self.stdout.write(self.style.SUCCESS('Created quota: "Users"'))
cars_quota, created_c = Quota.objects.get_or_create(
codename="Cars",
defaults={"name": "Cars", "unit": "number"}
codename="Cars", defaults={"name": "Cars", "unit": "number"}
)
if created_c:
self.stdout.write(self.style.SUCCESS('Created quota: "Cars"'))
@ -43,90 +43,81 @@ class Command(BaseCommand):
# Create or get plans
basic_plan, created_bp = Plan.objects.get_or_create(
name="Basic",
defaults={"description": "basic plan", "available": True, "visible": True}
defaults={"description": "basic plan", "available": True, "visible": True},
)
if created_bp:
self.stdout.write(self.style.SUCCESS('Created plan: "Basic"'))
pro_plan, created_pp = Plan.objects.get_or_create(
name="Pro",
defaults={"description": "Pro plan", "available": True, "visible": True}
defaults={"description": "Pro plan", "available": True, "visible": True},
)
if created_pp:
self.stdout.write(self.style.SUCCESS('Created plan: "Pro"'))
enterprise_plan, created_ep = Plan.objects.get_or_create(
name="Enterprise",
defaults={"description": "Enterprise plan", "available": True, "visible": True}
defaults={
"description": "Enterprise plan",
"available": True,
"visible": True,
},
)
if created_ep:
self.stdout.write(self.style.SUCCESS('Created plan: "Enterprise"'))
# Assign quotas to plans using get_or_create to prevent duplicates
PlanQuota.objects.get_or_create(
plan=basic_plan,
quota=users_quota,
defaults={"value": 10000000}
plan=basic_plan, quota=users_quota, defaults={"value": 10000000}
)
PlanQuota.objects.get_or_create(
plan=basic_plan,
quota=cars_quota,
defaults={"value": 10000000}
plan=basic_plan, quota=cars_quota, defaults={"value": 10000000}
)
# Pro plan quotas
PlanQuota.objects.get_or_create(
plan=pro_plan,
quota=users_quota,
defaults={"value": 10000000}
plan=pro_plan, quota=users_quota, defaults={"value": 10000000}
)
PlanQuota.objects.get_or_create(
plan=pro_plan,
quota=cars_quota,
defaults={"value": 10000000}
plan=pro_plan, quota=cars_quota, defaults={"value": 10000000}
)
# Enterprise plan quotas
PlanQuota.objects.get_or_create(
plan=enterprise_plan,
quota=users_quota,
defaults={"value": 10000000}
plan=enterprise_plan, quota=users_quota, defaults={"value": 10000000}
)
PlanQuota.objects.get_or_create(
plan=enterprise_plan,
quota=cars_quota,
defaults={"value": 10000000}
plan=enterprise_plan, quota=cars_quota, defaults={"value": 10000000}
)
# Create or get pricing
basic_pricing, created_bp_p = Pricing.objects.get_or_create(
name="3 Months",
defaults={"period": 90}
name="3 Months", defaults={"period": 90}
)
pro_pricing, created_pp_p = Pricing.objects.get_or_create(
name="6 Months",
defaults={"period": 180}
name="6 Months", defaults={"period": 180}
)
enterprise_pricing, created_ep_p = Pricing.objects.get_or_create(
name="1 Year",
defaults={"period": 365}
name="1 Year", defaults={"period": 365}
)
# Assign pricing to plans
PlanPricing.objects.get_or_create(
plan=basic_plan,
pricing=basic_pricing,
defaults={"price": Decimal("2997.00")}
defaults={"price": Decimal("2997.00")},
)
PlanPricing.objects.get_or_create(
plan=pro_plan,
pricing=pro_pricing,
defaults={"price": Decimal("5395.00")}
plan=pro_plan, pricing=pro_pricing, defaults={"price": Decimal("5395.00")}
)
PlanPricing.objects.get_or_create(
plan=enterprise_plan,
pricing=enterprise_pricing,
defaults={"price": Decimal("9590.00")}
defaults={"price": Decimal("9590.00")},
)
self.stdout.write(self.style.SUCCESS("Subscription plans structure successfully created or updated."))
self.stdout.write(
self.style.SUCCESS(
"Subscription plans structure successfully created or updated."
)
)

5
inventory/management/commands/update_site.py
View File

@ -3,12 +3,13 @@ from django.core.management.base import BaseCommand
from django.contrib.sites.models import Site
from django.conf import settings
class Command(BaseCommand):
help = 'Update the default site domain'
help = "Update the default site domain"
def handle(self, *args, **options):
site = Site.objects.get_current()
site.domain = settings.SITE_DOMAIN
site.name = settings.SITE_NAME
site.save()
self.stdout.write(self.style.SUCCESS(f'Site updated to: {site.domain}'))
self.stdout.write(self.style.SUCCESS(f"Site updated to: {site.domain}"))

135
inventory/models.py
View File

@ -10,7 +10,7 @@ from django.urls import reverse
# from django.utils.text import slugify
from slugify import slugify
from django.utils import timezone
from django.core.validators import MinValueValidator,MaxValueValidator
from django.core.validators import MinValueValidator, MaxValueValidator
import hashlib
from django.db import models
from datetime import timedelta
@ -57,15 +57,17 @@ from encrypted_model_fields.fields import (
EncryptedEmailField,
EncryptedTextField,
)
# from plans.models import AbstractPlan
# from simple_history.models import HistoricalRecords
from plans.models import Invoice
from django_extensions.db.fields import RandomCharField,AutoSlugField
from django_extensions.db.fields import RandomCharField, AutoSlugField
logger = logging.getLogger(__name__)
logging.basicConfig(level=logging.INFO)
class Base(models.Model):
id = models.UUIDField(
unique=True,
@ -206,11 +208,8 @@ class VatRate(models.Model):
max_digits=5,
decimal_places=2,
default=Decimal("0.15"),
validators=[
MinValueValidator(0.0),
MaxValueValidator(1.0)
],
help_text=_("VAT rate as decimal between 0 and 1 (e.g., 0.2 for 20%)")
validators=[MinValueValidator(0.0), MaxValueValidator(1.0)],
help_text=_("VAT rate as decimal between 0 and 1 (e.g., 0.2 for 20%)"),
)
is_active = models.BooleanField(default=True)
created_at = models.DateTimeField(auto_now_add=True)
@ -776,7 +775,7 @@ class Car(Base):
make = self.id_car_make.name if self.id_car_make else "Unknown Make"
model = self.id_car_model.name if self.id_car_model else "Unknown Model"
trim = self.id_car_trim.name if self.id_car_trim else "Unknown Trim"
vin=self.vin if self.vin else None
vin = self.vin if self.vin else None
return f"{self.year} - {make} - {model} - {trim}-{vin}"
@property
@ -843,7 +842,7 @@ class Car(Base):
def mark_as_sold(self):
self.cancel_reservation()
self.status = CarStatusChoices.SOLD
self.sold_date=timezone.now()
self.sold_date = timezone.now()
self.save()
def cancel_reservation(self):
@ -904,16 +903,23 @@ class Car(Base):
def get_active_estimates(self):
try:
qs = self.item_model.itemtransactionmodel_set.exclude(ce_model__status="canceled")
qs = self.item_model.itemtransactionmodel_set.exclude(
ce_model__status="canceled"
)
data = []
for item in qs:
x = ExtraInfo.objects.filter(object_id=item.ce_model.pk,content_type=ContentType.objects.get_for_model(EstimateModel)).first()
x = ExtraInfo.objects.filter(
object_id=item.ce_model.pk,
content_type=ContentType.objects.get_for_model(EstimateModel),
).first()
if x:
data.append(x)
return data
except Exception as e:
logger.error(f"Error getting active estimates for car {self.vin} error: {e}")
logger.error(
f"Error getting active estimates for car {self.vin} error: {e}"
)
return []
@property
@ -1389,7 +1395,11 @@ class Dealer(models.Model, LocalizedNameMixin):
options={"quality": 80},
)
entity = models.ForeignKey(
EntityModel, on_delete=models.SET_NULL, null=True, blank=True,related_name="dealers"
EntityModel,
on_delete=models.SET_NULL,
null=True,
blank=True,
related_name="dealers",
)
joined_at = models.DateTimeField(auto_now_add=True, verbose_name=_("Joined At"))
updated_at = models.DateTimeField(auto_now=True, verbose_name=_("Updated At"))
@ -1421,6 +1431,7 @@ class Dealer(models.Model, LocalizedNameMixin):
except Exception as e:
print(e)
return None
@property
def is_plan_expired(self):
try:
@ -1455,6 +1466,7 @@ class Dealer(models.Model, LocalizedNameMixin):
def get_vendors(self):
return VendorModel.objects.filter(entity_model=self.entity)
def get_staff(self):
return Staff.objects.filter(dealer=self)
@ -1505,7 +1517,9 @@ class Staff(models.Model):
first_name = models.CharField(max_length=255, verbose_name=_("First Name"))
last_name = models.CharField(max_length=255, verbose_name=_("Last Name"))
arabic_name = models.CharField(max_length=255, verbose_name=_("Arabic Name"),null=True,blank=True)
arabic_name = models.CharField(
max_length=255, verbose_name=_("Arabic Name"), null=True, blank=True
)
phone_number = EncryptedCharField(
max_length=255,
verbose_name=_("Phone Number"),
@ -1794,7 +1808,7 @@ class Customer(models.Model):
commit=False,
customer_model_kwargs={
"customer_name": self.full_name,
"address_1": "",#self.address,
"address_1": "", # self.address,
# "phone": self.phone_number,
# "email": self.email,
},
@ -2120,6 +2134,10 @@ class Lead(models.Model):
slug = RandomCharField(length=8, unique=True)
class Meta:
permissions = [
("can_view_crm", _("Can view CRM")),
("can_reassign_lead", _("Can reassign lead")),
]
verbose_name = _("Lead")
verbose_name_plural = _("Leads")
indexes = [
@ -2305,10 +2323,14 @@ class Schedule(models.Model):
help_text=_("What is the status of this schedule?"),
)
created_at = models.DateTimeField(
auto_now_add=True, verbose_name=_("Created Date"), help_text=_("When was this schedule created?")
auto_now_add=True,
verbose_name=_("Created Date"),
help_text=_("When was this schedule created?"),
)
updated_at = models.DateTimeField(
auto_now=True, verbose_name=_("Updated Date"), help_text=_("When was this schedule last updated?")
auto_now=True,
verbose_name=_("Updated Date"),
help_text=_("When was this schedule last updated?"),
)
def __str__(self):
@ -2495,13 +2517,12 @@ class Opportunity(models.Model):
def __str__(self):
try:
if self.customer:
return (
f"Opportunity for {self.customer.first_name} {self.customer.last_name}"
)
return f"Opportunity for {self.customer.first_name} {self.customer.last_name}"
return f"Opportunity for {self.organization.name}"
except Exception:
return f"Opportunity for car :{self.car}"
class Notes(models.Model):
dealer = models.ForeignKey(Dealer, on_delete=models.CASCADE, related_name="notes")
content_type = models.ForeignKey(ContentType, on_delete=models.CASCADE)
@ -2765,7 +2786,6 @@ class Vendor(models.Model, LocalizedNameMixin):
),
]
def __str__(self):
return self.name
@ -3155,7 +3175,7 @@ class CustomGroup(models.Model):
"notes",
"tasks",
"activity",
"additionalservices"
"additionalservices",
],
)
self.set_permissions(
@ -3272,7 +3292,7 @@ class CustomGroup(models.Model):
"payment",
"vendor",
"additionalservices",
'customer'
"customer",
],
other_perms=[
"view_car",
@ -3340,7 +3360,9 @@ class DealerSettings(models.Model):
on_delete=models.SET_NULL,
null=True,
blank=True,
help_text=_("Cash account to track cash transactions when an invoice is created."),
help_text=_(
"Cash account to track cash transactions when an invoice is created."
),
verbose_name=_("Invoice Cash Account"),
)
invoice_prepaid_account = models.ForeignKey(
@ -3349,7 +3371,9 @@ class DealerSettings(models.Model):
on_delete=models.SET_NULL,
null=True,
blank=True,
help_text=_("Prepaid Revenue account to track prepaid revenue when an invoice is created."),
help_text=_(
"Prepaid Revenue account to track prepaid revenue when an invoice is created."
),
verbose_name=_("Invoice Prepaid Account"),
)
invoice_unearned_account = models.ForeignKey(
@ -3358,7 +3382,9 @@ class DealerSettings(models.Model):
on_delete=models.SET_NULL,
null=True,
blank=True,
help_text=_("Unearned Revenue account to track unearned revenue when an invoice is created."),
help_text=_(
"Unearned Revenue account to track unearned revenue when an invoice is created."
),
verbose_name=_("Invoice Unearned Account"),
)
invoice_tax_payable_account = models.ForeignKey(
@ -3367,7 +3393,9 @@ class DealerSettings(models.Model):
on_delete=models.SET_NULL,
null=True,
blank=True,
help_text=_("Tax Payable account to track tax liabilities when an invoice is created."),
help_text=_(
"Tax Payable account to track tax liabilities when an invoice is created."
),
verbose_name=_("Invoice Tax Payable Account"),
)
invoice_vehicle_sale_account = models.ForeignKey(
@ -3376,7 +3404,9 @@ class DealerSettings(models.Model):
on_delete=models.SET_NULL,
null=True,
blank=True,
help_text=_("Vehicle Sales account to track vehicle sales revenue when an invoice is created."),
help_text=_(
"Vehicle Sales account to track vehicle sales revenue when an invoice is created."
),
verbose_name=_("Invoice Vehicle Sale Account"),
)
invoice_additional_services_account = models.ForeignKey(
@ -3385,7 +3415,9 @@ class DealerSettings(models.Model):
on_delete=models.SET_NULL,
null=True,
blank=True,
help_text=_("Additional Services account to track additional services revenue when an invoice is created."),
help_text=_(
"Additional Services account to track additional services revenue when an invoice is created."
),
verbose_name=_("Invoice Additional Services Account"),
)
invoice_cost_of_good_sold_account = models.ForeignKey(
@ -3394,7 +3426,9 @@ class DealerSettings(models.Model):
on_delete=models.SET_NULL,
null=True,
blank=True,
help_text=_("Cost of Goods Sold account to track the cost of goods sold when an invoice is created."),
help_text=_(
"Cost of Goods Sold account to track the cost of goods sold when an invoice is created."
),
verbose_name=_("Invoice Cost of Goods Sold Account"),
)
@ -3404,7 +3438,9 @@ class DealerSettings(models.Model):
on_delete=models.SET_NULL,
null=True,
blank=True,
help_text=_("Inventory account to track the cost of goods sold when an invoice is created."),
help_text=_(
"Inventory account to track the cost of goods sold when an invoice is created."
),
verbose_name=_("Invoice Inventory Account"),
)
@ -3423,7 +3459,9 @@ class DealerSettings(models.Model):
on_delete=models.SET_NULL,
null=True,
blank=True,
help_text=_("Prepaid account to track prepaid expenses when a bill is created."),
help_text=_(
"Prepaid account to track prepaid expenses when a bill is created."
),
verbose_name=_("Bill Prepaid Account"),
)
bill_unearned_account = models.ForeignKey(
@ -3432,10 +3470,14 @@ class DealerSettings(models.Model):
on_delete=models.SET_NULL,
null=True,
blank=True,
help_text=_("Unearned account to track unearned expenses when a bill is created."),
help_text=_(
"Unearned account to track unearned expenses when a bill is created."
),
verbose_name=_("Bill Unearned Account"),
)
additional_info = models.JSONField(default=dict, null=True, blank=True, help_text=_("Additional information"))
additional_info = models.JSONField(
default=dict, null=True, blank=True, help_text=_("Additional information")
)
def __str__(self):
return f"Settings for {self.dealer}"
@ -3790,7 +3832,10 @@ class Ticket(models.Model):
]
dealer = models.ForeignKey(
Dealer, on_delete=models.CASCADE, related_name="tickets", verbose_name=_("Dealer")
Dealer,
on_delete=models.CASCADE,
related_name="tickets",
verbose_name=_("Dealer"),
)
subject = models.CharField(
max_length=200, verbose_name=_("Subject"), help_text=_("Short description")
@ -3882,7 +3927,6 @@ class CarImage(models.Model):
)
class UserRegistration(models.Model):
name = models.CharField(_("Name"), max_length=255)
arabic_name = models.CharField(_("Arabic Name"), max_length=255)
@ -3892,15 +3936,24 @@ class UserRegistration(models.Model):
verbose_name=_("Phone Number"),
validators=[SaudiPhoneNumberValidator()],
)
crn = models.CharField(_("Commercial Registration Number"), max_length=10, unique=True)
crn = models.CharField(
_("Commercial Registration Number"), max_length=10, unique=True
)
vrn = models.CharField(_("Vehicle Registration Number"), max_length=15, unique=True)
address = models.TextField(_("Address"))
password = models.CharField(_("Password"), max_length=255,null=True,blank=True)
password = models.CharField(_("Password"), max_length=255, null=True, blank=True)
is_created = models.BooleanField(default=False)
created_at = models.DateTimeField(auto_now_add=True)
updated_at = models.DateTimeField(auto_now=True)
REQUIRED_FIELDS = ["username", "arabic_name", "crn", "vrn", "address", "phone_number"]
REQUIRED_FIELDS = [
"username",
"arabic_name",
"crn",
"vrn",
"address",
"phone_number",
]
def __str__(self):
return self.email
@ -3924,7 +3977,7 @@ class UserRegistration(models.Model):
phone=self.phone_number,
crn=self.crn,
vrn=self.vrn,
address=self.address
address=self.address,
)
if dealer:
@ -3939,4 +3992,4 @@ class UserRegistration(models.Model):
except Exception as e:
logger.error(f"Error creating account for {self.email}: {e}")
return False
return False

79
inventory/notifications/sse.py
View File

@ -1,82 +1,3 @@
# import json
# from django.contrib.auth.models import AnonymousUser
# from django.contrib.auth import get_user_model
# from django.db import close_old_connections
# from urllib.parse import parse_qs
# from channels.db import database_sync_to_async
# from inventory.models import Notification
# import asyncio
# @database_sync_to_async
# def get_notifications(user, last_id):
# return Notification.objects.filter(
# user=user, id__gt=last_id, is_read=False
# ).order_by("created")
# class NotificationSSEApp:
# async def __call__(self, scope, receive, send):
# if scope["type"] != "http":
# return
# query_string = parse_qs(scope["query_string"].decode())
# last_id = int(query_string.get("last_id", [0])[0])
# # Get user from scope if using AuthMiddlewareStack
# user = scope.get("user", AnonymousUser())
# if not user.is_authenticated:
# await send({
# "type": "http.response.start",
# "status": 403,
# "headers": [(b"content-type", b"text/plain")],
# })
# await send({
# "type": "http.response.body",
# "body": b"Unauthorized",
# })
# return
# await send({
# "type": "http.response.start",
# "status": 200,
# "headers": [
# (b"content-type", b"text/event-stream"),
# (b"cache-control", b"no-cache"),
# (b"x-accel-buffering", b"no"),
# ]
# })
# try:
# while True:
# close_old_connections()
# notifications = await get_notifications(user, last_id)
# for notification in notifications:
# data = {
# "id": notification.id,
# "message": notification.message,
# "created": notification.created.isoformat(),
# "is_read": notification.is_read,
# }
# event_str = (
# f"id: {notification.id}\n"
# f"event: notification\n"
# f"data: {json.dumps(data)}\n\n"
# )
# await send({
# "type": "http.response.body",
# "body": event_str.encode("utf-8"),
# "more_body": True
# })
# last_id = notification.id
# await asyncio.sleep(2)
# except asyncio.CancelledError:
# pass
import json
import time
from django.contrib.auth.models import AnonymousUser

17
inventory/override.py
View File

@ -411,6 +411,22 @@ class BasePurchaseOrderActionActionView(
f"while performing action '{self.action_name}' on Purchase Order ID: {po_model.pk}. "
f"Error: {e}"
)
except Exception as e:
print(
f"User {user_username} encountered an exception "
f"while performing action '{self.action_name}' on Purchase Order ID: {po_model.pk}. "
f"Error: {e}"
)
logger.warning(
f"User {user_username} encountered an exception "
f"while performing action '{self.action_name}' on Purchase Order ID: {po_model.pk}. "
f"Error: {e}"
)
messages.add_message(
request,
message=f"Failed to update PO {po_model.po_number}. {e}",
level=messages.ERROR,
)
return response
@ -1129,6 +1145,7 @@ class ChartOfAccountModelCreateView(ChartOfAccountModelModelBaseViewMixIn, Creat
},
)
class ChartOfAccountModelUpdateView(ChartOfAccountModelModelBaseViewMixIn, UpdateView):
context_object_name = "coa_model"
slug_url_kwarg = "coa_slug"

53
inventory/signals.py
View File

@ -5,6 +5,7 @@ from django.urls import reverse
from django.contrib.auth.models import Group
from django.db.models.signals import post_save, post_delete
from django.dispatch import receiver
# from appointment.models import Service
from django.utils.translation import gettext_lazy as _
from django.contrib.contenttypes.models import ContentType
@ -21,7 +22,7 @@ from django_ledger.models import (
EstimateModel,
BillModel,
ChartOfAccountModel,
CustomerModel
CustomerModel,
)
from . import models
from django.utils.timezone import now
@ -136,7 +137,6 @@ def create_car_location(sender, instance, created, **kwargs):
print(f"Failed to create CarLocation for car {instance.vin}: {e}")
@receiver(post_save, sender=models.Dealer)
def create_ledger_entity(sender, instance, created, **kwargs):
if not created:
@ -155,20 +155,22 @@ def create_ledger_entity(sender, instance, created, **kwargs):
raise Exception("Entity creation failed")
instance.entity = entity
instance.save(update_fields=['entity'])
instance.save(update_fields=["entity"])
# Create default COA
entity.create_chart_of_accounts(
assign_as_default=True,
commit=True,
coa_name=f"{entity.name}-COA"
assign_as_default=True, commit=True, coa_name=f"{entity.name}-COA"
)
logger.info(f"✅ Setup complete for dealer {instance.id}: entity & COA ready.")
logger.info(
f"✅ Setup complete for dealer {instance.id}: entity & COA ready."
)
except Exception as e:
logger.error(f"💥 Failed setup for dealer {instance.id}: {e}")
# Optional: schedule retry or alert
# Create Entity
# @receiver(post_save, sender=models.Dealer)
# def create_ledger_entity(sender, instance, created, **kwargs):
@ -218,10 +220,10 @@ def create_ledger_entity(sender, instance, created, **kwargs):
# dealer=instance,
# hook="inventory.hooks.check_create_coa_accounts",
# )
# async_task('inventory.tasks.check_create_coa_accounts', instance, schedule_type='O', schedule_time=timedelta(seconds=20))
# async_task('inventory.tasks.check_create_coa_accounts', instance, schedule_type='O', schedule_time=timedelta(seconds=20))
# create_settings(instance.pk)
# create_accounts_for_make(instance.pk)
# create_settings(instance.pk)
# create_accounts_for_make(instance.pk)
@receiver(post_save, sender=models.Dealer)
@ -998,16 +1000,28 @@ def save_po(sender, instance, created, **kwargs):
instance.itemtransactionmodel_set.first().po_model.save()
except Exception as e:
pass
@receiver(post_save, sender=PurchaseOrderModel)
def create_po_item_upload(sender, instance, created, **kwargs):
if instance.po_status == "fulfilled" or instance.po_status == 'approved':
if instance.po_status == "fulfilled" or instance.po_status == "approved":
for item in instance.get_itemtxs_data()[0]:
dealer = models.Dealer.objects.get(entity=instance.entity)
if item.bill_model.is_paid():
models.PoItemsUploaded.objects.get_or_create(
dealer=dealer, po=instance, item=item, status=instance.po_status
if item.bill_model and item.bill_model.is_paid():
models.PoItemsUploaded.objects.update_or_create(
dealer=dealer,
po=instance,
item=item,
defaults={"status": instance.po_status},
)
# po_item = models.PoItemsUploaded.objects.get_or_create(
# dealer=dealer, po=instance, item=item,
# defaults={
# "status":instance.po_status
# }
# )
# @receiver(post_save, sender=models.Staff)
# def add_service_to_staff(sender, instance, created, **kwargs):
@ -1354,7 +1368,9 @@ def handle_car_image(sender, instance, created, **kwargs):
# )
# Check for existing image with same hash
existing = os.path.exists(os.path.join(settings.MEDIA_ROOT, "car_images",car.get_hash + ".png"))
existing = os.path.exists(
os.path.join(settings.MEDIA_ROOT, "car_images", car.get_hash + ".png")
)
# existing = (
# models.CarImage.objects.filter(
# image_hash=car.get_hash, image__isnull=False
@ -1396,7 +1412,7 @@ def handle_user_registration(sender, instance, created, **kwargs):
"""
Thank you for registering with us. We will contact you shortly to complete your application.
شكرا لمراسلتنا. سوف نتصل بك قريبا لاستكمال طلبك.
"""
""",
)
if instance.is_created:
@ -1420,7 +1436,8 @@ def handle_user_registration(sender, instance, created, **kwargs):
يرجى تسجيل الدخول إلى الموقع لاستكمال الملف الشخصي والبدء في استخدام خدماتنا.
شكرا لاختيارك لنا.
""")
""",
)
@receiver(post_save, sender=ChartOfAccountModel)
@ -1453,4 +1470,4 @@ def handle_chart_of_account(sender, instance, created, **kwargs):
# sync=False # Explicitly set to async
# )
except Exception as e:
logger.error(f"Error handling chart of account: {e}")
logger.error(f"Error handling chart of account: {e}")

27
inventory/tasks.py
View File

@ -12,12 +12,14 @@ from django.db import transaction
from django_ledger.io import roles
from django_q.tasks import async_task
from django.core.mail import send_mail
# from appointment.models import StaffMember
from django.utils.translation import activate
from django.core.files.base import ContentFile
from django.contrib.auth import get_user_model
from allauth.account.models import EmailAddress
from django.core.mail import EmailMultiAlternatives
# from .utils import get_accounts_data, create_account
from django.template.loader import render_to_string
from django.utils.translation import gettext_lazy as _
@ -30,7 +32,7 @@ from inventory.models import (
CarReservation,
CarStatusChoices,
CarImage,
Car
Car,
)
logger = logging.getLogger(__name__)
@ -63,17 +65,18 @@ def create_settings(pk):
)
def create_coa_accounts(dealer_id,**kwargs):
def create_coa_accounts(dealer_id, **kwargs):
"""
Idempotent: Creates only missing default accounts.
Safe to retry. Returns True if all done.
"""
from .models import Dealer
from .utils import get_accounts_data, create_account
try:
dealer = Dealer.objects.get(pk=dealer_id)
entity = dealer.entity
coa_slug = kwargs.get('coa_slug', None)
coa_slug = kwargs.get("coa_slug", None)
if not entity:
logger.error(f"❌ No entity for dealer {dealer_id}")
return False
@ -82,7 +85,9 @@ def create_coa_accounts(dealer_id,**kwargs):
try:
coa = entity.get_coa_model_qs().get(slug=coa_slug)
except Exception as e:
logger.error(f"COA with slug {coa_slug} not found for entity {entity.pk}: {e}")
logger.error(
f"COA with slug {coa_slug} not found for entity {entity.pk}: {e}"
)
return False
else:
coa = entity.get_default_coa()
@ -92,10 +97,13 @@ def create_coa_accounts(dealer_id,**kwargs):
return False
# Get missing accounts
existing_codes = set(entity.get_all_accounts().filter(coa_model=coa).values_list('code', flat=True))
existing_codes = set(
entity.get_all_accounts()
.filter(coa_model=coa)
.values_list("code", flat=True)
)
accounts_to_create = [
acc for acc in get_accounts_data()
if acc["code"] not in existing_codes
acc for acc in get_accounts_data() if acc["code"] not in existing_codes
]
if not accounts_to_create:
@ -122,6 +130,7 @@ def create_coa_accounts(dealer_id,**kwargs):
logger.error(f"💥 Task failed for dealer {dealer_id}: {e}")
raise # Let Django-Q handle retry if configured
def retry_entity_creation(dealer_id, retry_count=0):
"""
Retry entity creation if initial attempt failed
@ -164,8 +173,10 @@ def retry_entity_creation(dealer_id, retry_count=0):
async_task(
"inventory.tasks.retry_entity_creation",
dealer_id=dealer_id,
retry_count=retry_count + 1
retry_count=retry_count + 1,
)
# def create_coa_accounts(**kwargs):
# logger.info("creating all accounts are created")
# instance = kwargs.get("dealer")

14
inventory/templatetags/custom_filters.py
View File

@ -13,6 +13,7 @@ from django.db.models import Case, Value, When, IntegerField
register = template.Library()
@register.filter
def is_negative(value):
"""
@ -23,6 +24,7 @@ def is_negative(value):
except (ValueError, TypeError):
return False
@register.filter
def get_percentage(value, total):
try:
@ -501,8 +503,16 @@ def bill_item_formset_table(context, item_formset):
for item in item_formset:
if item:
print(item.fields["item_model"])
item.initial["quantity"] = item.instance.po_quantity if item.instance.po_quantity else item.instance.quantity
item.initial["unit_cost"] = item.instance.po_unit_cost if item.instance.po_unit_cost else item.instance.unit_cost
item.initial["quantity"] = (
item.instance.po_quantity
if item.instance.po_quantity
else item.instance.quantity
)
item.initial["unit_cost"] = (
item.instance.po_unit_cost
if item.instance.po_unit_cost
else item.instance.unit_cost
)
# print(item.instance.po_quantity)
# print(item.instance.po_unit_cost)
# print(item.instance.po_total_amount)

188
inventory/urls.py
View File

@ -2,7 +2,7 @@ from inventory.utils import get_user_type
from . import views
from django.urls import path
from django.urls import reverse_lazy
from django.views.generic import RedirectView,TemplateView
from django.views.generic import RedirectView, TemplateView
from django_tables2.export.export import TableExport
from django.conf.urls import handler403, handler400, handler404, handler500
@ -10,14 +10,17 @@ urlpatterns = [
# main URLs
path("", views.WelcomeView, name="welcome"),
# path("signup/", views.dealer_signup, name="account_signup"),
path('signup/', views.CarDealershipSignUpView.as_view(), name='account_signup'),
path('success/', TemplateView.as_view(template_name='account/success.html'), name='registration_success'),
path("signup/", views.CarDealershipSignUpView.as_view(), name="account_signup"),
path(
"success/",
TemplateView.as_view(template_name="account/success.html"),
name="registration_success",
),
path("", views.HomeView, name="home"),
# path('refund-policy/',views.refund_policy,name='refund_policy'),
path("<slug:dealer_slug>/", views.HomeView, name="home"),
# Tasks
path("legal/", views.terms_and_privacy, name="terms_and_privacy"),
# path('tasks/<int:task_id>/detail/', views.task_detail, name='task_detail'),
# Dashboards
# path("user/<int:pk>/settings/", views.UserSettingsView.as_view(), name="user_settings"),
@ -44,13 +47,18 @@ urlpatterns = [
views.assign_car_makes,
name="assign_car_makes",
),
#dashboards for manager, dealer, inventory and accounatant
path("dashboards/<slug:dealer_slug>/general/", views.general_dashboard,name="general_dashboard"),
#dashboard for sales
path("dashboards/<slug:dealer_slug>/sales/", views.sales_dashboard, name="sales_dashboard"),
# dashboards for manager, dealer, inventory and accounatant
path(
"dashboards/<slug:dealer_slug>/general/",
views.general_dashboard,
name="general_dashboard",
),
# dashboard for sales
path(
"dashboards/<slug:dealer_slug>/sales/",
views.sales_dashboard,
name="sales_dashboard",
),
path(
"<slug:dealer_slug>/cars/aging-inventory/list",
views.aging_inventory_list_view,
@ -786,7 +794,11 @@ urlpatterns = [
views.EstimateDetailView.as_view(),
name="estimate_detail",
),
path('<slug:dealer_slug>/sales/estimates/print/<uuid:pk>/', views.EstimatePrintView.as_view(), name='estimate_print'),
path(
"<slug:dealer_slug>/sales/estimates/print/<uuid:pk>/",
views.EstimatePrintView.as_view(),
name="estimate_print",
),
path(
"<slug:dealer_slug>/sales/estimates/create/",
views.create_estimate,
@ -794,7 +806,7 @@ urlpatterns = [
),
path(
"<slug:dealer_slug>/sales/estimates/create/<slug:slug>/",
views.create_estimate,
views.estimate_create_from_opportunity,
name="estimate_create_from_opportunity",
),
path(
@ -943,7 +955,6 @@ urlpatterns = [
views.ItemServiceUpdateView.as_view(),
name="item_service_update",
),
path(
"<slug:dealer_slug>/items/services/<int:pk>/detail/",
views.ItemServiceDetailView.as_view(),
@ -1112,32 +1123,47 @@ urlpatterns = [
name="entity-ic-date",
),
# Chart of Accounts...
path('<slug:dealer_slug>/chart-of-accounts/<slug:entity_slug>/list/',
path(
"<slug:dealer_slug>/chart-of-accounts/<slug:entity_slug>/list/",
views.ChartOfAccountModelListView.as_view(),
name='coa-list'),
path('<slug:dealer_slug>/chart-of-accounts/<slug:entity_slug>/list/inactive/',
views.ChartOfAccountModelListView.as_view(inactive=True),
name='coa-list-inactive'),
path('<slug:dealer_slug>/<slug:entity_slug>/create/',
views.ChartOfAccountModelCreateView.as_view(),
name='coa-create'),
path('<slug:dealer_slug>/<slug:entity_slug>/detail/<slug:coa_slug>/',
views.ChartOfAccountModelListView.as_view(),
name='coa-detail'),
path('<slug:dealer_slug>/<slug:entity_slug>/update/<slug:coa_slug>/',
views.ChartOfAccountModelUpdateView.as_view(),
name='coa-update'),
name="coa-list",
),
path(
"<slug:dealer_slug>/chart-of-accounts/<slug:entity_slug>/list/inactive/",
views.ChartOfAccountModelListView.as_view(inactive=True),
name="coa-list-inactive",
),
path(
"<slug:dealer_slug>/<slug:entity_slug>/create/",
views.ChartOfAccountModelCreateView.as_view(),
name="coa-create",
),
path(
"<slug:dealer_slug>/<slug:entity_slug>/detail/<slug:coa_slug>/",
views.ChartOfAccountModelListView.as_view(),
name="coa-detail",
),
path(
"<slug:dealer_slug>/<slug:entity_slug>/update/<slug:coa_slug>/",
views.ChartOfAccountModelUpdateView.as_view(),
name="coa-update",
),
# ACTIONS....
path('<slug:dealer_slug>/<slug:entity_slug>/action/<slug:coa_slug>/mark-as-default/',
views.CharOfAccountModelActionView.as_view(action_name='mark_as_default'),
name='coa-action-mark-as-default'),
path('<slug:dealer_slug>/<slug:entity_slug>/action/<slug:coa_slug>/mark-as-active/',
views.CharOfAccountModelActionView.as_view(action_name='mark_as_active'),
name='coa-action-mark-as-active'),
path('<slug:dealer_slug>/<slug:entity_slug>/action/<slug:coa_slug>/mark-as-inactive/',
views.CharOfAccountModelActionView.as_view(action_name='mark_as_inactive'),
name='coa-action-mark-as-inactive'),
path(
"<slug:dealer_slug>/<slug:entity_slug>/action/<slug:coa_slug>/mark-as-default/",
views.CharOfAccountModelActionView.as_view(action_name="mark_as_default"),
name="coa-action-mark-as-default",
),
path(
"<slug:dealer_slug>/<slug:entity_slug>/action/<slug:coa_slug>/mark-as-active/",
views.CharOfAccountModelActionView.as_view(action_name="mark_as_active"),
name="coa-action-mark-as-active",
),
path(
"<slug:dealer_slug>/<slug:entity_slug>/action/<slug:coa_slug>/mark-as-inactive/",
views.CharOfAccountModelActionView.as_view(action_name="mark_as_inactive"),
name="coa-action-mark-as-inactive",
),
# CASH FLOW STATEMENTS...
# Entities...
path(
@ -1313,42 +1339,80 @@ urlpatterns = [
views.PurchaseOrderMarkAsVoidView.as_view(),
name="po-action-mark-as-void",
),
# reports
path(
path(
"<slug:dealer_slug>/purchase-report/",
views.purchase_report_view,
name="po-report",
),
path('purchase-report/<slug:dealer_slug>/csv/', views.purchase_report_csv_export, name='purchase-report-csv-export'),
path(
path(
"purchase-report/<slug:dealer_slug>/csv/",
views.purchase_report_csv_export,
name="purchase-report-csv-export",
),
path(
"<slug:dealer_slug>/car-sale-report/",
views.car_sale_report_view,
name="car-sale-report",
),
path('<slug:dealer_slug>/car-sale-report/get_filtered_choices/',views.get_filtered_choices,name='get_filtered_choices'),
path('car-sale-report/<slug:dealer_slug>/csv/', views.car_sale_report_csv_export, name='car-sale-report-csv-export'),
path('feature/recall/', views.RecallListView.as_view(), name='recall_list'),
path('feature/recall/filter/', views.RecallFilterView, name='recall_filter'),
path('feature/recall/<int:pk>/view/', views.RecallDetailView.as_view(), name='recall_detail'),
path('feature/recall/create/', views.RecallCreateView.as_view(), name='recall_create'),
path('feature/recall/success/', views.RecallSuccessView.as_view(), name='recall_success'),
path('<slug:dealer_slug>/schedules/calendar/', views.schedule_calendar, name='schedule_calendar'),
path(
"<slug:dealer_slug>/car-sale-report/get_filtered_choices/",
views.get_filtered_choices,
name="get_filtered_choices",
),
path(
"car-sale-report/<slug:dealer_slug>/csv/",
views.car_sale_report_csv_export,
name="car-sale-report-csv-export",
),
path("feature/recall/", views.RecallListView.as_view(), name="recall_list"),
path("feature/recall/filter/", views.RecallFilterView, name="recall_filter"),
path(
"feature/recall/<int:pk>/view/",
views.RecallDetailView.as_view(),
name="recall_detail",
),
path(
"feature/recall/create/", views.RecallCreateView.as_view(), name="recall_create"
),
path(
"feature/recall/success/",
views.RecallSuccessView.as_view(),
name="recall_success",
),
path(
"<slug:dealer_slug>/schedules/calendar/",
views.schedule_calendar,
name="schedule_calendar",
),
# staff profile
path('<slug:dealer_slug>/staff/<slug:slug>detail/', views.StaffDetailView.as_view(), name='staff_detail'),
path(
"<slug:dealer_slug>/staff/<slug:slug>detail/",
views.StaffDetailView.as_view(),
name="staff_detail",
),
# tickets
path('help_center/view/', views.help_center, name='help_center'),
path('<slug:dealer_slug>/help_center/tickets/', views.ticket_list, name='ticket_list'),
path('help_center/tickets/<slug:dealer_slug>/create/', views.create_ticket, name='create_ticket'),
path('<slug:dealer_slug>/help_center/tickets/<int:ticket_id>/', views.ticket_detail, name='ticket_detail'),
path('help_center/tickets/<int:ticket_id>/update/', views.ticket_update, name='ticket_update'),
path("help_center/view/", views.help_center, name="help_center"),
path(
"<slug:dealer_slug>/help_center/tickets/", views.ticket_list, name="ticket_list"
),
path(
"help_center/tickets/<slug:dealer_slug>/create/",
views.create_ticket,
name="create_ticket",
),
path(
"<slug:dealer_slug>/help_center/tickets/<int:ticket_id>/",
views.ticket_detail,
name="ticket_detail",
),
path(
"help_center/tickets/<int:ticket_id>/update/",
views.ticket_update,
name="ticket_update",
),
# path('help_center/tickets/<int:ticket_id>/ticket_mark_resolved/', views.ticket_mark_resolved, name='ticket_mark_resolved'),
path('payment_results/', views.payment_result, name='payment_result'),
path("payment_results/", views.payment_result, name="payment_result"),
]
handler404 = "inventory.views.custom_page_not_found_view"

127
inventory/utils.py
View File

@ -27,7 +27,7 @@ from django_ledger.models import (
VendorModel,
AccountModel,
EntityModel,
ChartOfAccountModel
ChartOfAccountModel,
)
from django.core.files.base import ContentFile
from django_ledger.models.items import ItemModel
@ -1325,11 +1325,13 @@ def get_finance_data(estimate, dealer):
)
discount = extra_info.data.get("discount", 0)
discount = Decimal(discount)
additional_services = car.get_additional_services()
discounted_price = Decimal(car.marked_price) - discount
vat_amount = discounted_price * vat.rate
total_services_amount = additional_services.get("total")
total_services_vat = sum([x[1] for x in additional_services.get("services")])
total_services_amount_ = additional_services.get("total_")
total_vat = vat_amount + total_services_vat
return {
"car": car,
@ -1341,6 +1343,8 @@ def get_finance_data(estimate, dealer):
"additional_services": additional_services,
"final_price": discounted_price + vat_amount,
"total_services_vat": total_services_vat,
"total_services_amount": total_services_amount,
"total_services_amount_": total_services_amount_,
"total_vat": total_vat,
"grand_total": discounted_price + total_vat + additional_services.get("total"),
}
@ -1596,43 +1600,69 @@ def _post_sale_and_cogs(invoice, dealer):
1) Cash / A-R / VAT / Revenue journal
2) COGS / Inventory journal
"""
entity:EntityModel = invoice.ledger.entity
entity: EntityModel = invoice.ledger.entity
# calc = CarFinanceCalculator(invoice)
data = get_finance_data(invoice, dealer)
car = data.get("car")
coa:ChartOfAccountModel = entity.get_default_coa()
coa: ChartOfAccountModel = entity.get_default_coa()
cash_acc = invoice.cash_account or dealer.settings.invoice_cash_account
vat_acc = dealer.settings.invoice_tax_payable_account or entity.get_default_coa_accounts().filter(role_default=True, role=roles.LIABILITY_CL_TAXES_PAYABLE).first()
vat_acc = (
dealer.settings.invoice_tax_payable_account
or entity.get_default_coa_accounts()
.filter(role_default=True, role=roles.LIABILITY_CL_TAXES_PAYABLE)
.first()
)
car_rev = dealer.settings.invoice_vehicle_sale_account or entity.get_default_coa_accounts().filter(role_default=True, role=roles.INCOME_OPERATIONAL).first()
car_rev = (
dealer.settings.invoice_vehicle_sale_account
or entity.get_default_coa_accounts()
.filter(role_default=True, role=roles.INCOME_OPERATIONAL)
.first()
)
add_rev = dealer.settings.invoice_additional_services_account
if not add_rev:
try:
add_rev = entity.get_default_coa_accounts().filter(name="After-Sales Services", active=True).first()
add_rev = (
entity.get_default_coa_accounts()
.filter(name="After-Sales Services", active=True)
.first()
)
if not add_rev:
add_rev = coa.create_account(
code="4020",
name="After-Sales Services",
role=roles.INCOME_OPERATIONAL,
balance_type=roles.CREDIT,
active=True,
code="4020",
name="After-Sales Services",
role=roles.INCOME_OPERATIONAL,
balance_type=roles.CREDIT,
active=True,
)
add_rev.role_default = False
add_rev.save(update_fields=['role_default'])
add_rev.save(update_fields=["role_default"])
dealer.settings.invoice_additional_services_account = add_rev
dealer.settings.save()
except Exception as e:
logger.error(f"error find or create additional services account {e}")
if car.get_additional_services_amount > 0 and not add_rev:
raise Exception("additional services exist but not account found,please create account for the additional services and set as default in the settings")
cogs_acc = dealer.settings.invoice_cost_of_good_sold_account or entity.get_default_coa_accounts().filter(role_default=True, role=roles.COGS).first()
raise Exception(
"additional services exist but not account found,please create account for the additional services and set as default in the settings"
)
cogs_acc = (
dealer.settings.invoice_cost_of_good_sold_account
or entity.get_default_coa_accounts()
.filter(role_default=True, role=roles.COGS)
.first()
)
inv_acc = dealer.settings.invoice_inventory_account or entity.get_default_coa_accounts().filter(role_default=True, role=roles.ASSET_CA_INVENTORY).first()
inv_acc = (
dealer.settings.invoice_inventory_account
or entity.get_default_coa_accounts()
.filter(role_default=True, role=roles.ASSET_CA_INVENTORY)
.first()
)
net_car_price = Decimal(data["discounted_price"])
net_additionals_price = Decimal(data["additional_services"]["total"])
@ -1687,11 +1717,12 @@ def _post_sale_and_cogs(invoice, dealer):
# tx_type='credit'
# )
if car.get_additional_services_amount > 0:
# Cr Sales – Additional Services
if not add_rev:
logger.warning(f"Additional Services account not set for dealer {dealer}. Skipping additional services revenue entry.")
logger.warning(
f"Additional Services account not set for dealer {dealer}. Skipping additional services revenue entry."
)
else:
TransactionModel.objects.create(
journal_entry=je_sale,
@ -1929,7 +1960,7 @@ def handle_payment(request, dealer):
}
# Get selected plan from session
selected_plan_id = request.session.get('pending_plan_id')
selected_plan_id = request.session.get("pending_plan_id")
if not selected_plan_id:
raise ValueError("No pending plan found in session")
from plans.models import PlanPricing
@ -1947,25 +1978,27 @@ def handle_payment(request, dealer):
"dealer_slug": dealer.slug,
}
payload = json.dumps({
"amount": total,
"currency": "SAR",
"description": f"Payment for plan {pp.plan.name}",
"callback_url": callback_url,
"source": {
"type": "creditcard",
"name": card_name,
"number": card_number,
"month": month,
"year": year,
"cvc": cvv,
"statement_descriptor": "Century Store",
"3ds": True,
"manual": False,
"save_card": False,
},
"metadata": metadata,
})
payload = json.dumps(
{
"amount": total,
"currency": "SAR",
"description": f"Payment for plan {pp.plan.name}",
"callback_url": callback_url,
"source": {
"type": "creditcard",
"name": card_name,
"number": card_number,
"month": month,
"year": year,
"cvc": cvv,
"statement_descriptor": "Century Store",
"3ds": True,
"manual": False,
"save_card": False,
},
"metadata": metadata,
}
)
headers = {"Content-Type": "application/json", "Accept": "application/json"}
auth = (settings.MOYASAR_SECRET_KEY, "")
@ -1989,7 +2022,9 @@ def handle_payment(request, dealer):
gateway_response=data,
)
logger.info(f"Payment initiated: {data}")
return data["source"]["transaction_url"],None
return data["source"]["transaction_url"], None
# def handle_payment(request, order):
# logger.info(f"Handling payment for order {order}")
# url = "https://api.moyasar.com/v1/payments"
@ -2509,10 +2544,9 @@ def create_account(entity, coa, account_data):
logger.info(f"Created account: {account}")
if account:
account.role_default = account_data.get("default", False)
account.save(update_fields=['role_default'])
account.save(update_fields=["role_default"])
return True
except IntegrityError:
return True # Already created by race condition
except Exception as e:
@ -2520,6 +2554,7 @@ def create_account(entity, coa, account_data):
return False
# def create_account(entity, coa, account_data):
# try:
# account = entity.create_account(
@ -2801,7 +2836,9 @@ def generate_car_image_simple(car):
# Save the resized image
logger.info(f" {car.vin}")
with open(
os.path.join(settings.MEDIA_ROOT, f"car_images/{car.get_hash}.{file_extension}"),
os.path.join(
settings.MEDIA_ROOT, f"car_images/{car.get_hash}.{file_extension}"
),
"wb",
) as f:
f.write(resized_data)
@ -2817,9 +2854,7 @@ def generate_car_image_simple(car):
return {"success": False, "error": error_msg}
def create_estimate_(dealer,car,customer):
def create_estimate_(dealer, car, customer):
entity = dealer.entity
title = f"Estimate for {car.vin}-{car.id_car_make.name}-{car.id_car_model.name}-{car.year} for customer {customer.first_name} {customer.last_name}"
estimate = entity.create_estimate(
@ -2847,4 +2882,4 @@ def create_estimate_(dealer,car,customer):
estimate.delete()
raise e
return estimate
return estimate

7
inventory/validators.py
View File

@ -16,9 +16,10 @@ class SaudiPhoneNumberValidator(RegexValidator):
cleaned_value = re.sub(r"[\s\-\(\)\.]", "", str(value))
super().__call__(cleaned_value)
def vat_rate_validator(value):
if value < 0 or value > 1:
raise ValidationError(
_('%(value)s is not a valid VAT rate. It must be between 0 and 1.'),
params={'value': value},
)
_("%(value)s is not a valid VAT rate. It must be between 0 and 1."),
params={"value": value},
)

2272
inventory/views.py
View File

File diff suppressed because it is too large Load Diff

25
requirements_prod.txt
View File

@ -7,7 +7,9 @@ autobahn==24.4.2
Automat==25.4.16
Babel==2.15.0
beautifulsoup4==4.13.4
blacknoise==1.2.0
blessed==1.21.0
Brotli==1.1.0
cattrs==25.1.1
certifi==2025.7.9
cffi==1.17.1
@ -19,15 +21,13 @@ constantly==23.10.4
crispy-bootstrap5==2025.6
cryptography==45.0.5
cssbeautifier==1.15.4
daphne==4.2.1
cssselect2==0.8.0
defusedxml==0.7.1
diff-match-patch==20241021
distro==1.9.0
Django==5.2.4
django-allauth==65.10.0
django-appconf==1.1.0
django-appointment==3.8.0
django-background-tasks==1.2.8
django-bootstrap5==25.1
django-ckeditor==6.7.3
django-cors-headers==4.7.0
@ -35,6 +35,7 @@ django-countries==7.6.1
django-crispy-forms==2.4
django-debug-toolbar==5.2.0
django-easy-audit==1.3.7
django-encrypted-model-fields==0.6.5
django-extensions==4.1
django-filter==25.1
django-imagekit==5.0.0
@ -47,7 +48,6 @@ django-ordered-model==3.7.4
django-phonenumber-field==8.0.0
django-picklefield==3.3
django-plans==2.0.0
django-prometheus==2.4.1
django-q2==1.8.0
django-query-builder==3.2.0
django-schema-graph==3.1.0
@ -56,8 +56,6 @@ django-tables2==2.7.5
django-treebeard==4.7.1
django-widget-tweaks==1.5.0
djangorestframework==3.16.0
djhtml==3.0.8
djlint==1.36.4
dnspython==2.7.0
docopt==0.6.2
EditorConfig==0.17.1
@ -78,8 +76,6 @@ hyperlink==21.0.0
icalendar==6.3.1
idna==3.10
incremental==24.7.2
iron-core==1.2.1
iron-mq==0.9
jiter==0.10.0
jsbeautifier==1.15.4
json5==0.12.0
@ -109,16 +105,17 @@ phonenumbers==8.13.42
pilkit==3.0
pillow==10.4.0
priority==1.3.0
prometheus_client==0.22.1
psycopg2-binary==2.9.10
pyasn1==0.6.1
pyasn1_modules==0.4.2
pycparser==2.22
pydantic==2.11.7
pydantic_core==2.33.2
pydyf==0.11.0
Pygments==2.19.2
pymongo==4.14.1
pyOpenSSL==25.1.0
pyphen==0.17.2
python-dateutil==2.9.0.post0
python-dotenv==1.1.1
python-slugify==8.0.4
@ -131,8 +128,6 @@ redis==6.2.0
regex==2024.11.6
requests==2.32.4
requests-toolbelt==1.0.0
rich==14.0.0
ruff==0.12.2
service-identity==24.2.0
setuptools==80.9.0
six==1.17.0
@ -140,11 +135,15 @@ sniffio==1.3.1
soupsieve==2.7
SQLAlchemy==2.0.41
sqlparse==0.5.3
starlette==0.47.3
static3==0.7.0
suds==1.2.0
swapper==1.3.0
tablib==3.8.0
tenacity==9.1.2
text-unidecode==1.3
tinycss2==1.4.0
tinyhtml5==2.0.0
tqdm==4.67.1
Twisted==25.5.0
txaio==25.6.1
@ -156,6 +155,8 @@ urllib3==2.5.0
uvicorn==0.35.0
uvicorn-worker==0.3.0
wcwidth==0.2.13
whitenoise==6.9.0
weasyprint==66.0
webencodings==0.5.1
zope.interface==7.2
zopfli==0.2.3.post1
zstandard==0.23.0

10
templates/account/account_inactive.html
View File

@ -6,9 +6,9 @@
{% endblock head_title %}
{% block content %}
{% element h1 %}
{% translate "Account Inactive" %}
{% endelement %}
{% element p %}
{% translate "This account is inactive." %}
{% endelement %}
{% translate "Account Inactive" %}
{% endelement %}
{% element p %}
{% translate "This account is inactive." %}
{% endelement %}
{% endblock content %}

78
templates/account/confirm_email_verification_code.html
View File

@ -6,43 +6,43 @@
{% endblock head_title %}
{% block content %}
{% element h1 %}
{% translate "Enter Email Verification Code" %}
{% endelement %}
{% setvar email_link %}
<a href="mailto:{{ email }}">{{ email }}</a>
{% endsetvar %}
{% element p %}
{% blocktranslate %}We’ve sent a code to {{ email_link }}. The code expires shortly, so please enter it soon.{% endblocktranslate %}
{% endelement %}
{% url 'account_email_verification_sent' as action_url %}
{% element form form=form method="post" action=action_url tags="entrance,email,verification" %}
{% slot body %}
{% csrf_token %}
{% element fields form=form unlabeled=True %}
{% endelement %}
{{ redirect_field }}
{% endslot %}
{% slot actions %}
{% element button type="submit" tags="prominent,confirm" %}
{% translate "Confirm" %}
{% endelement %}
{% if cancel_url %}
{% element button href=cancel_url tags="link,cancel" %}
{% translate "Cancel" %}
{% endelement %}
{% else %}
{% element button type="submit" form="logout-from-stage" tags="link,cancel" %}
{% translate "Cancel" %}
{% endelement %}
{% endif %}
{% endslot %}
{% endelement %}
{% if not cancel_url %}
<form id="logout-from-stage"
method="post"
action="{% url 'account_logout' %}">
<input type="hidden" name="next" value="{% url 'account_login' %}">
{% csrf_token %}
</form>
{% endif %}
{% translate "Enter Email Verification Code" %}
{% endelement %}
{% setvar email_link %}
<a href="mailto:{{ email }}">{{ email }}</a>
{% endsetvar %}
{% element p %}
{% blocktranslate %}We’ve sent a code to {{ email_link }}. The code expires shortly, so please enter it soon.{% endblocktranslate %}
{% endelement %}
{% url 'account_email_verification_sent' as action_url %}
{% element form form=form method="post" action=action_url tags="entrance,email,verification" %}
{% slot body %}
{% csrf_token %}
{% element fields form=form unlabeled=True %}
{% endelement %}
{{ redirect_field }}
{% endslot %}
{% slot actions %}
{% element button type="submit" tags="prominent,confirm" %}
{% translate "Confirm" %}
{% endelement %}
{% if cancel_url %}
{% element button href=cancel_url tags="link,cancel" %}
{% translate "Cancel" %}
{% endelement %}
{% else %}
{% element button type="submit" form="logout-from-stage" tags="link,cancel" %}
{% translate "Cancel" %}
{% endelement %}
{% endif %}
{% endslot %}
{% endelement %}
{% if not cancel_url %}
<form id="logout-from-stage"
method="post"
action="{% url 'account_logout' %}">
<input type="hidden" name="next" value="{% url 'account_login' %}">
{% csrf_token %}
</form>
{% endif %}
{% endblock content %}

50
templates/account/confirm_login_code..html
View File

@ -28,30 +28,30 @@
<h3 class="mb-4">{% translate "Enter Sign-In Code" %}</h3>
</div>
{% setvar email_link %}
<a href="mailto:{{ email }}">{{ email }}</a>
{% endsetvar %}
<p>
{% blocktranslate %}We’ve sent a code to {{ email_link }}. The code expires shortly, so please enter it soon.{% endblocktranslate %}
</p>
<form method="post"
action="{% url 'account_confirm_login_code' %}"
class="form needs-validation"
novalidate>
{% csrf_token %}
{{ redirect_field }}
{{ form|crispy }}
<button type="submit" class="btn btn-phoenix-primary btn-sm w-100">{% trans "Sign In" %}</button>
</form>
{% element button type="submit" form="logout-from-stage" tags="link" %}
{% translate "Cancel" %}
{% endelement %}
<form id="logout-from-stage"
method="post"
action="{% url 'account_logout' %}">
<input type="hidden" name="next" value="{% url 'account_login' %}">
{% csrf_token %}
</form>
<a href="mailto:{{ email }}">{{ email }}</a>
{% endsetvar %}
<p>
{% blocktranslate %}We’ve sent a code to {{ email_link }}. The code expires shortly, so please enter it soon.{% endblocktranslate %}
</p>
<form method="post"
action="{% url 'account_confirm_login_code' %}"
class="form needs-validation"
novalidate>
{% csrf_token %}
{{ redirect_field }}
{{ form|crispy }}
<button type="submit" class="btn btn-phoenix-primary btn-sm w-100">{% trans "Sign In" %}</button>
</form>
{% element button type="submit" form="logout-from-stage" tags="link" %}
{% translate "Cancel" %}
{% endelement %}
<form id="logout-from-stage"
method="post"
action="{% url 'account_logout' %}">
<input type="hidden" name="next" value="{% url 'account_login' %}">
{% csrf_token %}
</form>
</div>
</div>
</div>
</div>
</div>
{% endblock content %}

2
templates/account/email.html
View File

@ -50,7 +50,7 @@
{% if emailaddress.primary %}
<span class="badge badge-phoenix badge-phoenix-primary email">{% translate "Primary" %}</span>
{% endif %}
{% endwith %}
{% endwith %}
</label>
{% endfor %}
</div>

116
templates/account/email_change.html
View File

@ -6,63 +6,63 @@
{% endblock head_title %}
{% block content %}
{% element h1 %}
{% trans "Email Address" %}
{% endelement %}
{% if not emailaddresses %}
{% include "account/snippets/warn_no_email.html" %}
{% endif %}
{% url 'account_email' as action_url %}
{% element form method="post" action=action_url %}
{% slot body %}
{% csrf_token %}
{% if current_emailaddress %}
{% element field id="current_email" disabled=True type="email" value=current_emailaddress.email %}
{% slot label %}
{% translate "Current email" %}:
{% endslot %}
{% endelement %}
{% endif %}
{% if new_emailaddress %}
{% element field id="new_email" value=new_emailaddress.email disabled=True type="email" %}
{% slot label %}
{% if not current_emailaddress %}
{% translate "Current email" %}:
{% else %}
{% translate "Changing to" %}:
{% trans "Email Address" %}
{% endelement %}
{% if not emailaddresses %}
{% include "account/snippets/warn_no_email.html" %}
{% endif %}
{% url 'account_email' as action_url %}
{% element form method="post" action=action_url %}
{% slot body %}
{% csrf_token %}
{% if current_emailaddress %}
{% element field id="current_email" disabled=True type="email" value=current_emailaddress.email %}
{% slot label %}
{% translate "Current email" %}:
{% endslot %}
{% endelement %}
{% endif %}
{% if new_emailaddress %}
{% element field id="new_email" value=new_emailaddress.email disabled=True type="email" %}
{% slot label %}
{% if not current_emailaddress %}
{% translate "Current email" %}:
{% else %}
{% translate "Changing to" %}:
{% endif %}
{% endslot %}
{% slot help_text %}
{% blocktranslate %}Your email address is still pending verification.{% endblocktranslate %}
{% element button form="pending-email" type="submit" name="action_send" tags="minor,secondary" %}
{% trans 'Re-send Verification' %}
{% endelement %}
{% if current_emailaddress %}
{% element button form="pending-email" type="submit" name="action_remove" tags="danger,minor" %}
{% trans 'Cancel Change' %}
{% endelement %}
{% endif %}
{% endslot %}
{% endelement %}
{% endif %}
{% element field id=form.email.auto_id name="email" value=form.email.value errors=form.email.errors type="email" %}
{% slot label %}
{% translate "Change to" %}:
{% endslot %}
{% endelement %}
{% endslot %}
{% slot actions %}
{% element button name="action_add" type="submit" %}
{% trans "Change Email" %}
{% endelement %}
{% endslot %}
{% endelement %}
{% if new_emailaddress %}
<form style="display: none"
id="pending-email"
method="post"
action="{% url 'account_email' %}">
{% csrf_token %}
<input type="hidden" name="email" value="{{ new_emailaddress.email }}">
</form>
{% endif %}
{% endslot %}
{% slot help_text %}
{% blocktranslate %}Your email address is still pending verification.{% endblocktranslate %}
{% element button form="pending-email" type="submit" name="action_send" tags="minor,secondary" %}
{% trans 'Re-send Verification' %}
{% endelement %}
{% if current_emailaddress %}
{% element button form="pending-email" type="submit" name="action_remove" tags="danger,minor" %}
{% trans 'Cancel Change' %}
{% endelement %}
{% endif %}
{% endslot %}
{% endelement %}
{% endif %}
{% element field id=form.email.auto_id name="email" value=form.email.value errors=form.email.errors type="email" %}
{% slot label %}
{% translate "Change to" %}:
{% endslot %}
{% endelement %}
{% endslot %}
{% slot actions %}
{% element button name="action_add" type="submit" %}
{% trans "Change Email" %}
{% endelement %}
{% endslot %}
{% endelement %}
{% if new_emailaddress %}
<form style="display: none"
id="pending-email"
method="post"
action="{% url 'account_email' %}">
{% csrf_token %}
<input type="hidden" name="email" value="{{ new_emailaddress.email }}">
</form>
{% endif %}
{% endblock content %}

828
templates/account/lock-screen.html
View File

@ -153,437 +153,437 @@
<p class="mb-0 fw-semibold fs-9">I need help with something</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">I can’t reorder a product I previously ordered</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">How do I place an order?</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="false d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">My payment method not working</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a>
</div>
<div class="text-center mt-auto">
<div class="avatar avatar-3xl status-online">
<img class="rounded-circle border border-3 border-light-subtle"
src="../../../assets/img/team/30.webp"
alt="" />
href="#!">
<p class="mb-0 fw-semibold fs-9">I can’t reorder a product I previously ordered</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">How do I place an order?</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="false d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">My payment method not working</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a>
</div>
<div class="text-center mt-auto">
<div class="avatar avatar-3xl status-online">
<img class="rounded-circle border border-3 border-light-subtle"
src="../../../assets/img/team/30.webp"
alt="" />
</div>
<h5 class="mt-2 mb-3">Eric</h5>
<p class="text-center text-body-emphasis mb-0">
Ask us anything – we’ll get back to you here or by email within 24 hours.
</p>
</div>
</div>
</div>
<div class="card-footer d-flex align-items-center gap-2 border-top border-translucent ps-3 pe-4 py-3">
<div class="d-flex align-items-center flex-1 gap-3 border border-translucent rounded-pill px-4">
<input class="form-control outline-none border-0 flex-1 fs-9 px-0"
type="text"
placeholder="Write message" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatPhotos">
<span class="fa-solid fa-image"></span>
</label>
<input class="d-none" type="file" accept="image/*" id="supportChatPhotos" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatAttachment">
<span class="fa-solid fa-paperclip"></span>
</label>
<input class="d-none" type="file" id="supportChatAttachment" />
</div>
<button class="btn p-0 border-0 send-btn">
<span class="fa-solid fa-paper-plane fs-9"></span>
</button>
</div>
<h5 class="mt-2 mb-3">Eric</h5>
<p class="text-center text-body-emphasis mb-0">
Ask us anything – we’ll get back to you here or by email within 24 hours.
</p>
</div>
</div>
</div>
<div class="card-footer d-flex align-items-center gap-2 border-top border-translucent ps-3 pe-4 py-3">
<div class="d-flex align-items-center flex-1 gap-3 border border-translucent rounded-pill px-4">
<input class="form-control outline-none border-0 flex-1 fs-9 px-0"
type="text"
placeholder="Write message" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatPhotos">
<span class="fa-solid fa-image"></span>
</label>
<input class="d-none" type="file" accept="image/*" id="supportChatPhotos" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatAttachment">
<span class="fa-solid fa-paperclip"></span>
</label>
<input class="d-none" type="file" id="supportChatAttachment" />
</div>
<button class="btn p-0 border-0 send-btn">
<span class="fa-solid fa-paper-plane fs-9"></span>
<button class="btn btn-support-chat p-0 border border-translucent">
<span class="fs-8 btn-text text-primary text-nowrap">Chat demo</span><span class="ping-icon-wrapper mt-n4 ms-n6 mt-sm-0 ms-sm-2 position-absolute position-sm-relative"><span class="ping-icon-bg"></span><span class="fa-solid fa-circle ping-icon"></span></span><span class="fa-solid fa-headset text-primary fs-8 d-sm-none"></span><span class="fa-solid fa-chevron-down text-primary fs-7"></span>
</button>
</div>
</div>
</div>
<button class="btn btn-support-chat p-0 border border-translucent">
<span class="fs-8 btn-text text-primary text-nowrap">Chat demo</span><span class="ping-icon-wrapper mt-n4 ms-n6 mt-sm-0 ms-sm-2 position-absolute position-sm-relative"><span class="ping-icon-bg"></span><span class="fa-solid fa-circle ping-icon"></span></span><span class="fa-solid fa-headset text-primary fs-8 d-sm-none"></span><span class="fa-solid fa-chevron-down text-primary fs-7"></span>
</button>
</div>
</main>
</main>
<!-- ===============================================-->
<!-- End of Main Content-->
<!-- ===============================================-->
<div class="offcanvas offcanvas-end settings-panel border-0"
id="settings-offcanvas"
tabindex="-1"
aria-labelledby="settings-offcanvas">
<div class="offcanvas-header align-items-start border-bottom flex-column border-translucent">
<div class="pt-1 w-100 mb-6 d-flex justify-content-between align-items-start">
<div>
<h5 class="mb-2 me-2 lh-sm">
<span class="fas fa-palette me-2 fs-8"></span>Theme Customizer
</h5>
<p class="mb-0 fs-9">Explore different styles according to your preferences</p>
<div class="offcanvas offcanvas-end settings-panel border-0"
id="settings-offcanvas"
tabindex="-1"
aria-labelledby="settings-offcanvas">
<div class="offcanvas-header align-items-start border-bottom flex-column border-translucent">
<div class="pt-1 w-100 mb-6 d-flex justify-content-between align-items-start">
<div>
<h5 class="mb-2 me-2 lh-sm">
<span class="fas fa-palette me-2 fs-8"></span>Theme Customizer
</h5>
<p class="mb-0 fs-9">Explore different styles according to your preferences</p>
</div>
<button class="btn p-1 fw-bolder"
type="button"
data-bs-dismiss="offcanvas"
aria-label="Close">
<span class="fas fa-times fs-8"></span>
</button>
</div>
<button class="btn btn-phoenix-secondary w-100" data-theme-control="reset">
<span class="fas fa-arrows-rotate me-2 fs-10"></span>Reset to default
</button>
</div>
<button class="btn p-1 fw-bolder"
type="button"
data-bs-dismiss="offcanvas"
aria-label="Close">
<span class="fas fa-times fs-8"></span>
</button>
</div>
<button class="btn btn-phoenix-secondary w-100" data-theme-control="reset">
<span class="fas fa-arrows-rotate me-2 fs-10"></span>Reset to default
</button>
</div>
<div class="offcanvas-body scrollbar px-card" id="themeController">
<div class="setting-panel-item mt-0">
<h5 class="setting-panel-item-title">Color Scheme</h5>
<div class="row gx-2">
<div class="col-4">
<input class="btn-check"
id="themeSwitcherLight"
name="theme-color"
type="radio"
value="light"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherLight">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../../assets/img/generic/default-light.png"
alt="" />
</span><span class="label-text">Light</span>
</label>
<div class="offcanvas-body scrollbar px-card" id="themeController">
<div class="setting-panel-item mt-0">
<h5 class="setting-panel-item-title">Color Scheme</h5>
<div class="row gx-2">
<div class="col-4">
<input class="btn-check"
id="themeSwitcherLight"
name="theme-color"
type="radio"
value="light"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherLight">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../../assets/img/generic/default-light.png"
alt="" />
</span><span class="label-text">Light</span>
</label>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherDark"
name="theme-color"
type="radio"
value="dark"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherDark">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../../assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Dark</span>
</label>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherAuto"
name="theme-color"
type="radio"
value="auto"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherAuto">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../../assets/img/generic/auto.png"
alt="" />
</span><span class="label-text">Auto</span>
</label>
</div>
</div>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherDark"
name="theme-color"
type="radio"
value="dark"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherDark">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../../assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Dark</span>
</label>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">RTL</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixIsRTL" />
</div>
</div>
<p class="mb-0 text-body-tertiary">Change text direction</p>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherAuto"
name="theme-color"
type="radio"
value="auto"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherAuto">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../../assets/img/generic/auto.png"
alt="" />
</span><span class="label-text">Auto</span>
</label>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">Support Chat</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixSupportChat" />
</div>
</div>
<p class="mb-0 text-body-tertiary">Toggle support chat</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Navigation Type</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarPositionVertical"
name="navigation-type"
type="radio"
value="vertical"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../../documentation/layouts/vertical-navbar.html"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionVertical">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Vertical</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionHorizontal"
name="navigation-type"
type="radio"
value="horizontal"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../../documentation/layouts/horizontal-navbar.html"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionHorizontal">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Horizontal</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionCombo"
name="navigation-type"
type="radio"
value="combo"
data-theme-control="phoenixNavbarPosition"
disabled="disabled"
data-page-url="../../../documentation/layouts/combo-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionCombo">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/nav-combo-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/nav-combo-dark.png"
alt="" />
</span><span class="label-text">Combo</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionTopDouble"
name="navigation-type"
type="radio"
value="dual-nav"
data-theme-control="phoenixNavbarPosition"
disabled="disabled"
data-page-url="../../../documentation/layouts/dual-nav.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionTopDouble">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/dual-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/dual-dark.png"
alt="" />
</span><span class="label-text">Dual nav</span>
</label>
</div>
</div>
<p class="text-warning-dark font-medium">
<span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update navigation type in this page
</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Vertical Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbar-style-default"
type="radio"
name="config.name"
value="default"
data-theme-control="phoenixNavbarVerticalStyle"
disabled="disabled" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-default">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/default-dark.png"
alt="" />
<span class="label-text d-dark-none">Default</span><span class="label-text d-light-none">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbar-style-dark"
type="radio"
name="config.name"
value="darker"
data-theme-control="phoenixNavbarVerticalStyle"
disabled="disabled" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-dark">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/vertical-darker.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/vertical-lighter.png"
alt="" />
<span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
<p class="text-warning-dark font-medium">
<span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update vertical navbar appearance in this page
</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Shape</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarShapeDefault"
name="navbar-shape"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../../documentation/layouts/horizontal-navbar.html"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../../assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarShapeSlim"
name="navbar-shape"
type="radio"
value="slim"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../../documentation/layouts/horizontal-navbar.html#horizontal-navbar-slim"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeSlim">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../../assets/img/generic/top-slim.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../../assets/img/generic/top-slim-dark.png"
alt="" />
</span><span class="label-text">Slim</span>
</label>
</div>
</div>
<p class="text-warning-dark font-medium">
<span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update horizontal navbar shape in this page
</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarTopDefault"
name="navbar-top-style"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopStyle"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../../assets/img/generic/top-style-darker.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarTopDarker"
name="navbar-top-style"
type="radio"
value="darker"
data-theme-control="phoenixNavbarTopStyle"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDarker">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../../assets/img/generic/navbar-top-style-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../../assets/img/generic/top-style-lighter.png"
alt="" />
</span><span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
<p class="text-warning-dark font-medium">
<span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update horizontal navbar appearance in this page
</p>
</div>
<a class="bun btn-primary d-grid mb-3 text-white mt-5 btn btn-primary"
href="https://themes.getbootstrap.com/product/phoenix-admin-dashboard-webapp-template/"
target="_blank">Purchase template</a>
</div>
</div>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">RTL</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixIsRTL" />
<a class="card setting-toggle"
href="#settings-offcanvas"
data-bs-toggle="offcanvas">
<div class="card-body d-flex align-items-center px-2 py-1">
<div class="position-relative rounded-start"
style="height:34px;
width:28px">
<div class="settings-popover">
<span class="ripple"><span class="fa-spin position-absolute all-0 d-flex flex-center"><span class="icon-spin position-absolute all-0 d-flex flex-center">
<svg width="20"
height="20"
viewBox="0 0 20 20"
fill="#ffffff"
xmlns="http://www.w3.org/2000/svg">
<path d="M19.7369 12.3941L19.1989 12.1065C18.4459 11.7041 18.0843 10.8487 18.0843 9.99495C18.0843 9.14118 18.4459 8.28582 19.1989 7.88336L19.7369 7.59581C19.9474 7.47484 20.0316 7.23291 19.9474 7.03131C19.4842 5.57973 18.6843 4.28943 17.6738 3.20075C17.5053 3.03946 17.2527 2.99914 17.0422 3.12011L16.393 3.46714C15.6883 3.84379 14.8377 3.74529 14.1476 3.3427C14.0988 3.31422 14.0496 3.28621 14.0002 3.25868C13.2568 2.84453 12.7055 2.10629 12.7055 1.25525V0.70081C12.7055 0.499202 12.5371 0.297594 12.2845 0.257272C10.7266 -0.105622 9.16879 -0.0653007 7.69516 0.257272C7.44254 0.297594 7.31623 0.499202 7.31623 0.70081V1.23474C7.31623 2.09575 6.74999 2.8362 5.99824 3.25599C5.95774 3.27861 5.91747 3.30159 5.87744 3.32493C5.15643 3.74527 4.26453 3.85902 3.53534 3.45302L2.93743 3.12011C2.72691 2.99914 2.47429 3.03946 2.30587 3.20075C1.29538 4.28943 0.495411 5.57973 0.0322686 7.03131C-0.051939 7.23291 0.0322686 7.47484 0.242788 7.59581L0.784376 7.8853C1.54166 8.29007 1.92694 9.13627 1.92694 9.99495C1.92694 10.8536 1.54166 11.6998 0.784375 12.1046L0.242788 12.3941C0.0322686 12.515 -0.051939 12.757 0.0322686 12.9586C0.495411 14.4102 1.29538 15.7005 2.30587 16.7891C2.47429 16.9504 2.72691 16.9907 2.93743 16.8698L3.58669 16.5227C4.29133 16.1461 5.14131 16.2457 5.8331 16.6455C5.88713 16.6767 5.94159 16.7074 5.99648 16.7375C6.75162 17.1511 7.31623 17.8941 7.31623 18.7552V19.2891C7.31623 19.4425 7.41373 19.5959 7.55309 19.696C7.64066 19.7589 7.74815 19.7843 7.85406 19.8046C9.35884 20.0925 10.8609 20.0456 12.2845 19.7729C12.5371 19.6923 12.7055 19.4907 12.7055 19.2891V18.7346C12.7055 17.8836 13.2568 17.1454 14.0002 16.7312C14.0496 16.7037 14.0988 16.6757 14.1476 16.6472C14.8377 16.2446 15.6883 16.1461 16.393 16.5227L17.0422 16.8698C17.2527 16.9907 17.5053 16.9504 17.6738 16.7891C18.7264 15.7005 19.4842 14.4102 19.9895 12.9586C20.0316 12.757 19.9474 12.515 19.7369 12.3941ZM10.0109 13.2005C8.1162 13.2005 6.64257 11.7893 6.64257 9.97478C6.64257 8.20063 8.1162 6.74905 10.0109 6.74905C11.8634 6.74905 13.3792 8.20063 13.3792 9.97478C13.3792 11.7893 11.8634 13.2005 10.0109 13.2005Z" fill="#2A7BE4">
</path>
</svg>
</span></span></span>
</div>
</div>
<small class="text-uppercase text-body-tertiary fw-bold py-2 pe-2 ps-1 rounded-end">customize</small>
</div>
<p class="mb-0 text-body-tertiary">Change text direction</p>
</div>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">Support Chat</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixSupportChat" />
</div>
</div>
<p class="mb-0 text-body-tertiary">Toggle support chat</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Navigation Type</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarPositionVertical"
name="navigation-type"
type="radio"
value="vertical"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../../documentation/layouts/vertical-navbar.html"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionVertical">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Vertical</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionHorizontal"
name="navigation-type"
type="radio"
value="horizontal"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../../documentation/layouts/horizontal-navbar.html"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionHorizontal">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Horizontal</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionCombo"
name="navigation-type"
type="radio"
value="combo"
data-theme-control="phoenixNavbarPosition"
disabled="disabled"
data-page-url="../../../documentation/layouts/combo-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionCombo">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/nav-combo-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/nav-combo-dark.png"
alt="" />
</span><span class="label-text">Combo</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionTopDouble"
name="navigation-type"
type="radio"
value="dual-nav"
data-theme-control="phoenixNavbarPosition"
disabled="disabled"
data-page-url="../../../documentation/layouts/dual-nav.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionTopDouble">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/dual-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/dual-dark.png"
alt="" />
</span><span class="label-text">Dual nav</span>
</label>
</div>
</div>
<p class="text-warning-dark font-medium">
<span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update navigation type in this page
</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Vertical Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbar-style-default"
type="radio"
name="config.name"
value="default"
data-theme-control="phoenixNavbarVerticalStyle"
disabled="disabled" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-default">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/default-dark.png"
alt="" />
<span class="label-text d-dark-none">Default</span><span class="label-text d-light-none">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbar-style-dark"
type="radio"
name="config.name"
value="darker"
data-theme-control="phoenixNavbarVerticalStyle"
disabled="disabled" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-dark">
<img class="img-fluid img-prototype d-dark-none"
src="../../../assets/img/generic/vertical-darker.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../../assets/img/generic/vertical-lighter.png"
alt="" />
<span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
<p class="text-warning-dark font-medium">
<span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update vertical navbar appearance in this page
</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Shape</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarShapeDefault"
name="navbar-shape"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../../documentation/layouts/horizontal-navbar.html"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../../assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarShapeSlim"
name="navbar-shape"
type="radio"
value="slim"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../../documentation/layouts/horizontal-navbar.html#horizontal-navbar-slim"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeSlim">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../../assets/img/generic/top-slim.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../../assets/img/generic/top-slim-dark.png"
alt="" />
</span><span class="label-text">Slim</span>
</label>
</div>
</div>
<p class="text-warning-dark font-medium">
<span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update horizontal navbar shape in this page
</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarTopDefault"
name="navbar-top-style"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopStyle"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../../assets/img/generic/top-style-darker.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarTopDarker"
name="navbar-top-style"
type="radio"
value="darker"
data-theme-control="phoenixNavbarTopStyle"
disabled="disabled" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDarker">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../../assets/img/generic/navbar-top-style-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../../assets/img/generic/top-style-lighter.png"
alt="" />
</span><span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
<p class="text-warning-dark font-medium">
<span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update horizontal navbar appearance in this page
</p>
</div>
<a class="bun btn-primary d-grid mb-3 text-white mt-5 btn btn-primary"
href="https://themes.getbootstrap.com/product/phoenix-admin-dashboard-webapp-template/"
target="_blank">Purchase template</a>
</div>
</div>
<a class="card setting-toggle"
href="#settings-offcanvas"
data-bs-toggle="offcanvas">
<div class="card-body d-flex align-items-center px-2 py-1">
<div class="position-relative rounded-start"
style="height:34px;
width:28px">
<div class="settings-popover">
<span class="ripple"><span class="fa-spin position-absolute all-0 d-flex flex-center"><span class="icon-spin position-absolute all-0 d-flex flex-center">
<svg width="20"
height="20"
viewBox="0 0 20 20"
fill="#ffffff"
xmlns="http://www.w3.org/2000/svg">
<path d="M19.7369 12.3941L19.1989 12.1065C18.4459 11.7041 18.0843 10.8487 18.0843 9.99495C18.0843 9.14118 18.4459 8.28582 19.1989 7.88336L19.7369 7.59581C19.9474 7.47484 20.0316 7.23291 19.9474 7.03131C19.4842 5.57973 18.6843 4.28943 17.6738 3.20075C17.5053 3.03946 17.2527 2.99914 17.0422 3.12011L16.393 3.46714C15.6883 3.84379 14.8377 3.74529 14.1476 3.3427C14.0988 3.31422 14.0496 3.28621 14.0002 3.25868C13.2568 2.84453 12.7055 2.10629 12.7055 1.25525V0.70081C12.7055 0.499202 12.5371 0.297594 12.2845 0.257272C10.7266 -0.105622 9.16879 -0.0653007 7.69516 0.257272C7.44254 0.297594 7.31623 0.499202 7.31623 0.70081V1.23474C7.31623 2.09575 6.74999 2.8362 5.99824 3.25599C5.95774 3.27861 5.91747 3.30159 5.87744 3.32493C5.15643 3.74527 4.26453 3.85902 3.53534 3.45302L2.93743 3.12011C2.72691 2.99914 2.47429 3.03946 2.30587 3.20075C1.29538 4.28943 0.495411 5.57973 0.0322686 7.03131C-0.051939 7.23291 0.0322686 7.47484 0.242788 7.59581L0.784376 7.8853C1.54166 8.29007 1.92694 9.13627 1.92694 9.99495C1.92694 10.8536 1.54166 11.6998 0.784375 12.1046L0.242788 12.3941C0.0322686 12.515 -0.051939 12.757 0.0322686 12.9586C0.495411 14.4102 1.29538 15.7005 2.30587 16.7891C2.47429 16.9504 2.72691 16.9907 2.93743 16.8698L3.58669 16.5227C4.29133 16.1461 5.14131 16.2457 5.8331 16.6455C5.88713 16.6767 5.94159 16.7074 5.99648 16.7375C6.75162 17.1511 7.31623 17.8941 7.31623 18.7552V19.2891C7.31623 19.4425 7.41373 19.5959 7.55309 19.696C7.64066 19.7589 7.74815 19.7843 7.85406 19.8046C9.35884 20.0925 10.8609 20.0456 12.2845 19.7729C12.5371 19.6923 12.7055 19.4907 12.7055 19.2891V18.7346C12.7055 17.8836 13.2568 17.1454 14.0002 16.7312C14.0496 16.7037 14.0988 16.6757 14.1476 16.6472C14.8377 16.2446 15.6883 16.1461 16.393 16.5227L17.0422 16.8698C17.2527 16.9907 17.5053 16.9504 17.6738 16.7891C18.7264 15.7005 19.4842 14.4102 19.9895 12.9586C20.0316 12.757 19.9474 12.515 19.7369 12.3941ZM10.0109 13.2005C8.1162 13.2005 6.64257 11.7893 6.64257 9.97478C6.64257 8.20063 8.1162 6.74905 10.0109 6.74905C11.8634 6.74905 13.3792 8.20063 13.3792 9.97478C13.3792 11.7893 11.8634 13.2005 10.0109 13.2005Z" fill="#2A7BE4">
</path>
</svg>
</span></span></span>
</div>
</div>
<small class="text-uppercase text-body-tertiary fw-bold py-2 pe-2 ps-1 rounded-end">customize</small>
</div>
</a>
</a>
<!-- ===============================================-->
<!-- JavaScripts-->
<!-- ===============================================-->
<script src="../../../vendors/popper/popper.min.js"></script>
<script src="../../../vendors/bootstrap/bootstrap.min.js"></script>
<script src="../../../vendors/anchorjs/anchor.min.js"></script>
<script src="../../../vendors/is/is.min.js"></script>
<script src="../../../vendors/fontawesome/all.min.js"></script>
<script src="../../../vendors/lodash/lodash.min.js"></script>
<script src="../../../vendors/list.js/list.min.js"></script>
<script src="../../../vendors/feather-icons/feather.min.js"></script>
<script src="../../../vendors/dayjs/dayjs.min.js"></script>
<script src="../../../assets/js/phoenix.js"></script>
</body>
<script src="../../../vendors/popper/popper.min.js"></script>
<script src="../../../vendors/bootstrap/bootstrap.min.js"></script>
<script src="../../../vendors/anchorjs/anchor.min.js"></script>
<script src="../../../vendors/is/is.min.js"></script>
<script src="../../../vendors/fontawesome/all.min.js"></script>
<script src="../../../vendors/lodash/lodash.min.js"></script>
<script src="../../../vendors/list.js/list.min.js"></script>
<script src="../../../vendors/feather-icons/feather.min.js"></script>
<script src="../../../vendors/dayjs/dayjs.min.js"></script>
<script src="../../../assets/js/phoenix.js"></script>
</body>
</html>

28
templates/account/login.html
View File

@ -77,25 +77,25 @@
</div>
</div>
</section>
{% if LOGIN_BY_CODE_ENABLED or PASSKEY_LOGIN_ENABLED %}
<hr>
{% element button_group vertical=True %}
{% if PASSKEY_LOGIN_ENABLED %}
{% element button type="submit" form="mfa_login" id="passkey_login" tags="prominent,login,outline,primary" %}
{% trans "Sign in with a passkey" %}
{% if PASSKEY_LOGIN_ENABLED %}
{% element button type="submit" form="mfa_login" id="passkey_login" tags="prominent,login,outline,primary" %}
{% trans "Sign in with a passkey" %}
{% endelement %}
{% endif %}
{% if LOGIN_BY_CODE_ENABLED %}
{% element button href=request_login_code_url tags="prominent,login,outline,primary" %}
{% trans "Mail me a sign-in code" %}
{% endelement %}
{% endif %}
{% endelement %}
{% endif %}
{% if LOGIN_BY_CODE_ENABLED %}
{% element button href=request_login_code_url tags="prominent,login,outline,primary" %}
{% trans "Mail me a sign-in code" %}
{% endelement %}
{% endif %}
{% endelement %}
{% endif %}
{% if SOCIALACCOUNT_ENABLED %}
{% include "socialaccount/snippets/login.html" with page_layout="entrance" %}
{% endif %}
{% if SOCIALACCOUNT_ENABLED %}
{% include "socialaccount/snippets/login.html" with page_layout="entrance" %}
{% endif %}
{% endblock content %}
{% block extra_body %}
{{ block.super }}

2
templates/account/password_change.html
View File

@ -27,7 +27,7 @@
<h3 class="mb-4">{% trans "Change Password" %}</h3>
</div>
<form method="post"
action="{% url 'account_change_password' %}"
class="form needs-validation"
novalidate>

32
templates/account/password_set.html
View File

@ -6,20 +6,20 @@
{% endblock head_title %}
{% block content %}
{% element h1 %}
{% trans "Set Password" %}
{% endelement %}
{% url 'account_set_password' as action_url %}
{% element form method="post" action=action_url %}
{% slot body %}
{% csrf_token %}
{{ redirect_field }}
{% element fields form=form %}
{% endelement %}
{% endslot %}
{% slot actions %}
{% element button type="submit" name="action" %}
{% trans 'Set Password' %}
{% endelement %}
{% endslot %}
{% endelement %}
{% trans "Set Password" %}
{% endelement %}
{% url 'account_set_password' as action_url %}
{% element form method="post" action=action_url %}
{% slot body %}
{% csrf_token %}
{{ redirect_field }}
{% element fields form=form %}
{% endelement %}
{% endslot %}
{% slot actions %}
{% element button type="submit" name="action" %}
{% trans 'Set Password' %}
{% endelement %}
{% endslot %}
{% endelement %}
{% endblock content %}

32
templates/account/reauthenticate.html
View File

@ -3,20 +3,20 @@
{% load i18n %}
{% block reauthenticate_content %}
{% element p %}
{% blocktranslate %}Enter your password:{% endblocktranslate %}
{% endelement %}
{% url 'account_reauthenticate' as action_url %}
{% element form form=form method="post" action=action_url %}
{% slot body %}
{% csrf_token %}
{% element fields form=form unlabeled=True %}
{% endelement %}
{{ redirect_field }}
{% endslot %}
{% slot actions %}
{% element button type="submit" tags="primary,reauthenticate" %}
{% trans "Confirm" %}
{% endelement %}
{% endslot %}
{% endelement %}
{% blocktranslate %}Enter your password:{% endblocktranslate %}
{% endelement %}
{% url 'account_reauthenticate' as action_url %}
{% element form form=form method="post" action=action_url %}
{% slot body %}
{% csrf_token %}
{% element fields form=form unlabeled=True %}
{% endelement %}
{{ redirect_field }}
{% endslot %}
{% slot actions %}
{% element button type="submit" tags="primary,reauthenticate" %}
{% trans "Confirm" %}
{% endelement %}
{% endslot %}
{% endelement %}
{% endblock %}

46
templates/account/request_login_code.html
View File

@ -6,27 +6,27 @@
{% endblock head_title %}
{% block content %}
{% element h1 %}
{% translate "Mail me a sign-in code" %}
{% endelement %}
{% element p %}
{% blocktranslate %}You will receive an email containing a special code for a password-free sign-in.{% endblocktranslate %}
{% endelement %}
{% url 'account_request_login_code' as login_url %}
{% element form form=form method="post" action=login_url tags="entrance,login" %}
{% slot body %}
{% csrf_token %}
{% element fields form=form unlabeled=True %}
{% endelement %}
{{ redirect_field }}
{% endslot %}
{% slot actions %}
{% element button type="submit" tags="prominent,login" %}
{% translate "Request Code" %}
{% endelement %}
{% endslot %}
{% endelement %}
{% url 'account_login' as login_url %}
{% element button href=login_url tags="link" %}
{% translate "Other sign-in options" %}
{% endelement %}
{% translate "Mail me a sign-in code" %}
{% endelement %}
{% element p %}
{% blocktranslate %}You will receive an email containing a special code for a password-free sign-in.{% endblocktranslate %}
{% endelement %}
{% url 'account_request_login_code' as login_url %}
{% element form form=form method="post" action=login_url tags="entrance,login" %}
{% slot body %}
{% csrf_token %}
{% element fields form=form unlabeled=True %}
{% endelement %}
{{ redirect_field }}
{% endslot %}
{% slot actions %}
{% element button type="submit" tags="prominent,login" %}
{% translate "Request Code" %}
{% endelement %}
{% endslot %}
{% endelement %}
{% url 'account_login' as login_url %}
{% element button href=login_url tags="link" %}
{% translate "Other sign-in options" %}
{% endelement %}
{% endblock content %}

12
templates/account/signup-wizard.html
View File

@ -25,7 +25,7 @@
<p class="text-body-tertiary fs-9">{% trans 'Create your dealership account today' %}</p>
</div>
<div class="mx-auto mt-4 text-center">
</div>
</div>
<form method="post" action="{% url 'account_signup' %}" class="needs-validation">
{% csrf_token %}
<div class="card theme-wizard">
@ -55,16 +55,16 @@
<div class="modal-body">
{% include 'haikal_policy/refund_policy.html' %}
</div>
</div>
</div>
</div>
{% endblock content %}
{% block customJS %}
<script src="{% static 'js/phoenix.js' %}"></script>
<script src="{% static 'js/phoenix.js' %}"></script>
<script src="{% static 'js/main.js' %}"></script>
<script src="{% static 'js/sweetalert2.all.min.js' %}"></script>
<script type="module"

2
templates/account/snippets/warn_no_email.html
View File

@ -1,4 +1,4 @@
{% load i18n allauth %}
{% element p %}
<strong>{% trans 'Warning:' %}</strong> {% trans "You currently do not have any email address set up. You should really add an email address so you can receive notifications, reset your password, etc." %}
<strong>{% trans 'Warning:' %}</strong> {% trans "You currently do not have any email address set up. You should really add an email address so you can receive notifications, reset your password, etc." %}
{% endelement %}

4
templates/account/success.html
View File

@ -24,8 +24,8 @@
<h3 class="text-body-highlight">{% trans 'Registration Successful!' %}</h3>
<p class="text-body-tertiary fs-9">
{% blocktrans %}
Thank you for registering at Haikal. We've received your information and a member of our team will contact you shortly to confirm your account details.
Thank you for registering at Haikal. We've received your information and a member of our team will contact you shortly to confirm your account details.
{% endblocktrans %}
</p>
</div>

2
templates/account/user_settings.html
View File

@ -35,7 +35,7 @@
{{ form.bill_cash_account|as_crispy_field }}
{{ form.bill_prepaid_account|as_crispy_field }}
{{ form.bill_unearned_account|as_crispy_field }}
</div>
</div>
<hr class="my-4">

2
templates/admin_management/confirm_activate_account.html
View File

@ -5,7 +5,7 @@
{% trans "Activate Account" %}
{% endblock title %}
{% block content %}
<div class="row justify-content-center mt-5 mb-3">
<div class="col-lg-8 col-md-10">
<div class="card shadow-sm border-0 rounded-3">

66
templates/admin_management/management.html
View File

@ -5,42 +5,42 @@
{% endblock %}
{% block content %}
{% if request.user.is_superuser %}
<div class="container py-5">
<header class="mb-5">
<h1 class="display-4 fw-bold">
<i class="fas fa-user-cog text-primary me-3"></i>
{% trans "Admin Dashboard" %}
</h1>
<p class="lead mt-3">
{% trans "Manage user accounts and review system logs." %}
</p>
</header>
{% if request.user.is_superuser %}
<div class="container py-5">
<header class="mb-5">
<h1 class="display-4 fw-bold">
<i class="fas fa-user-cog text-primary me-3"></i>
{% trans "Admin Dashboard" %}
</h1>
<p class="lead mt-3">
{% trans "Manage user accounts and review system logs." %}
</p>
</header>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
<div class="col">
<a href="{% url 'user_management' request.dealer.slug %}" class="text-decoration-none">
<div class="card h-100 shadow-sm border-0 rounded-3">
<div class="card-body text-center p-4">
<i class="fas fa-users fa-3x text-primary mb-3"></i>
<h5 class="card-title fw-bold ">{{ _("User Management") }}</h5>
<p class="card-text text-muted">{% trans "View, edit, and manage all user accounts within the system." %}</p>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
<div class="col">
<a href="{% url 'user_management' request.dealer.slug %}" class="text-decoration-none">
<div class="card h-100 shadow-sm border-0 rounded-3">
<div class="card-body text-center p-4">
<i class="fas fa-users fa-3x text-primary mb-3"></i>
<h5 class="card-title fw-bold ">{{ _("User Management") }}</h5>
<p class="card-text text-muted">{% trans "View, edit, and manage all user accounts within the system." %}</p>
</div>
</div>
</div>
</a>
</div>
<div class="col">
<a href="{% url 'audit_log_dashboard' request.dealer.slug %}" class="text-decoration-none">
<div class="card h-100 shadow-sm border-0 rounded-3">
<div class="card-body text-center p-4">
<i class="fas fa-history fa-3x text-primary mb-3"></i>
<h5 class="card-title fw-bold ">{{ _("Audit Log") }}</h5>
<p class="card-text text-muted">{% trans "Review a detailed history of all critical system activities and changes." %}</p>
</a>
</div>
<div class="col">
<a href="{% url 'audit_log_dashboard' request.dealer.slug %}" class="text-decoration-none">
<div class="card h-100 shadow-sm border-0 rounded-3">
<div class="card-body text-center p-4">
<i class="fas fa-history fa-3x text-primary mb-3"></i>
<h5 class="card-title fw-bold ">{{ _("Audit Log") }}</h5>
<p class="card-text text-muted">{% trans "Review a detailed history of all critical system activities and changes." %}</p>
</div>
</div>
</div>
</a>
</a>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% endblock content %}

2
templates/administration/staff_index.html
View File

@ -91,7 +91,7 @@
<script src="{% static 'js/app_admin/staff_index.js' %}"></script>
<script src="{% static 'js/modal/show_modal.js' %}"></script>
<script src="{% static 'js/js-utils.js' %}"></script>
<script>
<script>
function createCommonInputFields(appointment, servicesDropdown, isEditMode, defaultStartTime, staffDropdown) {
const startTimeValue = isEditMode ? moment(appointment.start_time).format('HH:mm:ss') : defaultStartTime;
const disabledAttribute = isEditMode ? '' : 'disabled';

8
templates/appointment/set_password.html
View File

@ -97,7 +97,7 @@
{{ form.as_p }} <!-- Renders the form fields -->
<button type="submit">{% trans 'Reset Password' %}</button>
</form>
{% endblock %}
{% block customJS %}
<script src="{% static 'js/js-utils.js' %}"></script>
{% endblock %}
{% endblock %}
{% block customJS %}
<script src="{% static 'js/js-utils.js' %}"></script>
{% endblock %}

3
templates/bill/bill_detail.html
View File

@ -94,6 +94,7 @@
<th class="sort white-space-nowrap align-middle " scope="col">{% trans 'PO' %}</th>
</tr>
</thead>
<tbody class="list fs-9" id="project-list-table-body">
{% for bill_item in itemtxs_qs %}
<tr>
@ -161,4 +162,4 @@
</div>
<div>
{% include "bill/includes/mark_as.html" %}
{% endblock %}
{% endblock %}

21
templates/bill/includes/card_bill.html
View File

@ -50,13 +50,13 @@
</div>
<!-- Modal Action -->
{% modal_action bill 'get' entity_slug %}
<div class="d-grid gap-2 d-md-flex justify-content-md-end">
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<a href="{% url 'django_ledger:bill-detail' entity_slug=entity_slug bill_pk=bill.uuid %}"
class="btn btn-sm btn-phoenix-primary me-md-2">{% trans 'View' %}</a>
{% if perms.django_ledger.change_billmodel %}
<a
href="{% url 'django_ledger:bill-update' entity_slug=entity_slug bill_pk=bill.uuid %}"
class="btn btn-sm btn-phoenix-warning me-md-2">{% trans 'Update' %}</a>
href="{% url 'django_ledger:bill-update' entity_slug=entity_slug bill_pk=bill.uuid %}"
class="btn btn-sm btn-phoenix-warning me-md-2">{% trans 'Update' %}</a>
{% if bill.can_pay %}
<button onclick="djLedger.toggleModal('{{ bill.get_html_id }}')"
class="btn btn-sm btn-phoenix-info">{% trans 'Mark as Paid' %}</button>
@ -199,12 +199,12 @@
{% endif %}
</div>
<div class="card-footer p-0">
<div class="d-flex flex-wrap gap-2 mt-2">
<div class="d-flex flex-wrap gap-2 mt-2 justify-content-end">
<!-- Update Button -->
{% if perms.django_ledger.change_billmodel %}
{% if "update" not in request.path %}
<a
href="{% url 'bill-update' dealer_slug=dealer_slug entity_slug=entity_slug bill_pk=bill.uuid %}">
<a
href="{% url 'bill-update' dealer_slug=dealer_slug entity_slug=entity_slug bill_pk=bill.uuid %}">
<button class="btn btn-phoenix-primary">
<i class="fas fa-edit me-2"></i>{% trans 'Update' %}
</button>
@ -296,6 +296,15 @@
//document.addEventListener('htmx:afterSwap',processElements);
function processElements() {
let bill_status = "{{bill.bill_status}}";
if(bill_status == 'draft'){
const formDiv = document.getElementById('bill-update-form');
if (formDiv) {
setTimeout(()=>{
formDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });
},500)
}
}
window.showPOModal = function(title, actionUrl, buttonText) {
const modalEl = document.getElementById('POModal');
if (!modalEl) {

198
templates/bill/tags/bill_item_formset.html
View File

@ -2,119 +2,119 @@
{% load static %}
{% load django_ledger %}
{% load widget_tweaks %}
<form id="bill-update-form"
action="{% url 'bill-update-items' dealer_slug=dealer_slug entity_slug=entity_slug bill_pk=bill_pk %}"
method="post">
<div class="container-fluid py-4">
<form id="bill-update-form"
action="{% url 'bill-update-items' dealer_slug=dealer_slug entity_slug=entity_slug bill_pk=bill_pk %}"
method="post">
<div class="container-fluid py-4">
<!-- Page Header -->
<div class="row mb-4">
<div class="col-12">
<h2 class="text-primary mb-0 d-flex align-items-center">
<i class="fas fa-receipt me-2"></i>
{% trans 'Bill Items' %}
</h2>
<hr class="my-3">
</div>
<div class="row mb-4">
<div class="col-12">
<h2 class="text-primary mb-0 d-flex align-items-center">
<i class="fas fa-receipt me-2"></i>
{% trans 'Bill Items' %}
</h2>
<hr class="my-3">
</div>
</div>
<!-- Form Content -->
<div class="row">
<div class="col-12">
{% csrf_token %}
{{ item_formset.non_form_errors }}
{{ item_formset.management_form }}
<div class="row">
<div class="col-12">
{% csrf_token %}
{{ item_formset.non_form_errors }}
{{ item_formset.management_form }}
<!-- Card Container -->
<div class="card shadow-sm">
<div class="card-body p-0">
<div class="card shadow-sm">
<div class="card-body p-0">
<!-- Responsive Table -->
<div class="table-responsive">
<table class="table table-hover align-middle mb-0">
<thead class="table-light">
<tr>
<th class="text-uppercase text-xxs font-weight-bolder">{% trans 'Item' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'PO Qty' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'PO Amount' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'Quantity' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'Unit Cost' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'Unit' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-end">{% trans 'Total' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'Delete' %}</th>
</tr>
</thead>
<tbody>
{% for f in item_formset %}
<tr class="align-middle">
<div class="table-responsive">
<table class="table table-hover align-middle mb-0">
<thead class="table-light">
<tr>
<th class="text-uppercase text-xxs font-weight-bolder">{% trans 'Item' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'PO Qty' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'PO Amount' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'Quantity' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'Unit Cost' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'Unit' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-end">{% trans 'Total' %}</th>
<th class="text-uppercase text-xxs font-weight-bolder text-center">{% trans 'Delete' %}</th>
</tr>
</thead>
<tbody>
{% for f in item_formset %}
<tr class="align-middle">
<!-- Item Column -->
<td>
<div class="d-flex flex-column ms-2">
{% for hidden_field in f.hidden_fields %}{{ hidden_field }}{% endfor %}
{{ f.item_model|add_class:"form-control" }}
{% if f.errors %}<span class="text-danger text-xs">{{ f.errors }}</span>{% endif %}
</div>
</td>
<td>
<div class="d-flex flex-column ms-2">
{% for hidden_field in f.hidden_fields %}{{ hidden_field }}{% endfor %}
{{ f.item_model|add_class:"form-control" }}
{% if f.errors %}<span class="text-danger text-xs">{{ f.errors }}</span>{% endif %}
</div>
</td>
<!-- PO Quantity -->
<td class="text-center">
<span class="text-muted text-xs">
{% if f.instance.po_quantity %}{{ f.instance.po_quantity }}{% endif %}
</span>
</td>
<td class="text-center">
<span class="text-muted text-xs">
{% if f.instance.po_quantity %}{{ f.instance.po_quantity }}{% endif %}
</span>
</td>
<!-- PO Amount -->
<td class="text-center">
{% if f.instance.po_total_amount %}
<div class="d-flex flex-column">
<span class="text-xs font-weight-bold">{{ f.instance.po_total_amount | currency_format }}<span class="icon-saudi_riyal"></span></span>
<a class="btn btn-sm btn-phoenix-info mt-1"
href="{% url 'purchase_order_detail' dealer_slug entity_slug f.instance.po_model_id %}">
{% trans 'View PO' %}
</a>
</div>
{% endif %}
</td>
<td class="text-center">
{% if f.instance.po_total_amount %}
<div class="d-flex flex-column">
<span class="text-xs font-weight-bold">{{ f.instance.po_total_amount | currency_format }}<span class="icon-saudi_riyal"></span></span>
<a class="btn btn-sm btn-phoenix-info mt-1"
href="{% url 'purchase_order_detail' dealer_slug entity_slug f.instance.po_model_id %}">
{% trans 'View PO' %}
</a>
</div>
{% endif %}
</td>
<!-- Quantity -->
<td class="text-center">
<div class="input-group input-group-sm w-100">{{ f.quantity|add_class:"form-control" }}</div>
</td>
<td class="text-center">
<div class="input-group input-group-sm w-100">{{ f.quantity|add_class:"form-control" }}</div>
</td>
<!-- Unit Cost -->
<td class="text-center">
<div class="input-group input-group-sm w-100">{{ f.unit_cost|add_class:"form-control" }}</div>
</td>
<td class="text-center">
<div class="input-group input-group-sm w-100">{{ f.unit_cost|add_class:"form-control" }}</div>
</td>
<!-- Entity Unit -->
<td class="text-center">{{ f.entity_unit|add_class:"form-control" }}</td>
<td class="text-center">{{ f.entity_unit|add_class:"form-control" }}</td>
<!-- Total Amount -->
<td class="text-end">
<span class="text-xs font-weight-bold">
<span></span>{{ f.instance.total_amount | currency_format }}<span class="icon-saudi_riyal"></span>
</span>
</td>
<td class="text-end">
<span class="text-xs font-weight-bold">
<span></span>{{ f.instance.total_amount | currency_format }}<span class="icon-saudi_riyal"></span>
</span>
</td>
<!-- Delete Checkbox -->
<td class="text-center">
{% if item_formset.can_delete %}<div class="form-check d-flex justify-content-center">{{ f.DELETE }}</div>{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
<!-- Footer Total -->
<tfoot class="total-row">
<tr>
<td colspan="5"></td>
<td class="text-end">
<strong>{% trans 'Total' %}</strong>
<td class="text-center">
{% if item_formset.can_delete %}<div class="form-check d-flex justify-content-center">{{ f.DELETE }}</div>{% endif %}
</td>
<td class="text-end">
<strong>{{ total_amount__sum | currency_format }}<span class="icon-saudi_riyal"></span></strong>
</td>
<td></td>
</tr>
</tfoot>
</table>
</div>
{% endfor %}
</tbody>
<!-- Footer Total -->
<tfoot class="total-row">
<tr>
<td colspan="5"></td>
<td class="text-end">
<strong>{% trans 'Total' %}</strong>
</td>
<td class="text-end">
<strong>{{ total_amount__sum | currency_format }}<span class="icon-saudi_riyal"></span></strong>
</td>
<td></td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Action Buttons -->
<div class="row mt-4">
<div class="col-12">
<div class="d-flex justify-content-start gap-2">
<div class="row mt-4">
<div class="col-12">
<div class="d-flex justify-content-start gap-2">
{% comment %} {% if not item_formset.has_po %}
<a href="{% url 'django_ledger:product-create' entity_slug=entity_slug %}"
class="btn btn-phoenix-primary">
@ -122,12 +122,12 @@
{% trans 'New Item' %}
</a>
{% endif %} {% endcomment %}
<button type="submit" class="btn btn-phoenix-primary">
<i class="fas fa-save me-1"></i>
{% trans 'Save Changes' %}
</button>
</div>
<button type="submit" class="btn btn-phoenix-primary">
<i class="fas fa-save me-1"></i>
{% trans 'Save Changes' %}
</button>
</div>
</div>
</div>
</form>
</div>
</form>

2
templates/bill/transactions/tags/txs_table.html
View File

@ -38,7 +38,7 @@
<td class=" white-space-nowrap align-middle" colspan="3"></td>
<td class=" white-space-nowrap align-middle" scope="col">{% trans 'Total' %}</td>
<td class=" white-space-nowrap align-middle" scope="col">
{{ total_credits | currency_format }}<span class="icon-saudi_riyal"></span>
{{ total_credits | currency_format }}<span class="icon-saudi_riyal"></span>
</td>
<td class=" white-space-nowrap align-middle" scope="col">{{ total_debits | currency_format }}<span class="icon-saudi_riyal"></span></td>
<td class=" white-space-nowrap align-middle" scope="col"></td>

4
templates/chart_of_accounts/coa_create.html
View File

@ -3,7 +3,7 @@
{% load django_ledger %}
{% load widget_tweaks %}
{% block title %}
{% trans "Create Chart of Accounts" %}
{% trans "Create Chart of Accounts" %}
{% endblock %}
{% block content %}
<main class="d-flex align-items-center justify-content-center min-vh-80 py-5">
@ -12,7 +12,7 @@
<div class="card-header bg-gradient py-4 border-0 rounded-top-4">
<h3 class="mb-0 fs-4 fw-bold text-center">
{% trans 'Create Chart of Accounts' %}
<i class="fa-solid fa-chart-pie ms-2"></i>
<i class="fa-solid fa-chart-pie ms-2"></i>
</h3>
</div>
<div class="card-body p-4 p-md-5">

2
templates/chart_of_accounts/coa_list.html
View File

@ -3,7 +3,7 @@
{% load static %}
{% load icon from django_ledger %}
{% block title %}
{% trans "Chart of Accounts" %}
{% trans "Chart of Accounts" %}
{% endblock %}
{% block content %}
<div class="card mb-4">

2
templates/chart_of_accounts/coa_update.html
View File

@ -3,7 +3,7 @@
{% load static %}
{% load widget_tweaks %}
{% block title %}
{% trans "Update chart of Account"%}
{% trans "Update chart of Account"%}
{% endblock %}
{% block content %}
<div class="row justify-content-center">

2
templates/chart_of_accounts/includes/coa_card.html
View File

@ -9,7 +9,7 @@
</div>
<div class="flex-grow-1">
<h5 class="fw-bold mb-0">
{% if coa_model.is_default %}
<span class="badge bg-light text-primary ms-2 d-none d-sm-inline">{% trans 'DEFAULT' %}</span>
{% endif %}

94
templates/chat_support.html
View File

@ -30,55 +30,55 @@
<p class="mb-0 fw-semibold fs-9">I need help with something</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">I can’t reorder a product I previously ordered</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">How do I place an order?</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="false d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">My payment method not working</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a>
</div>
<div class="text-center mt-auto">
<div class="avatar avatar-3xl status-online">
<img class="rounded-circle border border-3 border-light-subtle"
src="{% static 'images/team/40x40/30.webp' %}"
alt="" />
href="#!">
<p class="mb-0 fw-semibold fs-9">I can’t reorder a product I previously ordered</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">How do I place an order?</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="false d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">My payment method not working</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a>
</div>
<div class="text-center mt-auto">
<div class="avatar avatar-3xl status-online">
<img class="rounded-circle border border-3 border-light-subtle"
src="{% static 'images/team/40x40/30.webp' %}"
alt="" />
</div>
<h5 class="mt-2 mb-3">Eric</h5>
<p class="text-center text-body-emphasis mb-0">
Ask us anything – we’ll get back to you here or by email within 24 hours.
</p>
</div>
</div>
</div>
<div class="card-footer d-flex align-items-center gap-2 border-top border-translucent ps-3 pe-4 py-3">
<div class="d-flex align-items-center flex-1 gap-3 border border-translucent rounded-pill px-4">
<input class="form-control outline-none border-0 flex-1 fs-9 px-0"
type="text"
placeholder="Write message" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatPhotos">
<span class="fa-solid fa-image"></span>
</label>
<input class="d-none" type="file" accept="image/*" id="supportChatPhotos" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatAttachment">
<span class="fa-solid fa-paperclip"></span>
</label>
<input class="d-none" type="file" id="supportChatAttachment" />
</div>
<button class="btn p-0 border-0 send-btn">
<span class="fa-solid fa-paper-plane fs-9"></span>
</button>
</div>
<h5 class="mt-2 mb-3">Eric</h5>
<p class="text-center text-body-emphasis mb-0">
Ask us anything – we’ll get back to you here or by email within 24 hours.
</p>
</div>
</div>
</div>
<div class="card-footer d-flex align-items-center gap-2 border-top border-translucent ps-3 pe-4 py-3">
<div class="d-flex align-items-center flex-1 gap-3 border border-translucent rounded-pill px-4">
<input class="form-control outline-none border-0 flex-1 fs-9 px-0"
type="text"
placeholder="Write message" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatPhotos">
<span class="fa-solid fa-image"></span>
</label>
<input class="d-none" type="file" accept="image/*" id="supportChatPhotos" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatAttachment">
<span class="fa-solid fa-paperclip"></span>
</label>
<input class="d-none" type="file" id="supportChatAttachment" />
</div>
<button class="btn p-0 border-0 send-btn">
<span class="fa-solid fa-paper-plane fs-9"></span>
<button class="btn btn-support-chat p-0 border border-translucent">
<span class="fs-8 btn-text text-primary text-nowrap">Chat demo</span><span class="ping-icon-wrapper mt-n4 ms-n6 mt-sm-0 ms-sm-2 position-absolute position-sm-relative"><span class="ping-icon-bg"></span><span class="fa-solid fa-circle ping-icon"></span></span><span class="fa-solid fa-headset text-primary fs-8 d-sm-none"></span><span class="fa-solid fa-chevron-down text-primary fs-7"></span>
</button>
</div>
</div>
</div>
<button class="btn btn-support-chat p-0 border border-translucent">
<span class="fs-8 btn-text text-primary text-nowrap">Chat demo</span><span class="ping-icon-wrapper mt-n4 ms-n6 mt-sm-0 ms-sm-2 position-absolute position-sm-relative"><span class="ping-icon-bg"></span><span class="fa-solid fa-circle ping-icon"></span></span><span class="fa-solid fa-headset text-primary fs-8 d-sm-none"></span><span class="fa-solid fa-chevron-down text-primary fs-7"></span>
</button>
</div>

3
templates/components/note_modal.html
View File

@ -16,12 +16,13 @@
</div>
<div class="modal-body">
<form id="noteForm"
hx-boost="true"
hx-boost="true"
action="{% url 'add_note' request.dealer.slug content_type slug %}"
hx-select="#notesTable"
hx-target="#notesTable"
hx-on::after-request="{ resetSubmitButton(document.querySelector('.add_note_form button[type=submit]')); $('#noteModal').modal('hide'); }"
hx-swap="outerHTML show:window.top"
hx-select-oob="#timeline"
method="post"
class="add_note_form">
{% csrf_token %}

2
templates/components/schedule_modal.html
View File

@ -22,7 +22,7 @@
hx-target=".taskTable"
hx-on::after-request="{ resetSubmitButton(document.querySelector('.add_schedule_form button[type=submit]')); $('#scheduleModal').modal('hide'); }"
hx-swap="outerHTML"
hx-select-oob="#toast-container:outerHTML"
hx-select-oob="#toast-container:outerHTML,#timeline:outerHTML"
method="post"
class="add_schedule_form">
{% csrf_token %}

2
templates/components/task_modal.html
View File

@ -28,7 +28,7 @@
hx-post="{% url 'add_task' request.dealer.slug content_type slug %}"
hx-target="#your-content-container"
hx-swap="innerHTML"
>
>
{% csrf_token %}
{{ staff_task_form|crispy }}
<button type="submit" class="btn btn-phoenix-success w-100">{% trans 'Save' %}</button>

2
templates/crm/employee_calendar.html
View File

@ -1,7 +1,7 @@
{% extends 'base.html' %}
{% load static %}
{% block title %}
{% trans "Calender Events" %}
{% trans "Calender Events" %}
{% endblock %}
{% block content %}
<div class="row">

26
templates/crm/leads/lead_detail.html
View File

@ -2,7 +2,7 @@
{% load i18n static humanize %}
{% load crispy_forms_tags %}
{% block title %}
{% trans "Lead Detail" %}
{% trans "Lead Detail" %}
{% endblock %}
{% block customCSS %}
<style>
@ -335,7 +335,7 @@
</div>
<div class="row justify-content-between align-items-md-center hover-actions-trigger btn-reveal-trigger border-translucent py-3 gx-0 border-top">
<div class="col-12 col-lg-auto">
<div class="timeline-basic mb-9">
<div id="timeline" class="timeline-basic mb-9">
{% for activity in activities %}
<div class="timeline-item">
<div class="row g-3">
@ -354,6 +354,8 @@
<span class="fa-solid fa-users text-danger fs-8"></span>
{% elif activity.activity_type == "whatsapp" %}
<span class="fab fa-whatsapp text-success-dark fs-7"></span>
{% elif activity.activity_type == "meeting" %}
<span class="fa-solid fa-users text-danger fs-8"></span>
{% endif %}
</div>
{% if forloop.last %}
@ -806,18 +808,18 @@
</div>
</div>
{% include 'modal/delete_modal.html' %}
{% include 'modal/delete_modal.html' %}
<!-- add update Modal -->
{% include "components/email_modal.html" %}
{% include "components/email_modal.html" %}
<!-- task Modal -->
{% include "components/task_modal.html" with content_type="lead" slug=lead.slug %}
{% include "components/task_modal.html" with content_type="lead" slug=lead.slug %}
<!-- note Modal -->
{% include "components/note_modal.html" with content_type="lead" slug=lead.slug %}
{% include "components/note_modal.html" with content_type="lead" slug=lead.slug %}
<!-- schedule Modal -->
{% include "components/schedule_modal.html" with content_type="lead" slug=lead.slug %}
{% endblock content %}
{% block customJS %}
<script>
{% include "components/schedule_modal.html" with content_type="lead" slug=lead.slug %}
{% endblock content %}
{% block customJS %}
<script>
function reset_form() {
document.querySelector('#id_note').value = ""
let form = document.querySelector('.add_note_form')
@ -872,5 +874,5 @@
}
});
</script>
{% endblock customJS %}
</script>
{% endblock customJS %}

36
templates/crm/leads/lead_list.html
View File

@ -239,25 +239,25 @@
{% endif %}
</td>
</tr>
{% empty %}
<tr>
<td colspan="6" class="text-center">{% trans "No Leads found." %}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% empty %}
<tr>
<td colspan="6" class="text-center">{% trans "No Leads found." %}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">{% include 'partials/pagination.html' %}</div>
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">{% include 'partials/pagination.html' %}</div>
</div>
{% endif %}
{% endif %}
</div>
{% endif %}
</div>
</div>
{% else %}
{% url 'lead_create' request.dealer.slug as create_lead_url %}
{% include "empty-illustration-page.html" with value=empty_state_value url=create_lead_url %}
{% endif %}
{% endblock %}
</div>
{% else %}
{% url 'lead_create' request.dealer.slug as create_lead_url %}
{% include "empty-illustration-page.html" with value=empty_state_value url=create_lead_url %}
{% endif %}
{% endblock %}

8
templates/crm/leads/lead_send.html
View File

@ -49,8 +49,8 @@
<div class="d-flex gap-2">
{% comment %} <a href="{{ request.META.HTTP_REFERER }}" class="btn btn-phoenix-danger">Discard</a> {% endcomment %}
<a
href="{% url 'send_lead_email' request.dealer.slug lead.slug %}?status=draft"
class="btn btn-phoenix-success">{% trans "Save as Draft" %}</a>
href="{% url 'send_lead_email' request.dealer.slug lead.slug %}?status=draft"
class="btn btn-phoenix-success">{% trans "Save as Draft" %}</a>
<button class="btn btn-phoenix-primary fs-10" type="submit">
{% trans "Send" %}<span class="fa-solid fa-paper-plane ms-1"></span>
</button>
@ -59,6 +59,6 @@
</form>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock content %}

26
templates/crm/note_form.html
View File

@ -3,16 +3,16 @@
<form method="post"
action="{% url 'update_note_to_lead' note.pk %}"
enctype="multipart/form-data">
{% else %}
<form method="post"
action="{% url 'add_note_to_lead' lead.slug %}"
enctype="multipart/form-data">
{% endif %}
{% csrf_token %}
{{ form|crispy }}
{% if form.instance.pk %}
<button type="submit" class="btn btn-sm btn-phoenix-primary w-100">{{ _("Update") }}</button>
{% else %}
<button type="submit" class="btn btn-sm btn-phoenix-success w-100">{{ _("Add") }}</button>
{% endif %}
</form>
{% else %}
<form method="post"
action="{% url 'add_note_to_lead' lead.slug %}"
enctype="multipart/form-data">
{% endif %}
{% csrf_token %}
{{ form|crispy }}
{% if form.instance.pk %}
<button type="submit" class="btn btn-sm btn-phoenix-primary w-100">{{ _("Update") }}</button>
{% else %}
<button type="submit" class="btn btn-sm btn-phoenix-success w-100">{{ _("Add") }}</button>
{% endif %}
</form>

46
templates/crm/notifications_history.html
View File

@ -7,24 +7,24 @@
{% block customeCSS %}
/* General Layout */
body {
/* General Layout */
body {
background-color: #f8f9fa; /* Light gray background for contrast */
}
}
/* List Item Styling */
.list-item {
/* List Item Styling */
.list-item {
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
cursor: pointer;
}
}
.list-item:hover {
.list-item:hover {
background-color: #f1f3f5;
transform: translateY(-2px); /* Subtle lift on hover */
}
}
/* Unread Notification Dot */
.unread-dot {
/* Unread Notification Dot */
.unread-dot {
position: absolute;
left: 0;
top: 50%;
@ -32,12 +32,12 @@ body {
width: 8px;
height: 8px;
border-radius: 50%;
}
}
/* HTMX Loading Indicator */
.htmx-request #loading-indicator {
/* HTMX Loading Indicator */
.htmx-request #loading-indicator {
display: block;
}
}
{% endblock %}
{% block content %}
<main class="container-fluid p-5">
@ -61,17 +61,17 @@ body {
{% for notification in notifications %}
<div class="list-item d-flex align-items-start py-4 border-bottom position-relative">
{% if not notification.is_read %}
<div class="me-4 mt-1">
<i class="fas fa-info-circle fa-2x text-primary"></i>
</div>
<div class="me-4 mt-1">
<i class="fas fa-info-circle fa-2x text-primary"></i>
</div>
{% else %}
<div class="me-4 mt-1">
<i class="fas fa-info-circle fa-2x text-secondary"></i>
</div>
<div class="me-4 mt-1">
<i class="fas fa-info-circle fa-2x text-secondary"></i>
</div>
{% endif %}
<div class="flex-grow-1">
<h5 class="mb-1 fw-normal">
{{ notification.message|safe }}

1340
templates/crm/opportunities/opportunity_detail.html
View File

File diff suppressed because it is too large Load Diff

52
templates/crm/opportunities/opportunity_form.html
View File

@ -181,37 +181,37 @@
</div>
{% endblock %}
{% block customJS %}
<script>
function updateProbabilityValue(value) {
const amount = document.getElementById('id_amount');
const expectedRevenue = document.getElementById('id_expected_revenue');
<script>
function updateProbabilityValue(value) {
const amount = document.getElementById('id_amount');
const expectedRevenue = document.getElementById('id_expected_revenue');
// Check if amount and expectedRevenue fields exist before using them
if (amount && expectedRevenue) {
expectedRevenue.value = (parseFloat(amount.value) * value / 100).toFixed(2);
}
if (amount && expectedRevenue) {
expectedRevenue.value = (parseFloat(amount.value) * value / 100).toFixed(2);
}
const badge = document.getElementById('probability-value');
if (badge) {
badge.textContent = value + '%';
const badge = document.getElementById('probability-value');
if (badge) {
badge.textContent = value + '%';
// Update badge color based on value
if (value >= 75) {
badge.className = 'badge badge-phoenix fs-6 badge-phoenix-success';
} else if (value >= 50) {
badge.className = 'badge badge-phoenix fs-6 badge-phoenix-warning';
} else {
badge.className = 'badge badge-phoenix fs-6 badge-phoenix-danger';
}
}
}
if (value >= 75) {
badge.className = 'badge badge-phoenix fs-6 badge-phoenix-success';
} else if (value >= 50) {
badge.className = 'badge badge-phoenix fs-6 badge-phoenix-warning';
} else {
badge.className = 'badge badge-phoenix fs-6 badge-phoenix-danger';
}
}
}
// Initialize on load
document.addEventListener('DOMContentLoaded', function() {
const rangeInput = document.getElementById('{{ form.probability.id_for_label }}');
document.addEventListener('DOMContentLoaded', function() {
const rangeInput = document.getElementById('{{ form.probability.id_for_label }}');
// Check if rangeInput exists before calling the function
if (rangeInput) {
updateProbabilityValue(rangeInput.value);
}
});
</script>
if (rangeInput) {
updateProbabilityValue(rangeInput.value);
}
});
</script>
{% endblock %}

4
templates/crm/opportunities/opportunity_list.html
View File

@ -128,12 +128,12 @@
document.addEventListener("DOMContentLoaded", function() {
const searchInput = document.getElementById("search-input");
const clearButton = document.getElementById("clear-search");
if (clearButton) {
clearButton.addEventListener("click", function() {
// Clear the input field
searchInput.value = "";
// Trigger HTMX search with a 'search' event
// This uses the hx-trigger="search" on the form
// and prevents a full page reload.

232
templates/crm/opportunities/partials/opportunity_grid.html
View File

@ -32,45 +32,45 @@
<div class="d-flex gap-2">
{% if opportunity.stage == "qualification" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-primary">
{% elif opportunity.stage == "test_drive" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-info">
{% elif opportunity.stage == "quotation" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-warning">
{% elif opportunity.stage == "negotiation" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-warning">
{% elif opportunity.stage == "financing" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-warning">
{% elif opportunity.stage == "closed_won" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-success">
{% elif opportunity.stage == "closed_lost" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-danger">
{% elif opportunity.stage == "on_hold" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-secondary">
{% endif %}
{{ opportunity.stage }}</span>
<span class="badge badge-phoenix fs-10 {% if opportunity.get_stage_display == 'Won' %} badge-phoenix-success {% elif opportunity.get_stage_display == 'Lost' %} badge-phoenix-danger {% endif %}">
{{ opportunity.get_status_display }}
</span>
</div>
<div class="d-flex align-items-center">
<i class="fa-regular fa-clock"></i>&nbsp;
<p class="mb-0 fs-9 fw-semibold text-body-tertiary">{{ opportunity.created|naturalday|capfirst }}</p>
</div>
</div>
<div class="deals-company-agent d-flex justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="uil uil-user me-2"></span>
<p class="text-body-secondary fw-bold fs-10 mb-0">
{{ _("Assigned To") }}
{% if request.user.email == opportunity.staff.email %}
{{ _("You") }}
{% else %}
{{ opportunity.staff.fullname }}
</p>
{% endif %}
</div>
</div>
<table class="mb-3 w-100">
{% elif opportunity.stage == "test_drive" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-info">
{% elif opportunity.stage == "quotation" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-warning">
{% elif opportunity.stage == "negotiation" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-warning">
{% elif opportunity.stage == "financing" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-warning">
{% elif opportunity.stage == "closed_won" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-success">
{% elif opportunity.stage == "closed_lost" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-danger">
{% elif opportunity.stage == "on_hold" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-secondary">
{% endif %}
{{ opportunity.stage }}</span>
<span class="badge badge-phoenix fs-10 {% if opportunity.get_stage_display == 'Won' %} badge-phoenix-success {% elif opportunity.get_stage_display == 'Lost' %} badge-phoenix-danger {% endif %}">
{{ opportunity.get_status_display }}
</span>
</div>
<div class="d-flex align-items-center">
<i class="fa-regular fa-clock"></i>&nbsp;
<p class="mb-0 fs-9 fw-semibold text-body-tertiary">{{ opportunity.created|naturalday|capfirst }}</p>
</div>
</div>
<div class="deals-company-agent d-flex justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="uil uil-user me-2"></span>
<p class="text-body-secondary fw-bold fs-10 mb-0">
{{ _("Assigned To") }}
{% if request.user.email == opportunity.staff.email %}
{{ _("You") }}
{% else %}
{{ opportunity.staff.fullname }}
</p>
{% endif %}
</div>
</div>
<table class="mb-3 w-100">
{% comment %} <tr>
<td class="py-1">
<div class="d-flex align-items-center">
@ -84,81 +84,81 @@
</p>
</td>
</tr> {% endcomment %}
<tr>
<td class="py-1">
<div class="d-flex align-items-center">
<p class="fw-semibold fs-9 mb-0 text-body-tertiary">
{% trans "Marked Price" %}
</p>
<tr>
<td class="py-1">
<div class="d-flex align-items-center">
<p class="fw-semibold fs-9 mb-0 text-body-tertiary">
{% trans "Marked Price" %}
</p>
</div>
</td>
<td class="text-end">
<p class="fw-semibold fs-9 mb-0 text-body-emphasis">
<span class="icon-saudi_riyal"></span>{{ opportunity.car.marked_price }}
</p>
</td>
</tr>
<tr>
<td class="py-1">
<div class="d-flex align-items-center">
<i class="uil uil-calendar-alt"></i>&nbsp;
<p class="fw-semibold fs-9 mb-0 text-body-tertiary">{{ _("Closing Date") }}</p>
</div>
</td>
<td class="text-end">
{% if opportunity.expected_close_date %}
<p class="fw-semibold fs-9 mb-0 text-body-emphasis">{{ opportunity.expected_close_date|naturalday|capfirst }}</p>
{% endif %}
</td>
</tr>
</table>
<p class="fs-9 mb-1 fw-bold">{{ _("Probability") }}: {{ opportunity.probability }}%</p>
<div class="progress mb-3" style="height:16px">
{% if opportunity.probability >= 25 and opportunity.probability < 49 %}
<div class="progress-bar rounded-pill bg-danger-dark"
role="progressbar"
style="width: {{ opportunity.probability }}%"
aria-valuenow="{{ opportunity.probability }}"
aria-valuemin="0"
aria-valuemax="100">
<span class="fw-bolder fs-9 text-sm-end me-1">{{ opportunity.probability }}</span>
</div>
{% elif opportunity.probability >= 50 and opportunity.probability <= 74 %}
<div class="progress-bar rounded-pill bg-warning-dark"
role="progressbar"
style="width: {{ opportunity.probability }}%"
aria-valuenow="{{ opportunity.probability }}"
aria-valuemin="0"
aria-valuemax="100">
<span class="fw-bolder fs-9 text-sm-end me-1">{{ opportunity.probability }}</span>
</div>
{% elif opportunity.probability >= 75 and opportunity.probability <= 100 %}
<div class="progress-bar rounded-pill bg-success-dark"
role="progressbar"
style="width: {{ opportunity.probability }}%"
aria-valuenow="{{ opportunity.probability }}"
aria-valuemin="0"
aria-valuemax="100">
<span class="fw-bolder fs-9 text-sm-end me-1">{{ opportunity.probability }}</span>
</div>
{% endif %}
</div>
<div class="d-flex gap-2">
{% if perms.inventory.view_opportunity %}
<a class="btn btn-sm btn-phoenix-primary"
href="{% url 'opportunity_detail' request.dealer.slug opportunity.slug %}">
<i class="fa-solid fa-eye ms-2"></i>{{ _("View") }}
</a>
{% endif %}
{% if perms.inventory.change_opportunity %}
<a class="btn btn-sm btn-phoenix-success"
href="{% url 'update_opportunity' request.dealer.slug opportunity.slug %}">
<i class="fa-solid fa-pen ms-2"></i> {{ _("Update") }}
</a>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</td>
<td class="text-end">
<p class="fw-semibold fs-9 mb-0 text-body-emphasis">
<span class="icon-saudi_riyal"></span>{{ opportunity.car.marked_price }}
</p>
</td>
</tr>
<tr>
<td class="py-1">
<div class="d-flex align-items-center">
<i class="uil uil-calendar-alt"></i>&nbsp;
<p class="fw-semibold fs-9 mb-0 text-body-tertiary">{{ _("Closing Date") }}</p>
</div>
</td>
<td class="text-end">
{% if opportunity.expected_close_date %}
<p class="fw-semibold fs-9 mb-0 text-body-emphasis">{{ opportunity.expected_close_date|naturalday|capfirst }}</p>
{% endif %}
</td>
</tr>
</table>
<p class="fs-9 mb-1 fw-bold">{{ _("Probability") }}: {{ opportunity.probability }}%</p>
<div class="progress mb-3" style="height:16px">
{% if opportunity.probability >= 25 and opportunity.probability < 49 %}
<div class="progress-bar rounded-pill bg-danger-dark"
role="progressbar"
style="width: {{ opportunity.probability }}%"
aria-valuenow="{{ opportunity.probability }}"
aria-valuemin="0"
aria-valuemax="100">
<span class="fw-bolder fs-9 text-sm-end me-1">{{ opportunity.probability }}</span>
</div>
{% elif opportunity.probability >= 50 and opportunity.probability <= 74 %}
<div class="progress-bar rounded-pill bg-warning-dark"
role="progressbar"
style="width: {{ opportunity.probability }}%"
aria-valuenow="{{ opportunity.probability }}"
aria-valuemin="0"
aria-valuemax="100">
<span class="fw-bolder fs-9 text-sm-end me-1">{{ opportunity.probability }}</span>
</div>
{% elif opportunity.probability >= 75 and opportunity.probability <= 100 %}
<div class="progress-bar rounded-pill bg-success-dark"
role="progressbar"
style="width: {{ opportunity.probability }}%"
aria-valuenow="{{ opportunity.probability }}"
aria-valuemin="0"
aria-valuemax="100">
<span class="fw-bolder fs-9 text-sm-end me-1">{{ opportunity.probability }}</span>
</div>
{% endif %}
</div>
<div class="d-flex gap-2">
{% if perms.inventory.view_opportunity %}
<a class="btn btn-sm btn-phoenix-primary"
href="{% url 'opportunity_detail' request.dealer.slug opportunity.slug %}">
<i class="fa-solid fa-eye ms-2"></i>{{ _("View") }}
</a>
{% endif %}
{% if perms.inventory.change_opportunity %}
<a class="btn btn-sm btn-phoenix-success"
href="{% url 'update_opportunity' request.dealer.slug opportunity.slug %}">
<i class="fa-solid fa-pen ms-2"></i> {{ _("Update") }}
</a>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}

2
templates/csv_upload.html
View File

@ -176,7 +176,7 @@
class="form-control"
id="marked_price"
name="marked_price"
>
>
</div>
<div class="mb-3">
<label for="csv_file" class="form-label">{% trans "CSV File" %}</label>

24
templates/customers/customer_list.html
View File

@ -151,16 +151,16 @@
</tr>
{% endfor %}
</tbody>
{% endif %}
</table>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">{% include 'partials/pagination.html' %}</div>
</div>
{% endif %}
{% include 'modal/delete_modal.html' %}
{% else %}
{% url "customer_create" request.dealer.slug as create_customer_url %}
{% include "empty-illustration-page.html" with value=empty_state_value url=create_customer_url %}
{% endif %}
{% endblock %}
</table>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">{% include 'partials/pagination.html' %}</div>
</div>
{% endif %}
{% include 'modal/delete_modal.html' %}
{% else %}
{% url "customer_create" request.dealer.slug as create_customer_url %}
{% include "empty-illustration-page.html" with value=empty_state_value url=create_customer_url %}
{% endif %}
{% endblock %}

6
templates/customers/note_form.html
View File

@ -2,7 +2,7 @@
<form method="post"
action="{% url 'add_note_to_customer' request.dealer.slug customer.slug %}"
enctype="multipart/form-data">
{% csrf_token %}
{{ form|crispy }}
<button type="submit" class="btn btn-sm btn-phoenix-success w-100">{{ _("Add") }}</button>
{% csrf_token %}
{{ form|crispy }}
<button type="submit" class="btn btn-sm btn-phoenix-success w-100">{{ _("Add") }}</button>
</form>

14
templates/dashboards/aging_inventory_list.html
View File

@ -2,7 +2,7 @@
{% load i18n %}
{% load tenhal_tag %}
{% block title %}
{% trans "Aging Inventory" %}
{% trans "Aging Inventory" %}
{% endblock title %}
{% block content %}
<div class="main-content flex-grow-1 container-fluid mt-4 mb-3">
@ -118,11 +118,11 @@
<div>{% trans "Excellent! There are no cars in the aging inventory at the moment." %}</div>
</div>
{% endif %}
{% if is_paginated %}
{% include 'partials/pagination.html' %}
{% endif %}
{% if is_paginated %}
{% include 'partials/pagination.html' %}
{% endif %}
</div>
{% endblock content %}

572
templates/dashboards/general_dashboard.html
View File

@ -15,7 +15,7 @@
{% elif request.is_inventory and not request.is_dealer and not request.is_manager %}
{% trans "Inventory Dashboard" %}
{% else %}
{% trans "Manager Dashboard" %}
{% trans "Manager Dashboard" %}
{% endif %}
<i class="fas fa-chart-area text-primary ms-2"></i>
</h2>
@ -49,10 +49,10 @@
<div class="row g-4 mb-5">{% include 'dashboards/partials//financial_data_cards.html' %}</div>
<div class="row g-4 mb-5">{% include 'dashboards/partials/chart.html' %}</div>
</div>
{% endblock content %}
{% block customJS %}
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
// Define a color palette that aligns with the Phoenix template
const primaryColor = '#7249b6';
@ -60,18 +60,18 @@
const successColor = '#00d074';
const dangerColor = '#e63757';
const chartColors = [
'#7249b6', '#00d074', '#e63757', '#17a2b8', '#ffc107',
'#8193a6', '#28a745', '#6c757d', '#fd7e14', '#dc3545',
'#20c997', '#6f42c1', '#e83e8c', '#6610f2', '#007bff',
'#495057', '#0d6efd', '#6610f2', '#6f42c1', '#d63384',
'#dc3545', '#fd7e14', '#ffc107', '#198754', '#20c997',
'#0dcaf0', '#0d6efd', '#6c757d', '#adb5bd', '#6c757d',
'#5a5c69', '#36b9cc', '#1cc88a', '#f6c23e', '#e74a3b',
'#858796', '#f8f9fc', '#2c9faf', '#4e73df', '#845ef2',
'#39e6a9', '#4d4f79', '#9f1d35', '#2a5a5b', '#f77f00',
'#3282b8', '#00bcd4', '#009688', '#4caf50', '#8bc34a',
'#ffeb3b', '#ff9800', '#ff5722', '#795548', '#9e9e9e'
];
'#7249b6', '#00d074', '#e63757', '#17a2b8', '#ffc107',
'#8193a6', '#28a745', '#6c757d', '#fd7e14', '#dc3545',
'#20c997', '#6f42c1', '#e83e8c', '#6610f2', '#007bff',
'#495057', '#0d6efd', '#6610f2', '#6f42c1', '#d63384',
'#dc3545', '#fd7e14', '#ffc107', '#198754', '#20c997',
'#0dcaf0', '#0d6efd', '#6c757d', '#adb5bd', '#6c757d',
'#5a5c69', '#36b9cc', '#1cc88a', '#f6c23e', '#e74a3b',
'#858796', '#f8f9fc', '#2c9faf', '#4e73df', '#845ef2',
'#39e6a9', '#4d4f79', '#9f1d35', '#2a5a5b', '#f77f00',
'#3282b8', '#00bcd4', '#009688', '#4caf50', '#8bc34a',
'#ffeb3b', '#ff9800', '#ff5722', '#795548', '#9e9e9e'
];
// Pass translated strings from Django to JavaScript
const translatedStrings = {
@ -97,7 +97,7 @@
cars: "{% trans 'cars' %}"
};
function getChartColors(count) {
function getChartColors(count) {
const colors = [];
for (let i = 0; i < count; i++) {
colors.push(chartColors[i % chartColors.length]);
@ -107,334 +107,334 @@
// Monthly Cars Sold (Bar Chart)
{% if request.is_dealer or request.is_manager or request.is_accountant %}
const ctx1 = document.getElementById('CarsSoldByMonthChart').getContext('2d');
new Chart(ctx1, {
type: 'bar',
data: {
labels: [
translatedStrings.jan, translatedStrings.feb, translatedStrings.mar, translatedStrings.apr,
translatedStrings.may, translatedStrings.jun, translatedStrings.jul, translatedStrings.aug,
translatedStrings.sep, translatedStrings.oct, translatedStrings.nov, translatedStrings.dec
],
datasets: [{
label: translatedStrings.monthlyCarsSoldLabel,
data: {{ monthly_cars_sold_json|safe }},
backgroundColor: primaryColor,
borderColor: primaryColor,
borderWidth: 1,
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: { display: false }
{% if request.is_dealer or request.is_manager or request.is_accountant %}
const ctx1 = document.getElementById('CarsSoldByMonthChart').getContext('2d');
new Chart(ctx1, {
type: 'bar',
data: {
labels: [
translatedStrings.jan, translatedStrings.feb, translatedStrings.mar, translatedStrings.apr,
translatedStrings.may, translatedStrings.jun, translatedStrings.jul, translatedStrings.aug,
translatedStrings.sep, translatedStrings.oct, translatedStrings.nov, translatedStrings.dec
],
datasets: [{
label: translatedStrings.monthlyCarsSoldLabel,
data: {{ monthly_cars_sold_json|safe }},
backgroundColor: primaryColor,
borderColor: primaryColor,
borderWidth: 1,
}]
},
scales: {
y: {
beginAtZero: true,
grid: { color: 'rgba(0, 0, 0, 0.05)' },
ticks: {
color: secondaryColor,
callback: function(value) {
if (Number.isInteger(value)) {
return value;
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: { display: false }
},
scales: {
y: {
beginAtZero: true,
grid: { color: 'rgba(0, 0, 0, 0.05)' },
ticks: {
color: secondaryColor,
callback: function(value) {
if (Number.isInteger(value)) {
return value;
}
}
}
},
x: {
grid: { display: false },
ticks: { color: secondaryColor }
}
},
x: {
grid: { display: false },
ticks: { color: secondaryColor }
}
}
}
});
});
// Monthly Revenue & Profit (Line Chart)
const ctx2 = document.getElementById('revenueProfitChart').getContext('2d');
new Chart(ctx2, {
type: 'line',
data: {
labels: [
translatedStrings.jan, translatedStrings.feb, translatedStrings.mar, translatedStrings.apr,
translatedStrings.may, translatedStrings.jun, translatedStrings.jul, translatedStrings.aug,
translatedStrings.sep, translatedStrings.oct, translatedStrings.nov, translatedStrings.dec
],
datasets: [
{
label: translatedStrings.monthlyRevenueLabel,
data: {{ monthly_revenue_json|safe }},
borderColor: primaryColor,
backgroundColor: 'rgba(114, 73, 182, 0.1)', // Using primaryColor with transparency
tension: 0.4,
fill: true,
pointBackgroundColor: primaryColor,
pointRadius: 5,
pointHoverRadius: 8
},
{
label: translatedStrings.monthlyNetProfitLabel,
data: {{ monthly_net_profit_json|safe }},
borderColor: successColor,
backgroundColor: 'rgba(0, 208, 116, 0.1)', // Using successColor with transparency
tension: 0.4,
fill: true,
pointBackgroundColor: successColor,
pointRadius: 5,
pointHoverRadius: 8
}
]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
display: true,
labels: { boxWidth: 20 }
},
tooltip: {
backgroundColor: 'rgba(33, 37, 41, 0.9)',
titleColor: 'white',
bodyColor: 'white',
padding: 10,
callbacks: {
label: function(context) {
let label = context.dataset.label || '';
if (label) {
label += ': ';
}
if (context.parsed.y !== null) {
label += new Intl.NumberFormat('en-US', { style: 'currency', currency: 'SAR' }).format(context.parsed.y);
}
return label;
}
const ctx2 = document.getElementById('revenueProfitChart').getContext('2d');
new Chart(ctx2, {
type: 'line',
data: {
labels: [
translatedStrings.jan, translatedStrings.feb, translatedStrings.mar, translatedStrings.apr,
translatedStrings.may, translatedStrings.jun, translatedStrings.jul, translatedStrings.aug,
translatedStrings.sep, translatedStrings.oct, translatedStrings.nov, translatedStrings.dec
],
datasets: [
{
label: translatedStrings.monthlyRevenueLabel,
data: {{ monthly_revenue_json|safe }},
borderColor: primaryColor,
backgroundColor: 'rgba(114, 73, 182, 0.1)', // Using primaryColor with transparency
tension: 0.4,
fill: true,
pointBackgroundColor: primaryColor,
pointRadius: 5,
pointHoverRadius: 8
},
{
label: translatedStrings.monthlyNetProfitLabel,
data: {{ monthly_net_profit_json|safe }},
borderColor: successColor,
backgroundColor: 'rgba(0, 208, 116, 0.1)', // Using successColor with transparency
tension: 0.4,
fill: true,
pointBackgroundColor: successColor,
pointRadius: 5,
pointHoverRadius: 8
}
}
]
},
scales: {
x: {
grid: { color: 'rgba(0, 0, 0, 0.05)' },
ticks: { color: secondaryColor },
border: { color: secondaryColor }
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
display: true,
labels: { boxWidth: 20 }
},
tooltip: {
backgroundColor: 'rgba(33, 37, 41, 0.9)',
titleColor: 'white',
bodyColor: 'white',
padding: 10,
callbacks: {
label: function(context) {
let label = context.dataset.label || '';
if (label) {
label += ': ';
}
if (context.parsed.y !== null) {
label += new Intl.NumberFormat('en-US', { style: 'currency', currency: 'SAR' }).format(context.parsed.y);
}
return label;
}
}
}
},
y: {
grid: { color: 'rgba(0, 0, 0, 0.05)' },
ticks: { color: secondaryColor },
border: { color: secondaryColor }
scales: {
x: {
grid: { color: 'rgba(0, 0, 0, 0.05)' },
ticks: { color: secondaryColor },
border: { color: secondaryColor }
},
y: {
grid: { color: 'rgba(0, 0, 0, 0.05)' },
ticks: { color: secondaryColor },
border: { color: secondaryColor }
}
}
}
}
});
// Sales by Make (Pie Chart)
});
const ctx3 = document.getElementById('salesByBrandChart').getContext('2d');
new Chart(ctx3, {
type: 'pie',
data: {
labels: {{ sales_by_make_labels_json|safe }},
datasets: [{
label: translatedStrings.salesByMakeLabel,
data: {{ sales_by_make_counts_json|safe }},
backgroundColor: getChartColors({{ sales_by_make_counts_json|safe }}.length),
hoverOffset: 15,
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'right',
labels: { font: { size: 14 } }
},
tooltip: {
backgroundColor: 'rgba(33, 37, 41, 0.9)',
titleColor: '#fff',
bodyColor: '#fff',
callbacks: {
label: function(context) {
const label = context.label || '';
const value = context.parsed || 0;
const total = context.dataset.data.reduce((a, b) => a + b, 0);
const percentage = ((value / total) * 100).toFixed(2);
return `${label}: ${value} ${translatedStrings.cars} (${percentage}%)`;
// Sales by Make (Pie Chart)
const ctx3 = document.getElementById('salesByBrandChart').getContext('2d');
new Chart(ctx3, {
type: 'pie',
data: {
labels: {{ sales_by_make_labels_json|safe }},
datasets: [{
label: translatedStrings.salesByMakeLabel,
data: {{ sales_by_make_counts_json|safe }},
backgroundColor: getChartColors({{ sales_by_make_counts_json|safe }}.length),
hoverOffset: 15,
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'right',
labels: { font: { size: 14 } }
},
tooltip: {
backgroundColor: 'rgba(33, 37, 41, 0.9)',
titleColor: '#fff',
bodyColor: '#fff',
callbacks: {
label: function(context) {
const label = context.label || '';
const value = context.parsed || 0;
const total = context.dataset.data.reduce((a, b) => a + b, 0);
const percentage = ((value / total) * 100).toFixed(2);
return `${label}: ${value} ${translatedStrings.cars} (${percentage}%)`;
}
}
}
}
}
}
});
});
// -----------------------------------------------------------
// 4. Sales by Model (Bar Chart)
// -----------------------------------------------------------
const salesDataByModel = JSON.parse('{{ sales_data_by_model_json|safe }}');
const canvasElementSales = document.getElementById('salesChartByModel');
let chartInstanceSales = null;
const salesDataByModel = JSON.parse('{{ sales_data_by_model_json|safe }}');
const canvasElementSales = document.getElementById('salesChartByModel');
let chartInstanceSales = null;
if (salesDataByModel.length > 0) {
const labels = salesDataByModel.map(item => item.id_car_model__name);
const counts = salesDataByModel.map(item => item.count);
const backgroundColor = labels.map((_, index) => getChartColors(labels.length)[index]);
if (salesDataByModel.length > 0) {
const labels = salesDataByModel.map(item => item.id_car_model__name);
const counts = salesDataByModel.map(item => item.count);
const backgroundColor = labels.map((_, index) => getChartColors(labels.length)[index]);
chartInstanceSales = new Chart(canvasElementSales, {
type: 'bar',
chartInstanceSales = new Chart(canvasElementSales, {
type: 'bar',
data: {
labels: labels,
datasets: [{
label: `${translatedStrings.salesByModelPrefix} {{ selected_make_sales }}`,
data: counts,
backgroundColor: backgroundColor,
borderColor: backgroundColor,
borderWidth: 1
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
ticks: {
callback: function(value) {
if (Number.isInteger(value)) {
return value;
}
}
}
}
},
plugins: {
tooltip: {
callbacks: {
label: function(context) {
let label = context.dataset.label || '';
if (label) {
label += ': ';
}
label += Math.round(context.parsed.y);
return label;
}
}
}
}
}
});
}
{% endif %}
// -----------------------------------------------------------
// 5. Inventory by Make (Pie Chart)
// -----------------------------------------------------------
{% if request.is_dealer or request.is_manager or request.is_inventory %}
const ctxInventoryMake = document.getElementById('inventoryByMakeChart').getContext('2d');
new Chart(ctxInventoryMake, {
type: 'pie',
data: {
labels: labels,
labels: {{ inventory_by_make_labels_json|safe }},
datasets: [{
label: `${translatedStrings.salesByModelPrefix} {{ selected_make_sales }}`,
data: counts,
backgroundColor: backgroundColor,
borderColor: backgroundColor,
borderWidth: 1
label: translatedStrings.inventoryByMakeLabel,
data: {{ inventory_by_make_counts_json|safe }},
backgroundColor: getChartColors({{ inventory_by_make_counts_json|safe }}.length),
hoverOffset: 15,
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
ticks: {
callback: function(value) {
if (Number.isInteger(value)) {
return value;
}
}
}
}
},
plugins: {
legend: {
position: 'right',
labels: { font: { size: 14 } }
},
tooltip: {
backgroundColor: 'rgba(33, 37, 41, 0.9)',
titleColor: '#fff',
bodyColor: '#fff',
callbacks: {
label: function(context) {
let label = context.dataset.label || '';
if (label) {
label += ': ';
}
label += Math.round(context.parsed.y);
return label;
const label = context.label || '';
const value = context.parsed || 0;
const total = context.dataset.data.reduce((a, b) => a + b, 0);
const percentage = ((value / total) * 100).toFixed(2);
return `${label}: ${value} ${translatedStrings.cars} (${percentage}%)`;
}
}
}
}
}
});
}
{% endif %}
// -----------------------------------------------------------
// 5. Inventory by Make (Pie Chart)
// -----------------------------------------------------------
{% if request.is_dealer or request.is_manager or request.is_inventory %}
const ctxInventoryMake = document.getElementById('inventoryByMakeChart').getContext('2d');
new Chart(ctxInventoryMake, {
type: 'pie',
data: {
labels: {{ inventory_by_make_labels_json|safe }},
datasets: [{
label: translatedStrings.inventoryByMakeLabel,
data: {{ inventory_by_make_counts_json|safe }},
backgroundColor: getChartColors({{ inventory_by_make_counts_json|safe }}.length),
hoverOffset: 15,
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'right',
labels: { font: { size: 14 } }
},
tooltip: {
backgroundColor: 'rgba(33, 37, 41, 0.9)',
titleColor: '#fff',
bodyColor: '#fff',
callbacks: {
label: function(context) {
const label = context.label || '';
const value = context.parsed || 0;
const total = context.dataset.data.reduce((a, b) => a + b, 0);
const percentage = ((value / total) * 100).toFixed(2);
return `${label}: ${value} ${translatedStrings.cars} (${percentage}%)`;
}
}
}
}
}
});
// -----------------------------------------------------------
// 6. Inventory by Model (Bar Chart)
// -----------------------------------------------------------
const inventoryDataByModel = JSON.parse('{{ inventory_data_by_model_json|safe }}');
const canvasInventoryModel = document.getElementById('inventoryByModelChart');
const messageInventoryModel = document.getElementById('inventoryByModelMessage');
const inventoryDataByModel = JSON.parse('{{ inventory_data_by_model_json|safe }}');
const canvasInventoryModel = document.getElementById('inventoryByModelChart');
const messageInventoryModel = document.getElementById('inventoryByModelMessage');
if (inventoryDataByModel.length > 0) {
canvasInventoryModel.style.display = 'block';
if (messageInventoryModel) {
messageInventoryModel.style.display = 'none';
}
if (inventoryDataByModel.length > 0) {
canvasInventoryModel.style.display = 'block';
if (messageInventoryModel) {
messageInventoryModel.style.display = 'none';
}
const labels = inventoryDataByModel.map(item => item.id_car_model__name);
const counts = inventoryDataByModel.map(item => item.count);
const backgroundColor = getChartColors(labels.length);
const labels = inventoryDataByModel.map(item => item.id_car_model__name);
const counts = inventoryDataByModel.map(item => item.count);
const backgroundColor = getChartColors(labels.length);
new Chart(canvasInventoryModel, {
type: 'bar',
data: {
labels: labels,
datasets: [{
label: translatedStrings.inventoryByModelLabel,
data: counts,
backgroundColor: backgroundColor,
borderColor: backgroundColor,
borderWidth: 1
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
ticks: {
callback: function(value) {
if (Number.isInteger(value)) {
return value;
new Chart(canvasInventoryModel, {
type: 'bar',
data: {
labels: labels,
datasets: [{
label: translatedStrings.inventoryByModelLabel,
data: counts,
backgroundColor: backgroundColor,
borderColor: backgroundColor,
borderWidth: 1
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
ticks: {
callback: function(value) {
if (Number.isInteger(value)) {
return value;
}
}
}
}
}
},
plugins: {
tooltip: {
callbacks: {
label: function(context) {
let label = context.dataset.label || '';
if (label) {
label += ': ';
},
plugins: {
tooltip: {
callbacks: {
label: function(context) {
let label = context.dataset.label || '';
if (label) {
label += ': ';
}
label += Math.round(context.parsed.y);
return label;
}
label += Math.round(context.parsed.y);
return label;
}
}
}
}
});
} else {
canvasInventoryModel.style.display = 'none';
if (messageInventoryModel) {
messageInventoryModel.style.display = 'flex';
}
});
} else {
canvasInventoryModel.style.display = 'none';
if (messageInventoryModel) {
messageInventoryModel.style.display = 'flex';
}
}
{% endif %}
</script>
{% endblock %}

14
templates/dashboards/partials/chart.html
View File

@ -64,13 +64,13 @@
</form>
</div>
{%if selected_make_sales%}
<div class="card-body" style="height: 400px;">
<canvas id="salesChartByModel"></canvas>
</div>
<div class="card-body" style="height: 400px;">
<canvas id="salesChartByModel"></canvas>
</div>
{% else %}
<div class="card-body" style="height: 400px;">
<p class="ms-2">{% trans "Please Select a Make from above to see the Statistics" %}</p>
</div>
<div class="card-body" style="height: 400px;">
<p class="ms-2">{% trans "Please Select a Make from above to see the Statistics" %}</p>
</div>
{% endif %}
</div>
</div>
@ -126,4 +126,4 @@
</div>
</div>
{% endif %}
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

10
templates/dashboards/partials/financial_data_cards.html
View File

@ -303,15 +303,15 @@
<div class="card h-100 shadow-sm border-0">
<div class="card-body p-4">
<p class="text-uppercase text-muted fw-bold small mb-1">{% trans "Gross Profit" %}</p>
{% if gross_profit|is_negative %}
<h4 class="fw-bolder text-danger mb-3">
{{ gross_profit|floatformat:'2g' }}<span class="icon-saudi_riyal"></span>
{{ gross_profit|floatformat:'2g' }}<span class="icon-saudi_riyal"></span>
</h4>
{% else %}
<h4 class="fw-bolder text-success mb-3">
{{ gross_profit|floatformat:'2g' }}<span class="icon-saudi_riyal"></span>
</h4>
<h4 class="fw-bolder text-success mb-3">
{{ gross_profit|floatformat:'2g' }}<span class="icon-saudi_riyal"></span>
</h4>
{% endif %}
</div>
</div>

2
templates/dashboards/sales_dashboard.html
View File

@ -1,7 +1,7 @@
{% extends 'base.html' %}
{% load i18n %}
{% block title %}
{% trans "Sales Dashboard" %}
{% trans "Sales Dashboard" %}
{% endblock %}
{% block content %}
<div class="main-content flex-grow-1 container-fluid mt-4 mb-3">

4
templates/dealers/activity_log.html
View File

@ -35,8 +35,8 @@
<p class="fs-9 mb-0">{{ log.action }}</p>
</div>
</div>
</div>
<div class="border-bottom border-translucent py-4">{% endfor %}</div>
</div>
<div class="border-bottom border-translucent py-4">{% endfor %}</div>
</div>
</div>
</div>

96
templates/dealers/dealer_detail.html
View File

@ -150,31 +150,31 @@
<div class="d-flex align-items-center justify-content-between mb-3">
<h3 class="mb-0">{{ dealer.user.userplan.plan|capfirst }}</h3>
{% if dealer.user.userplan and not dealer.user.userplan.is_expired %}
<span class="badge bg-success-subtle text-success">{{ _("Active") }}</span>
<span class="badge bg-success-subtle text-success">{{ _("Active") }}</span>
{% elif dealer.user.userplan and dealer.user.userplan.is_expired %}
<span class="badge bg-danger-subtle text-danger">{{ _("Expired") }}</span>
<span class="badge bg-danger-subtle text-danger">{{ _("Expired") }}</span>
{% else %}
<span class="badge bg-warning-subtle text-warning">{{ _("No Active Plan") }}</span>
<span class="badge bg-warning-subtle text-warning">{{ _("No Active Plan") }}</span>
{% endif %}
</div>
<p class="fs-9 text-body-secondary">
{% if dealer.user.userplan and not dealer.user.userplan.is_expired %}
{% trans 'Active until' %}: {{ dealer.user.userplan.expire }} &nbsp; <small>{% trans 'Days left' %}: {{ dealer.user.userplan.days_left }}</small>
{% trans 'Active until' %}: {{ dealer.user.userplan.expire }} &nbsp; <small>{% trans 'Days left' %}: {{ dealer.user.userplan.days_left }}</small>
{% else %}
{% trans 'Please subscribe or renew your plan to continue using our services.' %}
{% trans 'Please subscribe or renew your plan to continue using our services.' %}
{% endif %}
</p>
<div class="d-flex align-items-end mb-3">
<h4 class="fw-bolder me-1">
{{ dealer.user.userplan.plan.planpricing_set.first.price }} <span class="icon-saudi_riyal"></span>
{{ dealer.user.userplan.plan.planpricing_set.first.price }} <span class="icon-saudi_riyal"></span>
</h4>
</div>
<ul class="list-unstyled mb-4">
{% for line in dealer.user.userplan.plan.description|splitlines %}
<li class="d-flex align-items-center mb-1">
<span class="uil uil-check-circle text-success me-2"></span>
<span class="text-body-secondary">{{ line }}</span>
</li>
<li class="d-flex align-items-center mb-1">
<span class="uil uil-check-circle text-success me-2"></span>
<span class="text-body-secondary">{{ line }}</span>
</li>
{% endfor %}
</ul>
{% comment %} <div class="d-flex justify-content-end gap-2">
@ -189,16 +189,16 @@
{% endif %}
</div> {% endcomment %}
<div class="d-flex justify-content-end gap-2">
{% if not dealer.user.userplan %}
<a href="{% url 'pricing_page' request.dealer.slug %}"
class="btn btn-outline-primary"><span class="fas fa-cart-plus me-2"></span>{{ _("Subscribe Now") }}</a>
{% elif dealer.user.userplan.is_expired %}
<a href="{% url 'pricing_page' request.dealer.slug %}"
class="btn btn-outline-warning"><span class="fas fa-redo-alt me-2"></span>{{ _("Renew") }}</a>
{% elif dealer.user.userplan.plan.name != "Enterprise" %}
<a href="{% url 'pricing_page' request.dealer.slug %}"
class="btn btn-outline-primary"><span class="fas fa-rocket me-2"></span>{{ _("Upgrade Plan") }}</a>
{% endif %}
{% if not dealer.user.userplan %}
<a href="{% url 'pricing_page' request.dealer.slug %}"
class="btn btn-outline-primary"><span class="fas fa-cart-plus me-2"></span>{{ _("Subscribe Now") }}</a>
{% elif dealer.user.userplan.is_expired %}
<a href="{% url 'pricing_page' request.dealer.slug %}"
class="btn btn-outline-warning"><span class="fas fa-redo-alt me-2"></span>{{ _("Renew") }}</a>
{% elif dealer.user.userplan.plan.name != "Enterprise" %}
<a href="{% url 'pricing_page' request.dealer.slug %}"
class="btn btn-outline-primary"><span class="fas fa-rocket me-2"></span>{{ _("Upgrade Plan") }}</a>
{% endif %}
</div>
</div>
</div>
@ -220,7 +220,7 @@
aria-valuemax="100"></div>
</div>
<div class="d-flex justify-content-between text-body-secondary fs-9 mt-2">
<span>{{ _("Used") }}: {{ dealer.staff_count }}</span>
<span>{{ _("Used") }}: {{ dealer.staff_count }}</span>
</div>
</div>
@ -235,7 +235,7 @@
aria-valuemax="100"></div>
</div>
<div class="d-flex justify-content-between text-body-secondary fs-9 mt-2">
<span>{{ _("Used") }}: {{ cars_count }}</span>
<span>{{ _("Used") }}: {{ cars_count }}</span>
</div>
</div>
@ -257,22 +257,22 @@
<div class="d-flex align-items-center mb-3">
<span class="fas fa-location-dot me-3 text-primary"></span>
<div>
<h6 class="mb-0">{% trans 'Address' %}</h6>
<p class="mb-0 text-body-secondary">{{ dealer.address }}</p>
<h6 class="mb-0">{% trans 'Address' %}</h6>
<p class="mb-0 text-body-secondary">{{ dealer.address }}</p>
</div>
</div>
<div class="d-flex align-items-center mb-3">
<span class="fas fa-envelope me-3 text-info"></span>
<div>
<h6 class="mb-0">{% trans 'Email' %}</h6>
<p class="mb-0 text-body-secondary">{{ dealer.user.email }}</p>
<h6 class="mb-0">{% trans 'Email' %}</h6>
<p class="mb-0 text-body-secondary">{{ dealer.user.email }}</p>
</div>
</div>
<div class="d-flex align-items-center">
<span class="fas fa-phone me-3 text-success"></span>
<div>
<h6 class="mb-0">{% trans 'Phone' %}</h6>
<p class="mb-0 text-body-secondary" dir="ltr">{{ dealer.phone_number }}</p>
<h6 class="mb-0">{% trans 'Phone' %}</h6>
<p class="mb-0 text-body-secondary" dir="ltr">{{ dealer.phone_number }}</p>
</div>
</div>
</div>
@ -284,11 +284,11 @@
<h5 class="mb-3">{{ _("VAT Information") }}</h5>
<form action="{% url 'dealer_vat_rate_update' request.dealer.slug %}"
method="post">
{% csrf_token %}
{{ vatform|crispy }}
<button class="btn btn-phoenix-primary mt-3" type="submit">
<i class="fa-solid fa-pen-to-square me-1"></i>{% trans 'Update VAT' %}
</button>
{% csrf_token %}
{{ vatform|crispy }}
<button class="btn btn-phoenix-primary mt-3" type="submit">
<i class="fa-solid fa-pen-to-square me-1"></i>{% trans 'Update VAT' %}
</button>
</form>
</div>
</div>
@ -303,21 +303,21 @@
<div class="card-body">
<h5 class="mb-4">{{ _("Makes you are selling") }}</h5>
<div class="d-flex flex-wrap gap-3 mb-4">
{% for make in car_makes %}
<div class="text-center p-2 border rounded-3">
{% if make.logo %}
<img src="{{ make.logo.url }}"
alt="{{ make.get_local_name }}"
class="rounded"
style="height: 48px;
width: auto;
background-color:white" />
{% endif %}
<p class="fs-8 text-body-secondary mt-1 mb-0">{{ make.get_local_name }}</p>
</div>
{% empty %}
<p class="text-body-secondary">{{ _("No car makes selected.") }}</p>
{% endfor %}
{% for make in car_makes %}
<div class="text-center p-2 border rounded-3">
{% if make.logo %}
<img src="{{ make.logo.url }}"
alt="{{ make.get_local_name }}"
class="rounded"
style="height: 48px;
width: auto;
background-color:white" />
{% endif %}
<p class="fs-8 text-body-secondary mt-1 mb-0">{{ make.get_local_name }}</p>
</div>
{% empty %}
<p class="text-body-secondary">{{ _("No car makes selected.") }}</p>
{% endfor %}
</div>
<a class="btn btn-phoenix-warning"
href="{% url 'assign_car_makes' request.dealer.slug %}"><span class="fas fa-plus me-2"></span>{{ _("Select Makes") }}</a>

10
templates/dealers/dealer_form.html
View File

@ -15,11 +15,11 @@
</h3>
</div>
<div class="card-body p-4 p-md-5">
<form
method="post"
enctype="multipart/form-data"
class="needs-validation"
novalidate>
<form
method="post"
enctype="multipart/form-data"
class="needs-validation"
novalidate>
{% csrf_token %}
{{ form|crispy }}
<hr class="my-4">

168
templates/email_sender/thank_you_email.html
View File

@ -233,111 +233,111 @@
</p>
</td>
<tr>{% endif %}</tr>
<tr>
<td align="left"
valign="top"
style="font-family: Open Sans, Helvetica, Arial, sans-serif;
padding-top: 0">
<h3>{% trans "Account Information" %}</h3>
<div style="color: #000000; font-size: 14px; line-height: 24px;">
<ul>
{% for key, value in account_details.items %}<li>{{ key }}: {{ value }}</li>{% endfor %}
</ul>
</div>
</td>
</tr>
{% endif %}
{% if more_details %}
<tr>
<td align="left"
valign="top"
style="font-family: Open Sans, Helvetica, Arial, sans-serif;
padding-top: 0">
<h3>{% trans "Appointment Details" %}</h3>
<div style="color: #000000; font-size: 14px; line-height: 24px;">
<ul>
{% for key, value in more_details.items %}<li>{{ key }}: {{ value }}</li>{% endfor %}
</ul>
</div>
</td>
</tr>
{% endif %}
{% if reschedule_link %}
<tr>
<td align="left"
valign="top"
style="padding: 0;
font-family: Open Sans, Helvetica, Arial, sans-serif">
<h3>{% trans 'Rescheduling' %}</h3>
<p style="margin-top: 15px !important; font-size: 14px">
{% translate 'If your plans change and you need to reschedule your appointment, you can easily do so by following this link: ' %}
<a href="{{ reschedule_link }}">{% translate 'Reschedule Appointment' %}</a>
</p>
</td>
</tr>
{% endif %}
<tr>
<td align="left"
valign="top"
style="font-family: Open Sans, Helvetica, Arial, sans-serif;
padding-top: 0">
<h3>{% trans "Account Information" %}</h3>
<div style="color: #000000; font-size: 14px; line-height: 24px;">
<ul>
{% for key, value in account_details.items %}<li>{{ key }}: {{ value }}</li>{% endfor %}
</ul>
</div>
</td>
</tr>
{% endif %}
{% if more_details %}
<tr>
<td align="left"
valign="top"
style="font-family: Open Sans, Helvetica, Arial, sans-serif;
padding-top: 0">
<h3>{% trans "Appointment Details" %}</h3>
<div style="color: #000000; font-size: 14px; line-height: 24px;">
<ul>
{% for key, value in more_details.items %}<li>{{ key }}: {{ value }}</li>{% endfor %}
</ul>
</div>
</td>
</tr>
{% endif %}
{% if reschedule_link %}
<tr>
<td align="left"
valign="top"
style="padding: 0;
font-family: Open Sans, Helvetica, Arial, sans-serif">
<h3>{% trans 'Support' %}</h3>
<h3>{% trans 'Rescheduling' %}</h3>
<p style="margin-top: 15px !important; font-size: 14px">
{% blocktranslate %}
{% translate 'If your plans change and you need to reschedule your appointment, you can easily do so by following this link: ' %}
<a href="{{ reschedule_link }}">{% translate 'Reschedule Appointment' %}</a>
</p>
</td>
</tr>
{% endif %}
<tr>
<td align="left"
valign="top"
style="padding: 0;
font-family: Open Sans, Helvetica, Arial, sans-serif">
<h3>{% trans 'Support' %}</h3>
<p style="margin-top: 15px !important; font-size: 14px">
{% blocktranslate %}
Should you have any inquiries or require further assistance, our support team is here to
help. You can reach us anytime.
{% endblocktranslate %}
</p>
<p style="margin-top: 15px !important; font-size: 14px">
{% trans "We look forward to serving you and ensuring that your experience with us is both rewarding and satisfactory." %}
</p>
<p style="margin-top: 15px !important; font-size: 14px">{% trans "Warm regards" %},</p>
<p style="margin-top: 15px !important; font-size: 14px">{% trans "The Team" %}</p>
</td>
</tr>
</table>
</p>
<p style="margin-top: 15px !important; font-size: 14px">
{% trans "We look forward to serving you and ensuring that your experience with us is both rewarding and satisfactory." %}
</p>
<p style="margin-top: 15px !important; font-size: 14px">{% trans "Warm regards" %},</p>
<p style="margin-top: 15px !important; font-size: 14px">{% trans "The Team" %}</p>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td align="center"
height="100%"
valign="top"
width="100%"
bgcolor="#f6f6f6"
style="padding: 40px 15px">
</td>
</tr>
<tr>
<td align="center"
height="100%"
valign="top"
width="100%"
bgcolor="#f6f6f6"
style="padding: 40px 15px">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td align="center" valign="top" width="600">
<![endif]-->
<table align="center"
border="0"
cellpadding="0"
cellspacing="0"
width="100%"
style="max-width:600px">
<tr>
<td align="center"
valign="top"
style="padding: 0;
font-family: Open Sans, Helvetica, Arial, sans-serif;
color: #999999">
&copy; {{ current_year }} {{ company }}. {% trans "All rights reserved" %}.
</td>
</tr>
</table>
<table align="center"
border="0"
cellpadding="0"
cellspacing="0"
width="100%"
style="max-width:600px">
<tr>
<td align="center"
valign="top"
style="padding: 0;
font-family: Open Sans, Helvetica, Arial, sans-serif;
color: #999999">
&copy; {{ current_year }} {{ company }}. {% trans "All rights reserved" %}.
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</body>
</html>
</td>
</tr>
</table>
</body>
</html>

784
templates/errors/404.html
View File

@ -159,415 +159,415 @@
<p class="mb-0 fw-semibold fs-9">I need help with something</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">I can’t reorder a product I previously ordered</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">How do I place an order?</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="false d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">My payment method not working</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a>
</div>
<div class="text-center mt-auto">
<div class="avatar avatar-3xl status-online">
<img class="rounded-circle border border-3 border-light-subtle"
src="../../web_assets/img/team/30.webp"
alt="" />
href="#!">
<p class="mb-0 fw-semibold fs-9">I can’t reorder a product I previously ordered</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">How do I place an order?</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="false d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">My payment method not working</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a>
</div>
<div class="text-center mt-auto">
<div class="avatar avatar-3xl status-online">
<img class="rounded-circle border border-3 border-light-subtle"
src="../../web_assets/img/team/30.webp"
alt="" />
</div>
<h5 class="mt-2 mb-3">Eric</h5>
<p class="text-center text-body-emphasis mb-0">
Ask us anything – we’ll get back to you here or by email within 24 hours.
</p>
</div>
</div>
</div>
<div class="card-footer d-flex align-items-center gap-2 border-top border-translucent ps-3 pe-4 py-3">
<div class="d-flex align-items-center flex-1 gap-3 border border-translucent rounded-pill px-4">
<input class="form-control outline-none border-0 flex-1 fs-9 px-0"
type="text"
placeholder="Write message" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatPhotos">
<span class="fa-solid fa-image"></span>
</label>
<input class="d-none" type="file" accept="image/*" id="supportChatPhotos" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatAttachment">
<span class="fa-solid fa-paperclip"></span>
</label>
<input class="d-none" type="file" id="supportChatAttachment" />
</div>
<button class="btn p-0 border-0 send-btn">
<span class="fa-solid fa-paper-plane fs-9"></span>
</button>
</div>
<h5 class="mt-2 mb-3">Eric</h5>
<p class="text-center text-body-emphasis mb-0">
Ask us anything – we’ll get back to you here or by email within 24 hours.
</p>
</div>
</div>
</div>
<div class="card-footer d-flex align-items-center gap-2 border-top border-translucent ps-3 pe-4 py-3">
<div class="d-flex align-items-center flex-1 gap-3 border border-translucent rounded-pill px-4">
<input class="form-control outline-none border-0 flex-1 fs-9 px-0"
type="text"
placeholder="Write message" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatPhotos">
<span class="fa-solid fa-image"></span>
</label>
<input class="d-none" type="file" accept="image/*" id="supportChatPhotos" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatAttachment">
<span class="fa-solid fa-paperclip"></span>
</label>
<input class="d-none" type="file" id="supportChatAttachment" />
</div>
<button class="btn p-0 border-0 send-btn">
<span class="fa-solid fa-paper-plane fs-9"></span>
<button class="btn btn-support-chat p-0 border border-translucent">
<span class="fs-8 btn-text text-primary text-nowrap">Chat demo</span><span class="ping-icon-wrapper mt-n4 ms-n6 mt-sm-0 ms-sm-2 position-absolute position-sm-relative"><span class="ping-icon-bg"></span><span class="fa-solid fa-circle ping-icon"></span></span><span class="fa-solid fa-headset text-primary fs-8 d-sm-none"></span><span class="fa-solid fa-chevron-down text-primary fs-7"></span>
</button>
</div>
</div>
</div>
<button class="btn btn-support-chat p-0 border border-translucent">
<span class="fs-8 btn-text text-primary text-nowrap">Chat demo</span><span class="ping-icon-wrapper mt-n4 ms-n6 mt-sm-0 ms-sm-2 position-absolute position-sm-relative"><span class="ping-icon-bg"></span><span class="fa-solid fa-circle ping-icon"></span></span><span class="fa-solid fa-headset text-primary fs-8 d-sm-none"></span><span class="fa-solid fa-chevron-down text-primary fs-7"></span>
</button>
</div>
</main>
</main>
<!-- ===============================================-->
<!-- End of Main Content-->
<!-- ===============================================-->
<div class="offcanvas offcanvas-end settings-panel border-0"
id="settings-offcanvas"
tabindex="-1"
aria-labelledby="settings-offcanvas">
<div class="offcanvas-header align-items-start border-bottom flex-column border-translucent">
<div class="pt-1 w-100 mb-6 d-flex justify-content-between align-items-start">
<div>
<h5 class="mb-2 me-2 lh-sm">
<span class="fas fa-palette me-2 fs-8"></span>Theme Customizer
</h5>
<p class="mb-0 fs-9">Explore different styles according to your preferences</p>
<div class="offcanvas offcanvas-end settings-panel border-0"
id="settings-offcanvas"
tabindex="-1"
aria-labelledby="settings-offcanvas">
<div class="offcanvas-header align-items-start border-bottom flex-column border-translucent">
<div class="pt-1 w-100 mb-6 d-flex justify-content-between align-items-start">
<div>
<h5 class="mb-2 me-2 lh-sm">
<span class="fas fa-palette me-2 fs-8"></span>Theme Customizer
</h5>
<p class="mb-0 fs-9">Explore different styles according to your preferences</p>
</div>
<button class="btn p-1 fw-bolder"
type="button"
data-bs-dismiss="offcanvas"
aria-label="Close">
<span class="fas fa-times fs-8"></span>
</button>
</div>
<button class="btn btn-phoenix-secondary w-100" data-theme-control="reset">
<span class="fas fa-arrows-rotate me-2 fs-10"></span>Reset to default
</button>
</div>
<button class="btn p-1 fw-bolder"
type="button"
data-bs-dismiss="offcanvas"
aria-label="Close">
<span class="fas fa-times fs-8"></span>
</button>
</div>
<button class="btn btn-phoenix-secondary w-100" data-theme-control="reset">
<span class="fas fa-arrows-rotate me-2 fs-10"></span>Reset to default
</button>
</div>
<div class="offcanvas-body scrollbar px-card" id="themeController">
<div class="setting-panel-item mt-0">
<h5 class="setting-panel-item-title">Color Scheme</h5>
<div class="row gx-2">
<div class="col-4">
<input class="btn-check"
id="themeSwitcherLight"
name="theme-color"
type="radio"
value="light"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherLight">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/default-light.png"
alt="" />
</span><span class="label-text">Light</span>
</label>
<div class="offcanvas-body scrollbar px-card" id="themeController">
<div class="setting-panel-item mt-0">
<h5 class="setting-panel-item-title">Color Scheme</h5>
<div class="row gx-2">
<div class="col-4">
<input class="btn-check"
id="themeSwitcherLight"
name="theme-color"
type="radio"
value="light"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherLight">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/default-light.png"
alt="" />
</span><span class="label-text">Light</span>
</label>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherDark"
name="theme-color"
type="radio"
value="dark"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherDark">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Dark</span>
</label>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherAuto"
name="theme-color"
type="radio"
value="auto"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherAuto">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/auto.png"
alt="" />
</span><span class="label-text">Auto</span>
</label>
</div>
</div>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherDark"
name="theme-color"
type="radio"
value="dark"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherDark">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Dark</span>
</label>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">RTL</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixIsRTL" />
</div>
</div>
<p class="mb-0 text-body-tertiary">Change text direction</p>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherAuto"
name="theme-color"
type="radio"
value="auto"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherAuto">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/auto.png"
alt="" />
</span><span class="label-text">Auto</span>
</label>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">Support Chat</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixSupportChat" />
</div>
</div>
<p class="mb-0 text-body-tertiary">Toggle support chat</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Navigation Type</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarPositionVertical"
name="navigation-type"
type="radio"
value="vertical"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/vertical-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionVertical">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../web_assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Vertical</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionHorizontal"
name="navigation-type"
type="radio"
value="horizontal"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/horizontal-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionHorizontal">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../web_assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Horizontal</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionCombo"
name="navigation-type"
type="radio"
value="combo"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/combo-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionCombo">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/nav-combo-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../web_assets/img/generic/nav-combo-dark.png"
alt="" />
</span><span class="label-text">Combo</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionTopDouble"
name="navigation-type"
type="radio"
value="dual-nav"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/dual-nav.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionTopDouble">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/dual-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../web_assets/img/generic/dual-dark.png"
alt="" />
</span><span class="label-text">Dual nav</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Vertical Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbar-style-default"
type="radio"
name="config.name"
value="default"
data-theme-control="phoenixNavbarVerticalStyle" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-default">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../web_assets/img/generic/default-dark.png"
alt="" />
<span class="label-text d-dark-none">Default</span><span class="label-text d-light-none">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbar-style-dark"
type="radio"
name="config.name"
value="darker"
data-theme-control="phoenixNavbarVerticalStyle" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-dark">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/vertical-darker.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/vertical-lighter.png"
alt="" />
<span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Shape</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarShapeDefault"
name="navbar-shape"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../documentation/layouts/horizontal-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarShapeSlim"
name="navbar-shape"
type="radio"
value="slim"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../documentation/layouts/horizontal-navbar.html#horizontal-navbar-slim" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeSlim">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-slim.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-slim-dark.png"
alt="" />
</span><span class="label-text">Slim</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarTopDefault"
name="navbar-top-style"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopStyle" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-style-darker.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarTopDarker"
name="navbar-top-style"
type="radio"
value="darker"
data-theme-control="phoenixNavbarTopStyle" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDarker">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/navbar-top-style-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-style-lighter.png"
alt="" />
</span><span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
</div>
<a class="bun btn-primary d-grid mb-3 text-white mt-5 btn btn-primary"
href="https://themes.getbootstrap.com/product/phoenix-admin-dashboard-webapp-template/"
target="_blank">Purchase template</a>
</div>
</div>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">RTL</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixIsRTL" />
<a class="card setting-toggle"
href="#settings-offcanvas"
data-bs-toggle="offcanvas">
<div class="card-body d-flex align-items-center px-2 py-1">
<div class="position-relative rounded-start"
style="height:34px;
width:28px">
<div class="settings-popover">
<span class="ripple"><span class="fa-spin position-absolute all-0 d-flex flex-center"><span class="icon-spin position-absolute all-0 d-flex flex-center">
<svg width="20"
height="20"
viewBox="0 0 20 20"
fill="#ffffff"
xmlns="http://www.w3.org/2000/svg">
<path d="M19.7369 12.3941L19.1989 12.1065C18.4459 11.7041 18.0843 10.8487 18.0843 9.99495C18.0843 9.14118 18.4459 8.28582 19.1989 7.88336L19.7369 7.59581C19.9474 7.47484 20.0316 7.23291 19.9474 7.03131C19.4842 5.57973 18.6843 4.28943 17.6738 3.20075C17.5053 3.03946 17.2527 2.99914 17.0422 3.12011L16.393 3.46714C15.6883 3.84379 14.8377 3.74529 14.1476 3.3427C14.0988 3.31422 14.0496 3.28621 14.0002 3.25868C13.2568 2.84453 12.7055 2.10629 12.7055 1.25525V0.70081C12.7055 0.499202 12.5371 0.297594 12.2845 0.257272C10.7266 -0.105622 9.16879 -0.0653007 7.69516 0.257272C7.44254 0.297594 7.31623 0.499202 7.31623 0.70081V1.23474C7.31623 2.09575 6.74999 2.8362 5.99824 3.25599C5.95774 3.27861 5.91747 3.30159 5.87744 3.32493C5.15643 3.74527 4.26453 3.85902 3.53534 3.45302L2.93743 3.12011C2.72691 2.99914 2.47429 3.03946 2.30587 3.20075C1.29538 4.28943 0.495411 5.57973 0.0322686 7.03131C-0.051939 7.23291 0.0322686 7.47484 0.242788 7.59581L0.784376 7.8853C1.54166 8.29007 1.92694 9.13627 1.92694 9.99495C1.92694 10.8536 1.54166 11.6998 0.784375 12.1046L0.242788 12.3941C0.0322686 12.515 -0.051939 12.757 0.0322686 12.9586C0.495411 14.4102 1.29538 15.7005 2.30587 16.7891C2.47429 16.9504 2.72691 16.9907 2.93743 16.8698L3.58669 16.5227C4.29133 16.1461 5.14131 16.2457 5.8331 16.6455C5.88713 16.6767 5.94159 16.7074 5.99648 16.7375C6.75162 17.1511 7.31623 17.8941 7.31623 18.7552V19.2891C7.31623 19.4425 7.41373 19.5959 7.55309 19.696C7.64066 19.7589 7.74815 19.7843 7.85406 19.8046C9.35884 20.0925 10.8609 20.0456 12.2845 19.7729C12.5371 19.6923 12.7055 19.4907 12.7055 19.2891V18.7346C12.7055 17.8836 13.2568 17.1454 14.0002 16.7312C14.0496 16.7037 14.0988 16.6757 14.1476 16.6472C14.8377 16.2446 15.6883 16.1461 16.393 16.5227L17.0422 16.8698C17.2527 16.9907 17.5053 16.9504 17.6738 16.7891C18.7264 15.7005 19.4842 14.4102 19.9895 12.9586C20.0316 12.757 19.9474 12.515 19.7369 12.3941ZM10.0109 13.2005C8.1162 13.2005 6.64257 11.7893 6.64257 9.97478C6.64257 8.20063 8.1162 6.74905 10.0109 6.74905C11.8634 6.74905 13.3792 8.20063 13.3792 9.97478C13.3792 11.7893 11.8634 13.2005 10.0109 13.2005Z" fill="#2A7BE4">
</path>
</svg>
</span></span></span>
</div>
</div>
<small class="text-uppercase text-body-tertiary fw-bold py-2 pe-2 ps-1 rounded-end">customize</small>
</div>
<p class="mb-0 text-body-tertiary">Change text direction</p>
</div>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">Support Chat</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixSupportChat" />
</div>
</div>
<p class="mb-0 text-body-tertiary">Toggle support chat</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Navigation Type</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarPositionVertical"
name="navigation-type"
type="radio"
value="vertical"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/vertical-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionVertical">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../web_assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Vertical</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionHorizontal"
name="navigation-type"
type="radio"
value="horizontal"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/horizontal-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionHorizontal">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../web_assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Horizontal</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionCombo"
name="navigation-type"
type="radio"
value="combo"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/combo-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionCombo">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/nav-combo-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../web_assets/img/generic/nav-combo-dark.png"
alt="" />
</span><span class="label-text">Combo</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionTopDouble"
name="navigation-type"
type="radio"
value="dual-nav"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/dual-nav.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionTopDouble">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/dual-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../web_assets/img/generic/dual-dark.png"
alt="" />
</span><span class="label-text">Dual nav</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Vertical Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbar-style-default"
type="radio"
name="config.name"
value="default"
data-theme-control="phoenixNavbarVerticalStyle" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-default">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../web_assets/img/generic/default-dark.png"
alt="" />
<span class="label-text d-dark-none">Default</span><span class="label-text d-light-none">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbar-style-dark"
type="radio"
name="config.name"
value="darker"
data-theme-control="phoenixNavbarVerticalStyle" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-dark">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/vertical-darker.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/vertical-lighter.png"
alt="" />
<span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Shape</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarShapeDefault"
name="navbar-shape"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../documentation/layouts/horizontal-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarShapeSlim"
name="navbar-shape"
type="radio"
value="slim"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../documentation/layouts/horizontal-navbar.html#horizontal-navbar-slim" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeSlim">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-slim.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-slim-dark.png"
alt="" />
</span><span class="label-text">Slim</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarTopDefault"
name="navbar-top-style"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopStyle" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-style-darker.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarTopDarker"
name="navbar-top-style"
type="radio"
value="darker"
data-theme-control="phoenixNavbarTopStyle" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDarker">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/navbar-top-style-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-style-lighter.png"
alt="" />
</span><span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
</div>
<a class="bun btn-primary d-grid mb-3 text-white mt-5 btn btn-primary"
href="https://themes.getbootstrap.com/product/phoenix-admin-dashboard-webapp-template/"
target="_blank">Purchase template</a>
</div>
</div>
<a class="card setting-toggle"
href="#settings-offcanvas"
data-bs-toggle="offcanvas">
<div class="card-body d-flex align-items-center px-2 py-1">
<div class="position-relative rounded-start"
style="height:34px;
width:28px">
<div class="settings-popover">
<span class="ripple"><span class="fa-spin position-absolute all-0 d-flex flex-center"><span class="icon-spin position-absolute all-0 d-flex flex-center">
<svg width="20"
height="20"
viewBox="0 0 20 20"
fill="#ffffff"
xmlns="http://www.w3.org/2000/svg">
<path d="M19.7369 12.3941L19.1989 12.1065C18.4459 11.7041 18.0843 10.8487 18.0843 9.99495C18.0843 9.14118 18.4459 8.28582 19.1989 7.88336L19.7369 7.59581C19.9474 7.47484 20.0316 7.23291 19.9474 7.03131C19.4842 5.57973 18.6843 4.28943 17.6738 3.20075C17.5053 3.03946 17.2527 2.99914 17.0422 3.12011L16.393 3.46714C15.6883 3.84379 14.8377 3.74529 14.1476 3.3427C14.0988 3.31422 14.0496 3.28621 14.0002 3.25868C13.2568 2.84453 12.7055 2.10629 12.7055 1.25525V0.70081C12.7055 0.499202 12.5371 0.297594 12.2845 0.257272C10.7266 -0.105622 9.16879 -0.0653007 7.69516 0.257272C7.44254 0.297594 7.31623 0.499202 7.31623 0.70081V1.23474C7.31623 2.09575 6.74999 2.8362 5.99824 3.25599C5.95774 3.27861 5.91747 3.30159 5.87744 3.32493C5.15643 3.74527 4.26453 3.85902 3.53534 3.45302L2.93743 3.12011C2.72691 2.99914 2.47429 3.03946 2.30587 3.20075C1.29538 4.28943 0.495411 5.57973 0.0322686 7.03131C-0.051939 7.23291 0.0322686 7.47484 0.242788 7.59581L0.784376 7.8853C1.54166 8.29007 1.92694 9.13627 1.92694 9.99495C1.92694 10.8536 1.54166 11.6998 0.784375 12.1046L0.242788 12.3941C0.0322686 12.515 -0.051939 12.757 0.0322686 12.9586C0.495411 14.4102 1.29538 15.7005 2.30587 16.7891C2.47429 16.9504 2.72691 16.9907 2.93743 16.8698L3.58669 16.5227C4.29133 16.1461 5.14131 16.2457 5.8331 16.6455C5.88713 16.6767 5.94159 16.7074 5.99648 16.7375C6.75162 17.1511 7.31623 17.8941 7.31623 18.7552V19.2891C7.31623 19.4425 7.41373 19.5959 7.55309 19.696C7.64066 19.7589 7.74815 19.7843 7.85406 19.8046C9.35884 20.0925 10.8609 20.0456 12.2845 19.7729C12.5371 19.6923 12.7055 19.4907 12.7055 19.2891V18.7346C12.7055 17.8836 13.2568 17.1454 14.0002 16.7312C14.0496 16.7037 14.0988 16.6757 14.1476 16.6472C14.8377 16.2446 15.6883 16.1461 16.393 16.5227L17.0422 16.8698C17.2527 16.9907 17.5053 16.9504 17.6738 16.7891C18.7264 15.7005 19.4842 14.4102 19.9895 12.9586C20.0316 12.757 19.9474 12.515 19.7369 12.3941ZM10.0109 13.2005C8.1162 13.2005 6.64257 11.7893 6.64257 9.97478C6.64257 8.20063 8.1162 6.74905 10.0109 6.74905C11.8634 6.74905 13.3792 8.20063 13.3792 9.97478C13.3792 11.7893 11.8634 13.2005 10.0109 13.2005Z" fill="#2A7BE4">
</path>
</svg>
</span></span></span>
</div>
</div>
<small class="text-uppercase text-body-tertiary fw-bold py-2 pe-2 ps-1 rounded-end">customize</small>
</div>
</a>
</a>
<!-- ===============================================-->
<!-- JavaScripts-->
<!-- ===============================================-->
<script src="../../vendors/popper/popper.min.js"></script>
<script src="../../vendors/bootstrap/bootstrap.min.js"></script>
<script src="../../vendors/anchorjs/anchor.min.js"></script>
<script src="../../vendors/is/is.min.js"></script>
<script src="../../vendors/fontawesome/all.min.js"></script>
<script src="../../vendors/lodash/lodash.min.js"></script>
<script src="../../vendors/list.js/list.min.js"></script>
<script src="../../vendors/feather-icons/feather.min.js"></script>
<script src="../../vendors/dayjs/dayjs.min.js"></script>
<script src="../../assets/js/phoenix.js"></script>
</body>
<script src="../../vendors/popper/popper.min.js"></script>
<script src="../../vendors/bootstrap/bootstrap.min.js"></script>
<script src="../../vendors/anchorjs/anchor.min.js"></script>
<script src="../../vendors/is/is.min.js"></script>
<script src="../../vendors/fontawesome/all.min.js"></script>
<script src="../../vendors/lodash/lodash.min.js"></script>
<script src="../../vendors/list.js/list.min.js"></script>
<script src="../../vendors/feather-icons/feather.min.js"></script>
<script src="../../vendors/dayjs/dayjs.min.js"></script>
<script src="../../assets/js/phoenix.js"></script>
</body>
</html>

784
templates/errors/500.html
View File

@ -155,415 +155,415 @@
<p class="mb-0 fw-semibold fs-9">I need help with something</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">I can’t reorder a product I previously ordered</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">How do I place an order?</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="false d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">My payment method not working</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a>
</div>
<div class="text-center mt-auto">
<div class="avatar avatar-3xl status-online">
<img class="rounded-circle border border-3 border-light-subtle"
src="../../web_assets/img/team/30.webp"
alt="" />
href="#!">
<p class="mb-0 fw-semibold fs-9">I can’t reorder a product I previously ordered</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">How do I place an order?</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a><a class="false d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3"
href="#!">
<p class="mb-0 fw-semibold fs-9">My payment method not working</p>
<span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
</a>
</div>
<div class="text-center mt-auto">
<div class="avatar avatar-3xl status-online">
<img class="rounded-circle border border-3 border-light-subtle"
src="../../web_assets/img/team/30.webp"
alt="" />
</div>
<h5 class="mt-2 mb-3">Eric</h5>
<p class="text-center text-body-emphasis mb-0">
Ask us anything – we’ll get back to you here or by email within 24 hours.
</p>
</div>
</div>
</div>
<div class="card-footer d-flex align-items-center gap-2 border-top border-translucent ps-3 pe-4 py-3">
<div class="d-flex align-items-center flex-1 gap-3 border border-translucent rounded-pill px-4">
<input class="form-control outline-none border-0 flex-1 fs-9 px-0"
type="text"
placeholder="Write message" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatPhotos">
<span class="fa-solid fa-image"></span>
</label>
<input class="d-none" type="file" accept="image/*" id="supportChatPhotos" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatAttachment">
<span class="fa-solid fa-paperclip"></span>
</label>
<input class="d-none" type="file" id="supportChatAttachment" />
</div>
<button class="btn p-0 border-0 send-btn">
<span class="fa-solid fa-paper-plane fs-9"></span>
</button>
</div>
<h5 class="mt-2 mb-3">Eric</h5>
<p class="text-center text-body-emphasis mb-0">
Ask us anything – we’ll get back to you here or by email within 24 hours.
</p>
</div>
</div>
</div>
<div class="card-footer d-flex align-items-center gap-2 border-top border-translucent ps-3 pe-4 py-3">
<div class="d-flex align-items-center flex-1 gap-3 border border-translucent rounded-pill px-4">
<input class="form-control outline-none border-0 flex-1 fs-9 px-0"
type="text"
placeholder="Write message" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatPhotos">
<span class="fa-solid fa-image"></span>
</label>
<input class="d-none" type="file" accept="image/*" id="supportChatPhotos" />
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0"
for="supportChatAttachment">
<span class="fa-solid fa-paperclip"></span>
</label>
<input class="d-none" type="file" id="supportChatAttachment" />
</div>
<button class="btn p-0 border-0 send-btn">
<span class="fa-solid fa-paper-plane fs-9"></span>
<button class="btn btn-support-chat p-0 border border-translucent">
<span class="fs-8 btn-text text-primary text-nowrap">Chat demo</span><span class="ping-icon-wrapper mt-n4 ms-n6 mt-sm-0 ms-sm-2 position-absolute position-sm-relative"><span class="ping-icon-bg"></span><span class="fa-solid fa-circle ping-icon"></span></span><span class="fa-solid fa-headset text-primary fs-8 d-sm-none"></span><span class="fa-solid fa-chevron-down text-primary fs-7"></span>
</button>
</div>
</div>
</div>
<button class="btn btn-support-chat p-0 border border-translucent">
<span class="fs-8 btn-text text-primary text-nowrap">Chat demo</span><span class="ping-icon-wrapper mt-n4 ms-n6 mt-sm-0 ms-sm-2 position-absolute position-sm-relative"><span class="ping-icon-bg"></span><span class="fa-solid fa-circle ping-icon"></span></span><span class="fa-solid fa-headset text-primary fs-8 d-sm-none"></span><span class="fa-solid fa-chevron-down text-primary fs-7"></span>
</button>
</div>
</main>
</main>
<!-- ===============================================-->
<!-- End of Main Content-->
<!-- ===============================================-->
<div class="offcanvas offcanvas-end settings-panel border-0"
id="settings-offcanvas"
tabindex="-1"
aria-labelledby="settings-offcanvas">
<div class="offcanvas-header align-items-start border-bottom flex-column border-translucent">
<div class="pt-1 w-100 mb-6 d-flex justify-content-between align-items-start">
<div>
<h5 class="mb-2 me-2 lh-sm">
<span class="fas fa-palette me-2 fs-8"></span>Theme Customizer
</h5>
<p class="mb-0 fs-9">Explore different styles according to your preferences</p>
<div class="offcanvas offcanvas-end settings-panel border-0"
id="settings-offcanvas"
tabindex="-1"
aria-labelledby="settings-offcanvas">
<div class="offcanvas-header align-items-start border-bottom flex-column border-translucent">
<div class="pt-1 w-100 mb-6 d-flex justify-content-between align-items-start">
<div>
<h5 class="mb-2 me-2 lh-sm">
<span class="fas fa-palette me-2 fs-8"></span>Theme Customizer
</h5>
<p class="mb-0 fs-9">Explore different styles according to your preferences</p>
</div>
<button class="btn p-1 fw-bolder"
type="button"
data-bs-dismiss="offcanvas"
aria-label="Close">
<span class="fas fa-times fs-8"></span>
</button>
</div>
<button class="btn btn-phoenix-secondary w-100" data-theme-control="reset">
<span class="fas fa-arrows-rotate me-2 fs-10"></span>Reset to default
</button>
</div>
<button class="btn p-1 fw-bolder"
type="button"
data-bs-dismiss="offcanvas"
aria-label="Close">
<span class="fas fa-times fs-8"></span>
</button>
</div>
<button class="btn btn-phoenix-secondary w-100" data-theme-control="reset">
<span class="fas fa-arrows-rotate me-2 fs-10"></span>Reset to default
</button>
</div>
<div class="offcanvas-body scrollbar px-card" id="themeController">
<div class="setting-panel-item mt-0">
<h5 class="setting-panel-item-title">Color Scheme</h5>
<div class="row gx-2">
<div class="col-4">
<input class="btn-check"
id="themeSwitcherLight"
name="theme-color"
type="radio"
value="light"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherLight">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/default-light.png"
alt="" />
</span><span class="label-text">Light</span>
</label>
<div class="offcanvas-body scrollbar px-card" id="themeController">
<div class="setting-panel-item mt-0">
<h5 class="setting-panel-item-title">Color Scheme</h5>
<div class="row gx-2">
<div class="col-4">
<input class="btn-check"
id="themeSwitcherLight"
name="theme-color"
type="radio"
value="light"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherLight">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/default-light.png"
alt="" />
</span><span class="label-text">Light</span>
</label>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherDark"
name="theme-color"
type="radio"
value="dark"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherDark">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Dark</span>
</label>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherAuto"
name="theme-color"
type="radio"
value="auto"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherAuto">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/auto.png"
alt="" />
</span><span class="label-text">Auto</span>
</label>
</div>
</div>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherDark"
name="theme-color"
type="radio"
value="dark"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherDark">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Dark</span>
</label>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">RTL</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixIsRTL" />
</div>
</div>
<p class="mb-0 text-body-tertiary">Change text direction</p>
</div>
<div class="col-4">
<input class="btn-check"
id="themeSwitcherAuto"
name="theme-color"
type="radio"
value="auto"
data-theme-control="phoenixTheme" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="themeSwitcherAuto">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype mb-0"
src="../../web_assets/img/generic/auto.png"
alt="" />
</span><span class="label-text">Auto</span>
</label>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">Support Chat</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixSupportChat" />
</div>
</div>
<p class="mb-0 text-body-tertiary">Toggle support chat</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Navigation Type</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarPositionVertical"
name="navigation-type"
type="radio"
value="vertical"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/vertical-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionVertical">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Vertical</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionHorizontal"
name="navigation-type"
type="radio"
value="horizontal"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/horizontal-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionHorizontal">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Horizontal</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionCombo"
name="navigation-type"
type="radio"
value="combo"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/combo-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionCombo">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../assets/img/generic/nav-combo-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/nav-combo-dark.png"
alt="" />
</span><span class="label-text">Combo</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionTopDouble"
name="navigation-type"
type="radio"
value="dual-nav"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/dual-nav.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionTopDouble">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../assets/img/generic/dual-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/dual-dark.png"
alt="" />
</span><span class="label-text">Dual nav</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Vertical Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbar-style-default"
type="radio"
name="config.name"
value="default"
data-theme-control="phoenixNavbarVerticalStyle" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-default">
<img class="img-fluid img-prototype d-dark-none"
src="../../assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/default-dark.png"
alt="" />
<span class="label-text d-dark-none">Default</span><span class="label-text d-light-none">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbar-style-dark"
type="radio"
name="config.name"
value="darker"
data-theme-control="phoenixNavbarVerticalStyle" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-dark">
<img class="img-fluid img-prototype d-dark-none"
src="../../assets/img/generic/vertical-darker.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/vertical-lighter.png"
alt="" />
<span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Shape</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarShapeDefault"
name="navbar-shape"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../documentation/layouts/horizontal-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarShapeSlim"
name="navbar-shape"
type="radio"
value="slim"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../documentation/layouts/horizontal-navbar.html#horizontal-navbar-slim" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeSlim">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-slim.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-slim-dark.png"
alt="" />
</span><span class="label-text">Slim</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarTopDefault"
name="navbar-top-style"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopStyle" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-style-darker.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarTopDarker"
name="navbar-top-style"
type="radio"
value="darker"
data-theme-control="phoenixNavbarTopStyle" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDarker">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/navbar-top-style-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-style-lighter.png"
alt="" />
</span><span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
</div>
<a class="bun btn-primary d-grid mb-3 text-white mt-5 btn btn-primary"
href="https://themes.getbootstrap.com/product/phoenix-admin-dashboard-webapp-template/"
target="_blank">Purchase template</a>
</div>
</div>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">RTL</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixIsRTL" />
<a class="card setting-toggle"
href="#settings-offcanvas"
data-bs-toggle="offcanvas">
<div class="card-body d-flex align-items-center px-2 py-1">
<div class="position-relative rounded-start"
style="height:34px;
width:28px">
<div class="settings-popover">
<span class="ripple"><span class="fa-spin position-absolute all-0 d-flex flex-center"><span class="icon-spin position-absolute all-0 d-flex flex-center">
<svg width="20"
height="20"
viewBox="0 0 20 20"
fill="#ffffff"
xmlns="http://www.w3.org/2000/svg">
<path d="M19.7369 12.3941L19.1989 12.1065C18.4459 11.7041 18.0843 10.8487 18.0843 9.99495C18.0843 9.14118 18.4459 8.28582 19.1989 7.88336L19.7369 7.59581C19.9474 7.47484 20.0316 7.23291 19.9474 7.03131C19.4842 5.57973 18.6843 4.28943 17.6738 3.20075C17.5053 3.03946 17.2527 2.99914 17.0422 3.12011L16.393 3.46714C15.6883 3.84379 14.8377 3.74529 14.1476 3.3427C14.0988 3.31422 14.0496 3.28621 14.0002 3.25868C13.2568 2.84453 12.7055 2.10629 12.7055 1.25525V0.70081C12.7055 0.499202 12.5371 0.297594 12.2845 0.257272C10.7266 -0.105622 9.16879 -0.0653007 7.69516 0.257272C7.44254 0.297594 7.31623 0.499202 7.31623 0.70081V1.23474C7.31623 2.09575 6.74999 2.8362 5.99824 3.25599C5.95774 3.27861 5.91747 3.30159 5.87744 3.32493C5.15643 3.74527 4.26453 3.85902 3.53534 3.45302L2.93743 3.12011C2.72691 2.99914 2.47429 3.03946 2.30587 3.20075C1.29538 4.28943 0.495411 5.57973 0.0322686 7.03131C-0.051939 7.23291 0.0322686 7.47484 0.242788 7.59581L0.784376 7.8853C1.54166 8.29007 1.92694 9.13627 1.92694 9.99495C1.92694 10.8536 1.54166 11.6998 0.784375 12.1046L0.242788 12.3941C0.0322686 12.515 -0.051939 12.757 0.0322686 12.9586C0.495411 14.4102 1.29538 15.7005 2.30587 16.7891C2.47429 16.9504 2.72691 16.9907 2.93743 16.8698L3.58669 16.5227C4.29133 16.1461 5.14131 16.2457 5.8331 16.6455C5.88713 16.6767 5.94159 16.7074 5.99648 16.7375C6.75162 17.1511 7.31623 17.8941 7.31623 18.7552V19.2891C7.31623 19.4425 7.41373 19.5959 7.55309 19.696C7.64066 19.7589 7.74815 19.7843 7.85406 19.8046C9.35884 20.0925 10.8609 20.0456 12.2845 19.7729C12.5371 19.6923 12.7055 19.4907 12.7055 19.2891V18.7346C12.7055 17.8836 13.2568 17.1454 14.0002 16.7312C14.0496 16.7037 14.0988 16.6757 14.1476 16.6472C14.8377 16.2446 15.6883 16.1461 16.393 16.5227L17.0422 16.8698C17.2527 16.9907 17.5053 16.9504 17.6738 16.7891C18.7264 15.7005 19.4842 14.4102 19.9895 12.9586C20.0316 12.757 19.9474 12.515 19.7369 12.3941ZM10.0109 13.2005C8.1162 13.2005 6.64257 11.7893 6.64257 9.97478C6.64257 8.20063 8.1162 6.74905 10.0109 6.74905C11.8634 6.74905 13.3792 8.20063 13.3792 9.97478C13.3792 11.7893 11.8634 13.2005 10.0109 13.2005Z" fill="#2A7BE4">
</path>
</svg>
</span></span></span>
</div>
</div>
<small class="text-uppercase text-body-tertiary fw-bold py-2 pe-2 ps-1 rounded-end">customize</small>
</div>
<p class="mb-0 text-body-tertiary">Change text direction</p>
</div>
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
<div class="d-flex justify-content-between align-items-center">
<h5 class="setting-panel-item-title mb-1">Support Chat</h5>
<div class="form-check form-switch mb-0">
<input class="form-check-input ms-auto"
type="checkbox"
data-theme-control="phoenixSupportChat" />
</div>
</div>
<p class="mb-0 text-body-tertiary">Toggle support chat</p>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Navigation Type</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarPositionVertical"
name="navigation-type"
type="radio"
value="vertical"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/vertical-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionVertical">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../web_assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/default-dark.png"
alt="" />
</span><span class="label-text">Vertical</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionHorizontal"
name="navigation-type"
type="radio"
value="horizontal"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/horizontal-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionHorizontal">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Horizontal</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionCombo"
name="navigation-type"
type="radio"
value="combo"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/combo-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionCombo">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../assets/img/generic/nav-combo-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/nav-combo-dark.png"
alt="" />
</span><span class="label-text">Combo</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarPositionTopDouble"
name="navigation-type"
type="radio"
value="dual-nav"
data-theme-control="phoenixNavbarPosition"
data-page-url="../../documentation/layouts/dual-nav.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarPositionTopDouble">
<span class="rounded d-block">
<img class="img-fluid img-prototype d-dark-none"
src="../../assets/img/generic/dual-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/dual-dark.png"
alt="" />
</span><span class="label-text">Dual nav</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Vertical Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbar-style-default"
type="radio"
name="config.name"
value="default"
data-theme-control="phoenixNavbarVerticalStyle" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-default">
<img class="img-fluid img-prototype d-dark-none"
src="../../assets/img/generic/default-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/default-dark.png"
alt="" />
<span class="label-text d-dark-none">Default</span><span class="label-text d-light-none">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbar-style-dark"
type="radio"
name="config.name"
value="darker"
data-theme-control="phoenixNavbarVerticalStyle" />
<label class="btn d-block w-100 btn-navbar-style fs-9"
for="navbar-style-dark">
<img class="img-fluid img-prototype d-dark-none"
src="../../assets/img/generic/vertical-darker.png"
alt="" />
<img class="img-fluid img-prototype d-light-none"
src="../../assets/img/generic/vertical-lighter.png"
alt="" />
<span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Shape</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarShapeDefault"
name="navbar-shape"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../documentation/layouts/horizontal-navbar.html" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-default-dark.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarShapeSlim"
name="navbar-shape"
type="radio"
value="slim"
data-theme-control="phoenixNavbarTopShape"
data-page-url="../../documentation/layouts/horizontal-navbar.html#horizontal-navbar-slim" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarShapeSlim">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-slim.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-slim-dark.png"
alt="" />
</span><span class="label-text">Slim</span>
</label>
</div>
</div>
</div>
<div class="setting-panel-item">
<h5 class="setting-panel-item-title">Horizontal Navbar Appearance</h5>
<div class="row gx-2">
<div class="col-6">
<input class="btn-check"
id="navbarTopDefault"
name="navbar-top-style"
type="radio"
value="default"
data-theme-control="phoenixNavbarTopStyle" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDefault">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/top-default.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-style-darker.png"
alt="" />
</span><span class="label-text">Default</span>
</label>
</div>
<div class="col-6">
<input class="btn-check"
id="navbarTopDarker"
name="navbar-top-style"
type="radio"
value="darker"
data-theme-control="phoenixNavbarTopStyle" />
<label class="btn d-inline-block btn-navbar-style fs-9"
for="navbarTopDarker">
<span class="mb-2 rounded d-block">
<img class="img-fluid img-prototype d-dark-none mb-0"
src="../../assets/img/generic/navbar-top-style-light.png"
alt="" />
<img class="img-fluid img-prototype d-light-none mb-0"
src="../../assets/img/generic/top-style-lighter.png"
alt="" />
</span><span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span>
</label>
</div>
</div>
</div>
<a class="bun btn-primary d-grid mb-3 text-white mt-5 btn btn-primary"
href="https://themes.getbootstrap.com/product/phoenix-admin-dashboard-webapp-template/"
target="_blank">Purchase template</a>
</div>
</div>
<a class="card setting-toggle"
href="#settings-offcanvas"
data-bs-toggle="offcanvas">
<div class="card-body d-flex align-items-center px-2 py-1">
<div class="position-relative rounded-start"
style="height:34px;
width:28px">
<div class="settings-popover">
<span class="ripple"><span class="fa-spin position-absolute all-0 d-flex flex-center"><span class="icon-spin position-absolute all-0 d-flex flex-center">
<svg width="20"
height="20"
viewBox="0 0 20 20"
fill="#ffffff"
xmlns="http://www.w3.org/2000/svg">
<path d="M19.7369 12.3941L19.1989 12.1065C18.4459 11.7041 18.0843 10.8487 18.0843 9.99495C18.0843 9.14118 18.4459 8.28582 19.1989 7.88336L19.7369 7.59581C19.9474 7.47484 20.0316 7.23291 19.9474 7.03131C19.4842 5.57973 18.6843 4.28943 17.6738 3.20075C17.5053 3.03946 17.2527 2.99914 17.0422 3.12011L16.393 3.46714C15.6883 3.84379 14.8377 3.74529 14.1476 3.3427C14.0988 3.31422 14.0496 3.28621 14.0002 3.25868C13.2568 2.84453 12.7055 2.10629 12.7055 1.25525V0.70081C12.7055 0.499202 12.5371 0.297594 12.2845 0.257272C10.7266 -0.105622 9.16879 -0.0653007 7.69516 0.257272C7.44254 0.297594 7.31623 0.499202 7.31623 0.70081V1.23474C7.31623 2.09575 6.74999 2.8362 5.99824 3.25599C5.95774 3.27861 5.91747 3.30159 5.87744 3.32493C5.15643 3.74527 4.26453 3.85902 3.53534 3.45302L2.93743 3.12011C2.72691 2.99914 2.47429 3.03946 2.30587 3.20075C1.29538 4.28943 0.495411 5.57973 0.0322686 7.03131C-0.051939 7.23291 0.0322686 7.47484 0.242788 7.59581L0.784376 7.8853C1.54166 8.29007 1.92694 9.13627 1.92694 9.99495C1.92694 10.8536 1.54166 11.6998 0.784375 12.1046L0.242788 12.3941C0.0322686 12.515 -0.051939 12.757 0.0322686 12.9586C0.495411 14.4102 1.29538 15.7005 2.30587 16.7891C2.47429 16.9504 2.72691 16.9907 2.93743 16.8698L3.58669 16.5227C4.29133 16.1461 5.14131 16.2457 5.8331 16.6455C5.88713 16.6767 5.94159 16.7074 5.99648 16.7375C6.75162 17.1511 7.31623 17.8941 7.31623 18.7552V19.2891C7.31623 19.4425 7.41373 19.5959 7.55309 19.696C7.64066 19.7589 7.74815 19.7843 7.85406 19.8046C9.35884 20.0925 10.8609 20.0456 12.2845 19.7729C12.5371 19.6923 12.7055 19.4907 12.7055 19.2891V18.7346C12.7055 17.8836 13.2568 17.1454 14.0002 16.7312C14.0496 16.7037 14.0988 16.6757 14.1476 16.6472C14.8377 16.2446 15.6883 16.1461 16.393 16.5227L17.0422 16.8698C17.2527 16.9907 17.5053 16.9504 17.6738 16.7891C18.7264 15.7005 19.4842 14.4102 19.9895 12.9586C20.0316 12.757 19.9474 12.515 19.7369 12.3941ZM10.0109 13.2005C8.1162 13.2005 6.64257 11.7893 6.64257 9.97478C6.64257 8.20063 8.1162 6.74905 10.0109 6.74905C11.8634 6.74905 13.3792 8.20063 13.3792 9.97478C13.3792 11.7893 11.8634 13.2005 10.0109 13.2005Z" fill="#2A7BE4">
</path>
</svg>
</span></span></span>
</div>
</div>
<small class="text-uppercase text-body-tertiary fw-bold py-2 pe-2 ps-1 rounded-end">customize</small>
</div>
</a>
</a>
<!-- ===============================================-->
<!-- JavaScripts-->
<!-- ===============================================-->
<script src="../../vendors/popper/popper.min.js"></script>
<script src="../../vendors/bootstrap/bootstrap.min.js"></script>
<script src="../../vendors/anchorjs/anchor.min.js"></script>
<script src="../../vendors/is/is.min.js"></script>
<script src="../../vendors/fontawesome/all.min.js"></script>
<script src="../../vendors/lodash/lodash.min.js"></script>
<script src="../../vendors/list.js/list.min.js"></script>
<script src="../../vendors/feather-icons/feather.min.js"></script>
<script src="../../vendors/dayjs/dayjs.min.js"></script>
<script src="../../assets/js/phoenix.js"></script>
</body>
<script src="../../vendors/popper/popper.min.js"></script>
<script src="../../vendors/bootstrap/bootstrap.min.js"></script>
<script src="../../vendors/anchorjs/anchor.min.js"></script>
<script src="../../vendors/is/is.min.js"></script>
<script src="../../vendors/fontawesome/all.min.js"></script>
<script src="../../vendors/lodash/lodash.min.js"></script>
<script src="../../vendors/list.js/list.min.js"></script>
<script src="../../vendors/feather-icons/feather.min.js"></script>
<script src="../../vendors/dayjs/dayjs.min.js"></script>
<script src="../../assets/js/phoenix.js"></script>
</body>
</html>

32
templates/footer.html
View File

@ -92,21 +92,21 @@
}
</style>
<footer class="improved-footer">
<div class="container">
<div class="row g-0 justify-content-between align-items-center h-100">
<div class="col-12 col-sm-auto text-center">
<span class="text-body">© 2025 All rights reserved</span>
<span class="fw-bold">Haikal</span>&nbsp;|&nbsp;<span class="fw-bold">هيكل</span>
</div>
<div class="col-12 col-sm-auto text-center">
<span class="text-body">Powered by</span>
<span>
<a class="mx-1 text-secondary" href="https://tenhal.sa">
<span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span>
</a>
</span>
<span class="fas fa-registered fw-light"></span>
</div>
</div>
<div class="container">
<div class="row g-0 justify-content-between align-items-center h-100">
<div class="col-12 col-sm-auto text-center">
<span class="text-body">© 2025 All rights reserved</span>
<span class="fw-bold">Haikal</span>&nbsp;|&nbsp;<span class="fw-bold">هيكل</span>
</div>
<div class="col-12 col-sm-auto text-center">
<span class="text-body">Powered by</span>
<span>
<a class="mx-1 text-secondary" href="https://tenhal.sa">
<span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span>
</a>
</span>
<span class="fas fa-registered fw-light"></span>
</div>
</div>
</div>
</footer>

6
templates/groups/group_detail.html
View File

@ -35,7 +35,9 @@
<div class="row my-5">
<div class="card rounded ">
<div class="card-header ">
<p class="mb-0">{{ _("Group Details") }}</p>
<p class="mb-2">{{ _("Group Details") }}</p>
<a class="btn btn-phoenix-secondary me-2" href="{% url 'group_list' request.dealer.slug %}">{% trans "Groups List" %}</a>
<a class="btn btn-phoenix-secondary " href="{% url 'user_list' request.dealer.slug %}">{% trans "Staffs List" %}</a>
</div>
<div class="card-body">
<div class="row">
@ -123,4 +125,4 @@
</div>
</div>
</div>
{% endblock %}
{% endblock %}

133
templates/groups/group_list.html
View File

@ -2,78 +2,71 @@
{% load i18n %}
{% load custom_filters %}
{% load render_table from django_tables2 %}
{% block title %}
{% trans "Groups" %}
{% endblock title %}
{% block content %}
<main class="py-5">
<div class="container">
{% if groups or request.GET.q %}
<div class=" d-flex flex-column flex-md-row justify-content-between align-items-md-center p-4">
<h5 class="card-title mb-2 mb-md-0 me-md-4 fw-bold">
<i class="fa-solid fa-user-group fs-3 me-1 "></i>{% trans "Groups" %}
</h5>
<div class="d-flex gap-2">
<a href="{% url 'group_create' request.dealer.slug %}"
class="btn btn-phoenix-primary">
<i class="fa-solid fa-user-group fs-9 me-1"></i>
<span class="fas fa-plus me-2"></span>{% trans "Add Group" %}
</a>
<a href="{% url 'user_list' request.dealer.slug %}"
class="btn btn-phoenix-secondary">
<span class="fas fas fa-arrow-left me-2"></span>{% trans "Back to Staffs" %}
</a>
</div>
</div>
<div class="card border-0 rounded-4 animate__animated animate__fadeInUp">
<div class="card-body p-0">
<div class="table-responsive scrollbar mx-n1 px-1 mt-3">
<table class="table align-items-center table-hover mb-0">
<thead>
<tr class="">
<th scope="col" class=" text-uppercase fw-bold ps-4">{% trans 'name'|capfirst %}</th>
<th scope="col" class="text-uppercase fw-bold">{% trans 'total Users'|capfirst %}</th>
<th scope="col" class="text-uppercase fw-bold">{% trans 'total permission'|capfirst %}</th>
<th scope="col"
class="text-uppercase fw-bold text-end pe-4">
{% trans 'actions'|capfirst %}
</th>
</tr>
</thead>
<tbody>
{% for group in groups %}
<tr>
<td class="align-middle white-space-nowrap ps-4">{{ group.name }}</td>
<td class="align-middle white-space-nowrap">
<i class="fa-solid fa-users me-1"></i> {{ group.users.count }}
</td>
<td class="align-middle white-space-nowrap">
<i class="fa-solid fa-unlock me-1"></i> {{ group.permissions.count }}
</td>
<td class="align-middle white-space-nowrap text-end pe-4">
<a class="btn btn-phoenix-secondary btn-sm"
href="{% url 'group_detail' request.dealer.slug group.id %}">
<i class="fa-solid fa-eye me-1"></i>
{% trans 'view'|capfirst %}
</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="card-footer bg-light border-top">
<div class="d-flex justify-content-end">{% include 'partials/pagination.html' %}</div>
</div>
{% endif %}
<div class="container py-5">
{% if groups or request.GET.q %}
<div class="d-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-muted d-flex align-items-center">
<i class="fa-solid fa-user-group me-3 fs-2"></i>
{% trans "Groups" %}
</h1>
<div class="d-flex">
<a href="{% url 'group_create' request.dealer.slug %}"
class="btn btn-phoenix-primary me-2 shadow-sm">
<i class="fa-solid fa-plus me-2"></i>{% trans "Add New Group" %}
</a>
<a href="{% url 'user_list' request.dealer.slug %}"
class="btn btn-phoenix-secondary shadow-sm">
<i class="fa-solid fa-arrow-left me-2"></i>{% trans "Back to Staffs" %}
</a>
</div>
{% else %}
{% url "group_create" request.dealer.slug as create_group_url %}
{% include "empty-illustration-page.html" with value="group" url=create_group_url %}
{% endif %}
</div>
</main>
{% endblock %}
</div>
<div class="card border-0 shadow-sm rounded-lg">
<div class="card-body p-0">
<div class="table-responsive">
<table class="table table-hover table-borderless mb-0">
<thead class="bg-light">
<tr>
<th class="py-3 px-4">{% trans 'Name'|capfirst %}</th>
<th class="py-3 px-4">{% trans 'Total Users'|capfirst %}</th>
<th class="py-3 px-4">{% trans 'Total Permissions'|capfirst %}</th>
<th class="py-3 px-4 text-center">{% trans 'Actions'|capfirst %}</th>
</tr>
</thead>
<tbody>
{% for group in groups %}
<tr class="border-bottom">
<td class="align-middle py-3 px-4">{{ group.name }}</td>
<td class="align-middle py-3 px-4 text-muted">
<i class="fa-solid fa-users me-1"></i> {{ group.users.count }}
</td>
<td class="align-middle py-3 px-4 text-muted">
<i class="fa-solid fa-unlock me-1"></i> {{ group.permissions.count }}
</td>
<td class="align-middle py-3 px-4 text-center">
<a class="btn btn-sm btn-phoenix-secondary"
href="{% url 'group_detail' request.dealer.slug group.id %}">
<i class="fa-solid fa-eye me-1"></i>{% trans 'View Permissions' %}
</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-center mt-4">{% include 'partials/pagination.html' %}</div>
{% endif %}
</div>
{% else %}
{% url "group_create" request.dealer.slug as create_group_url %}
{% include "empty-illustration-page.html" with value="group" url=create_group_url %}
{% endif %}
</div>
{% endblock %}

76
templates/haikalbot/chat.html
View File

@ -2,45 +2,45 @@
{% load i18n static %}
{% block title %}{% trans "Haikal Bot" %}{% endblock %}
{% block content %}
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.2/papaparse.min.js"></script>
<div class="container mt-5">
<div class="card shadow-sm">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="mb-0">
<i class="fas fa-robot me-2"></i>{% trans "HaikalBot" %}
</h5>
<div>
<button id="export-btn"
class="btn btn-sm btn-phoenix-secondary"
style="display:none">{% trans "Export CSV" %}</button>
</div>
</div>
<div class="card-body"
style="max-height: 60vh;
overflow-y: auto"
id="chat-history"></div>
<div class="card-footer bg-white border-top">
<form id="chat-form" class="d-flex align-items-center gap-2">
<button type="button" class="btn btn-light" id="mic-btn">
<i class="fas fa-microphone"></i>
</button>
<input type="text"
class="form-control"
id="chat-input"
placeholder="{% trans 'Type your question...' %}"
required />
<button type="submit" class="btn btn-phoenix-primary">
<i class="fas fa-paper-plane"></i>
</button>
</form>
</div>
<div id="chart-container" style="display:none;" class="p-4 border-top">
<canvas id="chart-canvas" height="200px"></canvas>
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.2/papaparse.min.js"></script>
<div class="container mt-5">
<div class="card shadow-sm">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="mb-0">
<i class="fas fa-robot me-2"></i>{% trans "HaikalBot" %}
</h5>
<div>
<button id="export-btn"
class="btn btn-sm btn-phoenix-secondary"
style="display:none">{% trans "Export CSV" %}</button>
</div>
</div>
<div class="card-body"
style="max-height: 60vh;
overflow-y: auto"
id="chat-history"></div>
<div class="card-footer bg-white border-top">
<form id="chat-form" class="d-flex align-items-center gap-2">
<button type="button" class="btn btn-light" id="mic-btn">
<i class="fas fa-microphone"></i>
</button>
<input type="text"
class="form-control"
id="chat-input"
placeholder="{% trans 'Type your question...' %}"
required />
<button type="submit" class="btn btn-phoenix-primary">
<i class="fas fa-paper-plane"></i>
</button>
</form>
</div>
<div id="chart-container" style="display:none;" class="p-4 border-top">
<canvas id="chart-canvas" height="200px"></canvas>
</div>
</div>
<script>
</div>
<script>
const chatHistory = document.getElementById('chat-history');
const chartContainer = document.getElementById('chart-container');
const chartCanvas = document.getElementById('chart-canvas');
@ -193,5 +193,5 @@
recognition.start();
});
</script>
</script>
{% endblock %}

124
templates/header.html
View File

@ -5,7 +5,7 @@
<div class="navbar-vertical-content d-flex flex-column">
<ul class="navbar-nav flex-column"
id="navbarVerticalNav"
>
>
<li class="nav-item">
{% comment %} <p class="navbar-vertical-label text-primary fs-8 text-truncate">{{request.dealer|default:"Apps"}}</p>
@ -34,9 +34,9 @@
{% if perms.inventory.add_car %}
<li class="nav-item">
<a
id="btn-add-car"
class="nav-link btn-add-car"
href="{% url 'car_add' request.dealer.slug %}">
id="btn-add-car"
class="nav-link btn-add-car"
href="{% url 'car_add' request.dealer.slug %}">
<div class="d-flex align-items-center">
<span class="nav-link-icon"><span class="fas fa-plus-circle"></span></span><span class="nav-link-text">{% trans "add car"|capfirst %}</span>
</div>
@ -194,7 +194,7 @@
data-bs-parent="#navbarVerticalCollapse"
id="nv-sales">
<li class="collapsed-nav-item-title d-none">{% trans 'sales'|capfirst %}</li>
{% if perms.django_ledger.add_estimatemodel %}
{% comment %} {% if perms.django_ledger.add_estimatemodel %}
<li class="nav-item">
<a
class="nav-link"
@ -204,7 +204,7 @@
</div>
</a>
</li>
{% endif %}
{% endif %} {% endcomment %}
{% if perms.django_ledger.view_estimatemodel %}
<li class="nav-item">
<a class="nav-link" href="{% url 'estimate_list' request.dealer.slug %}">
@ -438,21 +438,21 @@
</ul>
</div> {% endcomment %}
{% endif %}
</div>
</div>
<div class="navbar-vertical-footer">
<a class="nav-link ps-2" href="{% if request.is_dealer%}{% url 'ticket_list' request.dealer.slug %} {% else %}#{%endif%}">
<div class="d-flex align-items-center">
{% if user.is_authenticated%}
<span class="nav-link-icon"><span class="fa-solid fa-gear me-1 fs-7"></span></span>
<span class="nav-link-text">{{ request.dealer.user.username }}</span>
{% endif %}
</div>
</div>
<div class="navbar-vertical-footer">
<a class="nav-link ps-2" href="{% if request.is_dealer%}{% url 'ticket_list' request.dealer.slug %} {% else %}#{%endif%}">
<div class="d-flex align-items-center">
{% if user.is_authenticated%}
<span class="nav-link-icon"><span class="fa-solid fa-gear me-1 fs-7"></span></span>
<span class="nav-link-text">{{ request.dealer.user.username }}</span>
{% endif %}
</div>
</a>
</div>
</a>
</div>
</nav>
<nav class="navbar navbar-top fixed-top navbar-expand" id="navbarDefault">
<div class="collapse navbar-collapse justify-content-between">
@ -499,12 +499,12 @@
<div class="d-flex align-items-center">
<small class="text-gray-600 ms-2 d-none d-sm-block fs-9"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
>
{% now "l, F j, Y g:i A" %}
</small>
<small class="text-gray-600 ms-2 d-none d-sm-block fs-9"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
>
{% now "l, F j, Y g:i A" %}
</small>
</div>
</div>
@ -562,13 +562,13 @@
{% if user.is_authenticated and request.is_dealer or request.is_staff %}
<li class="nav-item dropdown">
<a
class="nav-link lh-1 pe-0"
id="navbarDropdownUser"
role="button"
data-bs-toggle="dropdown"
data-bs-auto-close="outside"
aria-haspopup="true"
aria-expanded="false">
class="nav-link lh-1 pe-0"
id="navbarDropdownUser"
role="button"
data-bs-toggle="dropdown"
data-bs-auto-close="outside"
aria-haspopup="true"
aria-expanded="false">
<div class="avatar avatar-l text-center align-middle">
{% if request.is_dealer and user.dealer.logo %}
<img class="rounded-circle" src="{{ user.dealer.logo.url }}" alt="" />
@ -610,8 +610,8 @@
{% else %}
<li class="nav-item">
<a
class="nav-link px-3 d-block"
href="{% url 'staff_detail' request.dealer.slug request.staff.slug %}"> <span class="me-2 text-body align-bottom" data-feather="user"></span><span>{% translate 'profile'|capfirst %}</span></a>
class="nav-link px-3 d-block"
href="{% url 'staff_detail' request.dealer.slug request.staff.slug %}"> <span class="me-2 text-body align-bottom" data-feather="user"></span><span>{% translate 'profile'|capfirst %}</span></a>
</li>
{% endif %}
{% if request.is_dealer %}
@ -636,16 +636,16 @@
{% endif %}
</li>
{% if request.is_dealer%}
<li class="nav-item">
<a class="nav-link px-3 d-block"
href="{% url 'ticket_list' request.dealer.slug %}"> <span class="me-2 text-body align-bottom" data-feather="help-circle"></span>{{ _("Help Center") }}</a>
</li>
<li class="nav-item">
<a class="nav-link px-3 d-block"
href="{% url 'ticket_list' request.dealer.slug %}"> <span class="me-2 text-body align-bottom" data-feather="help-circle"></span>{{ _("Help Center") }}</a>
</li>
{% endif %}
{% if request.is_staff %}
<li class="nav-item">
<a
class="nav-link px-3 d-block"
href="{% url 'schedule_calendar' request.dealer.slug %}"> <span class="me-2 text-body align-bottom" data-feather="calendar"></span>{{ _("My Calendar") }}</a>
class="nav-link px-3 d-block"
href="{% url 'schedule_calendar' request.dealer.slug %}"> <span class="me-2 text-body align-bottom" data-feather="calendar"></span>{{ _("My Calendar") }}</a>
</li>
{% endif %}
<!--<li class="nav-item"><a class="nav-link px-3 d-block" href=""> Language</a></li>-->
@ -657,28 +657,28 @@
<a class="nav-link px-3 d-block" href=""> <span class="me-2 text-body align-bottom" data-feather="user-plus"></span>Add another account</a>
</li>-->
</ul>
</hr>
<div class="px-3">
<a class="btn btn-sm btn-phoenix-danger d-flex flex-center w-100"
href="{% url 'account_logout' %}"> <span class="fas fa-power-off me-2"></span>{% trans 'Sign Out' %}</a>
</div>
<div class="my-2 text-center fw-bold fs-10 text-body-quaternary">
<a class="text-body-quaternary me-1" href="">{% trans 'Privacy policy' %}</a>&bull;<a class="text-body-quaternary mx-1" href="">{% trans 'Terms' %}</a>&bull;<a class="text-body-quaternary ms-1" href="">Cookies</a>
</div>
{% else %}
<div class="px-3">
<a class="btn btn-phoenix-succes d-flex flex-center w-100"
href="{% url 'account_login' %}"> <span class="me-2" data-feather="log-in"></span>{% trans 'Sign In' %}</a>
</div>
<div class="px-3">
<a class="btn btn-phoenix-primary d-flex flex-center w-100"
href="{% url 'account_signup' %}"> <span class="me-2" data-feather="user-plus"></span>{% trans 'Sign Up' %}</a>
</div>
{% endif %}
</div>
</hr>
<div class="px-3">
<a class="btn btn-sm btn-phoenix-danger d-flex flex-center w-100"
href="{% url 'account_logout' %}"> <span class="fas fa-power-off me-2"></span>{% trans 'Sign Out' %}</a>
</div>
<div class="my-2 text-center fw-bold fs-10 text-body-quaternary">
<a class="text-body-quaternary me-1" href="">{% trans 'Privacy policy' %}</a>&bull;<a class="text-body-quaternary mx-1" href="">{% trans 'Terms' %}</a>&bull;<a class="text-body-quaternary ms-1" href="">Cookies</a>
</div>
{% else %}
<div class="px-3">
<a class="btn btn-phoenix-succes d-flex flex-center w-100"
href="{% url 'account_login' %}"> <span class="me-2" data-feather="log-in"></span>{% trans 'Sign In' %}</a>
</div>
</div>
</li>
</ul>
<div class="px-3">
<a class="btn btn-phoenix-primary d-flex flex-center w-100"
href="{% url 'account_signup' %}"> <span class="me-2" data-feather="user-plus"></span>{% trans 'Sign Up' %}</a>
</div>
{% endif %}
</div>
</div>
</div>
</li>
</ul>
</div>
</nav>

116
templates/inventory/add_colors.html
View File

@ -2,68 +2,68 @@
{% load i18n %}
{% block title %}
{% trans 'Add Colors' %} {% endblock %}
{% block content %}
<div class="row mt-4 mb-3">
<h3 class="text-center">{% trans "Add Colors" %}</h3>
<p class="text-center">
{% trans "Select exterior and interior colors for" %} {{ car.id_car_make.get_local_name }} {{ car.id_car_model.get_local_name }}
</p>
<form method="post">
{% csrf_token %}
{% block content %}
<div class="row mt-4 mb-3">
<h3 class="text-center">{% trans "Add Colors" %}</h3>
<p class="text-center">
{% trans "Select exterior and interior colors for" %} {{ car.id_car_make.get_local_name }} {{ car.id_car_model.get_local_name }}
</p>
<form method="post">
{% csrf_token %}
<!-- Exterior Colors -->
<div class="row g-4">
<p class="fs-5 mb-0">{% trans 'Exterior Colors' %}</p>
{% for color in form.fields.exterior.queryset %}
<div class="col-lg-4 col-xl-2">
<div class="card rounded shadow-sm color-card">
<label class="color-option">
<input class="color-radio"
type="radio"
name="exterior"
value="{{ color.id }}"
{% if color.id == form.instance.exterior.id %}checked{% endif %}>
<div class="card-body color-display"
style="background-color: rgb({{ color.rgb }})">
<div class="">
<small>{{ color.get_local_name }}</small>
</div>
<div class="row g-4">
<p class="fs-5 mb-0">{% trans 'Exterior Colors' %}</p>
{% for color in form.fields.exterior.queryset %}
<div class="col-lg-4 col-xl-2">
<div class="card rounded shadow-sm color-card">
<label class="color-option">
<input class="color-radio"
type="radio"
name="exterior"
value="{{ color.id }}"
{% if color.id == form.instance.exterior.id %}checked{% endif %}>
<div class="card-body color-display"
style="background-color: rgb({{ color.rgb }})">
<div class="">
<small>{{ color.get_local_name }}</small>
</div>
</label>
</div>
</div>
</label>
</div>
{% endfor %}
</div>
{% endfor %}
<!-- Interior Colors -->
<p class="fs-5 mt-3 mb-0">{% trans 'Interior Colors' %}</p>
{% for color in form.fields.interior.queryset %}
<div class="col-lg-4 col-xl-2">
<div class="card rounded shadow-sm color-card">
<label class="color-option">
<input class="color-radio"
type="radio"
name="interior"
value="{{ color.id }}"
{% if color.id == form.instance.interior.id %}checked{% endif %}>
<div class="card-body color-display"
style="background-color: rgb({{ color.rgb }})">
<div class="">
<small>{{ color.get_local_name }}</small>
</div>
<p class="fs-5 mt-3 mb-0">{% trans 'Interior Colors' %}</p>
{% for color in form.fields.interior.queryset %}
<div class="col-lg-4 col-xl-2">
<div class="card rounded shadow-sm color-card">
<label class="color-option">
<input class="color-radio"
type="radio"
name="interior"
value="{{ color.id }}"
{% if color.id == form.instance.interior.id %}checked{% endif %}>
<div class="card-body color-display"
style="background-color: rgb({{ color.rgb }})">
<div class="">
<small>{{ color.get_local_name }}</small>
</div>
</label>
</div>
</div>
</label>
</div>
{% endfor %}
</div>
<div class="d-flex justify-content-center mt-4">
<button class="btn btn-lg btn-phoenix-primary me-2" type="submit">
<i class="fa-solid fa-floppy-disk me-1"></i>{{ _("Save") }}
</button>
<a href="{% url 'car_detail' request.dealer.slug car.slug %}"
class="btn btn-lg btn-phoenix-secondary"><i class="fa-solid fa-ban me-1"></i>{% trans "Cancel" %}</a>
</div>
</form>
</div>
<style>
</div>
{% endfor %}
</div>
<div class="d-flex justify-content-center mt-4">
<button class="btn btn-lg btn-phoenix-primary me-2" type="submit">
<i class="fa-solid fa-floppy-disk me-1"></i>{{ _("Save") }}
</button>
<a href="{% url 'car_detail' request.dealer.slug car.slug %}"
class="btn btn-lg btn-phoenix-secondary"><i class="fa-solid fa-ban me-1"></i>{% trans "Cancel" %}</a>
</div>
</form>
</div>
<style>
.color-card {
cursor: pointer;
transition: all 0.3s ease;
@ -116,5 +116,5 @@
text-align: center;
width: 100%;
}
</style>
{% endblock %}
</style>
{% endblock %}

156
templates/inventory/car_detail.html
View File

@ -75,31 +75,31 @@
</div>
{% endif %}
<!-- Main row -->
{% if car.ready %}
<div class="d-flex align-items-center gap-2 mb-2">
<button type="button"
class="btn btn-sm btn-phoenix-success"
data-bs-toggle="modal"
data-bs-target="#estimateModal">
{% trans 'Create Estimate' %}
</button>
{% if active_estimates %}
<button type="button" class="btn btn-phoenix-warning btn-sm"
data-bs-toggle="modal"
data-bs-target="#activeEstimatesModal">
{% trans "Active Estimates" %}
<span class="ms-2 badge rounded-pill text-bg-light">{{ active_estimates|length }}</span>
</button>
{% endif %}
</div>
{% endif %}
{% if car.ready and car.status != 'sold' %}
<div class="d-flex align-items-center gap-2 mb-2">
<button type="button"
class="btn btn-sm btn-phoenix-success"
data-bs-toggle="modal"
data-bs-target="#estimateModal">
{% trans 'Create Estimate' %}
</button>
{% if active_estimates %}
<button type="button" class="btn btn-phoenix-warning btn-sm"
data-bs-toggle="modal"
data-bs-target="#activeEstimatesModal">
{% trans "Active Estimates" %}
<span class="ms-2 badge rounded-pill text-bg-light">{{ active_estimates|length }}</span>
</button>
{% endif %}
</div>
{% endif %}
{% if perms.inventory.view_car %}
<div class="row-fluid {% if car.status == 'sold' %}disabled{% endif %}">
<div class="row g-3 justify-content-between">
<div class="col-md-6">
<div class="card mb-3 rounded shadow d-flex justify-content-center align-item-center{% if car.get_transfer %}disabled{% endif %}">
<p class="card-header rounded-top fw-bold">{% trans 'Car Details' %}</p>
<div class="col-md-4 ms-4 mt-2">
<div class="col-md-4 ms-4 mt-2">
<div class="avatar avatar-6xl mb-3">
<img class="rounded"
src="{% static 'images/car_images/' %}{{ car.get_hash }}.png"
@ -219,7 +219,7 @@
hx-swap="innerHTML"
data-bs-toggle="modal"
data-bs-target="#mainModal"
>{% trans 'Add' %}</button>
>{% trans 'Add' %}</button>
{% endif %}
</td>
</tr>
@ -283,10 +283,10 @@
<tr>
<th>{% trans "Cost Price"|capfirst %}</th>
{% if request.is_dealer or request.is_accountant or request.manager%}
<td class="text-nowrap">{{ car.cost_price|floatformat:2 }}<span class="icon-saudi_riyal"></span></td>
<td class="text-nowrap">{{ car.cost_price|floatformat:2 }}<span class="icon-saudi_riyal"></span></td>
{% else %}
<td class="d-none text-nowrap">{{ car.cost_price|floatformat:2 }}<span class="icon-saudi_riyal"></span></td>
{% endif %}
<td class="d-none text-nowrap">{{ car.cost_price|floatformat:2 }}<span class="icon-saudi_riyal"></span></td>
{% endif %}
</tr>
<tr>
<th>{% trans "Marked Price"|capfirst %}</th>
@ -295,21 +295,21 @@
<tr>
{% if perms.django_ledger.change_ledgermodel %}
<td colspan="2">
{% if not car.get_transfer %}
<a href="{% url 'car_finance_update' request.dealer.slug car.slug %}"
class="btn btn-phoenix-warning btn-sm mb-3">{% trans "Edit" %}</a>
{% else %}
<span class="badge bg-danger">{% trans "Cannot Edit, Car in Transfer." %}</span>
{% endif %}
</td>
<td colspan="2">
{% if not car.get_transfer %}
<a href="{% url 'car_finance_update' request.dealer.slug car.slug %}"
class="btn btn-phoenix-warning btn-sm mb-3">{% trans "Edit" %}</a>
{% else %}
<span class="badge bg-danger">{% trans "Cannot Edit, Car in Transfer." %}</span>
{% endif %}
</td>
{% endif %}
</tr>
{% else %}
{% if perms.inventory.add_car%}
<p>{% trans "No finance details available." %}</p>
<a href="{% url 'car_finance_update' request.dealer.slug car.slug %}"
class="btn btn-phoenix-success btn-sm mb-3">{% trans "Add" %}</a>
{% if perms.inventory.add_car%}
<p>{% trans "No finance details available." %}</p>
<a href="{% url 'car_finance_update' request.dealer.slug car.slug %}"
class="btn btn-phoenix-success btn-sm mb-3">{% trans "Add" %}</a>
{% endif %}
{% endif %}
</table>
@ -425,19 +425,19 @@
{% endif %}
</tr>
{% endfor %}
{% else %}
{% if perms.inventory.add_carreservation %}
<tr>
<td>
<button type="button"
class="btn btn-sm btn-phoenix-success"
data-bs-toggle="modal"
data-bs-target="#reserveModal">
{% trans 'Reserve' %}
</button>
</td>
</tr>
{% endif %}
{% else %}
{% if perms.inventory.add_carreservation %}
<tr>
<td>
<button type="button"
class="btn btn-sm btn-phoenix-success"
data-bs-toggle="modal"
data-bs-target="#reserveModal">
{% trans 'Reserve' %}
</button>
</td>
</tr>
{% endif %}
</tbody>
{% endif %}
</table>
@ -542,7 +542,7 @@
data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div id="estimateModalBody" class="main-modal-body" style="padding: 20px;">
<div id="estimateModalBody" style="padding: 20px;">
<form action="{% url 'create_estimate_for_car' request.dealer.slug car.slug %}" method="post">
{% csrf_token %}
{{estimate_form|crispy}}
@ -639,28 +639,28 @@
<!--active estimate modal-->
<div class="modal fade" id="activeEstimatesModal" tabindex="-1" aria-labelledby="activeEstimatesModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-top">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="activeEstimatesModalLabel">Active Estimates ({{ active_estimates|length }})</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="d-flex flex-column gap-3">
{% for e in active_estimates %}
<div class="d-flex align-items-center gap-2 border-bottom pb-2">
<span class="badge rounded-pill bg-primary text-light me-1">{{ e.content_object.estimate_number }}</span class="text-nowrap"><span>{% trans " created by: " %}</span>
<div class="text-muted">{{ e.related_object }}</div>
</div>
{% endfor %}
<div class="modal-dialog modal-dialog-top">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="activeEstimatesModalLabel">Active Estimates ({{ active_estimates|length }})</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="d-flex flex-column gap-3">
{% for e in active_estimates %}
<div class="d-flex align-items-center gap-2 border-bottom pb-2">
<span class="badge rounded-pill bg-primary text-light me-1">{{ e.content_object.estimate_number }}</span class="text-nowrap"><span>{% trans " created by: " %}</span>
<div class="text-muted">{{ e.related_object }}</div>
</div>
{% endfor %}
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-phoenix-secondary" data-bs-dismiss="modal">{% trans "Close" %}</button>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-phoenix-secondary" data-bs-dismiss="modal">{% trans "Close" %}</button>
</div>
</div>
</div>
</div>
{% endblock %}
{% block customJS %}
<script>
@ -771,16 +771,16 @@
}
document.addEventListener('htmx:afterRequest', e => {
console.log('PUT Success!')
});
document.addEventListener('htmx:beforeSwap', e => {
console.log('Before Swap!')
});
document.addEventListener('htmx:swapError', e => {
console.log('Swap Error!')
});
document.addEventListener('htmx:afterSwap', e => {
console.log('After Swap!')
});
console.log('PUT Success!')
});
document.addEventListener('htmx:beforeSwap', e => {
console.log('Before Swap!')
});
document.addEventListener('htmx:swapError', e => {
console.log('Swap Error!')
});
document.addEventListener('htmx:afterSwap', e => {
console.log('After Swap!')
});
</script>
{% endblock %}

2
templates/inventory/car_form.html
View File

@ -25,7 +25,7 @@
{% endif %}
<!---->
<div class="row justify-content-center mt-5 mb-3 {% if not vendor_exists %}d-none{% endif %}"
>
>
<div class="col-lg-8 col-md-10">
<div class="card shadow-sm border-0 rounded-3">
<div class="card-header bg-gray-200 py-3 border-0 rounded-top-3">

6
templates/inventory/car_inventory.html
View File

@ -134,9 +134,9 @@
<span class="badge badge-phoenix fs-10 badge-phoenix-primary"><span class="badge-label">{{ _("Sold") }}</span><span class="ms-1" data-feather="package" style="height:13px;width:13px;"></span></span>
{% elif car.status == "hold" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-warning"><span class="badge-label">{{ _("Hold") }}</span><span class="ms-1"
data-feather="alert-octagon"
style="height:13px;
width:13px"></span></span>
data-feather="alert-octagon"
style="height:13px;
width:13px"></span></span>
{% elif car.status == "reserved" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-danger"><span class="badge-label">{{ _("Reserved") }}</span><span class="ms-1" data-feather="info" style="height:13px;width:13px;"></span></span>
{% elif car.status == "damaged" %}

2
templates/inventory/car_list.html
View File

@ -2,7 +2,7 @@
{% load i18n %}
{% load custom_filters %}
{% block title %}
{% trans "Car list" %}
{% trans "Car list" %}
{% endblock %}
{% block content %}
<div class="row-fluid p-2">

520
templates/inventory/car_list_view.html
View File

@ -26,287 +26,287 @@
{% endblock customCSS %}
{% block content %}
<div class="container-fluid" id="projectSummary">
<div class="row g-3 justify-content-between align-items-end mb-4">
<div class="col-12 col-sm-auto">
<h2 class="text-body-emphasis fw-bold mb-0">
{{ _("Inventory") }}
<li class="fas fa-store text-primary ms-2"></li>
</h2>
</div>
<div class="container-fluid" id="projectSummary">
<div class="row g-3 justify-content-between align-items-end mb-4">
<div class="col-12 col-sm-auto">
<h2 class="text-body-emphasis fw-bold mb-0">
{{ _("Inventory") }}
<li class="fas fa-store text-primary ms-2"></li>
</h2>
</div>
<div class="row g-3 justify-content-between align-items-end mb-2">
<div class="col-4 col-sm-auto">
<ul class="nav nav-links mx-n2"
hx-boost="true"
hx-push-url="false"
hx-target=".table-responsive"
hx-select=".table-responsive"
hx-swap="innerHTML show:window:top"
hx-indicator=".htmx-indicator"
hx-on::before-request="on_before_request()"
hx-on::after-request="on_after_request()">
<li class="nav-item">
<a class="nav-link px-2 py-1 active"
aria-current="page"
href="{% url 'car_list' request.dealer.slug %}"><span>{{ _("All") }}</span><span class="text-body-tertiary fw-semibold">({{ stats.all }})</span></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 py-1"
href="{% url 'car_list' request.dealer.slug %}?status=available"><span>{{ _("Available") }}</span><span class="text-body-tertiary fw-semibold">({{ stats.available }})</span></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 py-1"
href="{% url 'car_list' request.dealer.slug %}?status=reserved"><span>{{ _("Reserved") }}</span><span class="text-body-tertiary fw-semibold">({{ stats.reserved }})</span></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 py-1"
href="{% url 'car_list' request.dealer.slug %}?status=transfer"><span>{{ _("Transfer") }}</span><span class="text-body-tertiary fw-semibold">({{ stats.transfer }})</span></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 py-1"
href="{% url 'car_list' request.dealer.slug %}?status=sold"><span>{{ _("Sold") }}</span><span class="text-body-tertiary fw-semibold">({{ stats.sold }})</span></a>
</li>
<li class="nav-item">
<button hx-on:click="toggle_filter()"
class="btn btn-sm btn-phoenix-primary px-2 py-1">
<span><span class="fa fa-filter me-1"></span>{{ _("Filter") }}</span>
<span class="fas fa-caret-down fs-9 ms-1 filter-icon"></span>
</button>
</li>
</ul>
</div>
<div class="col-4 col-sm-auto">
<form hx-boost="true"
action="{% url 'bulk_update_car_price' %}"
method="post"
hx-include=".car-checkbox"
class="update-price-form d-flex flex-row align-items-center ms-auto d-none"
style="float: right">
{% csrf_token %}
<div class="input-group">
<input class="form-control"
type="number"
placeholder='{{ _("Price") }}'
name="price"
aria-label="Price"
id="price" />
<button class="btn btn-sm btn-phoenix-primary" type="submit">{{ _("Update") }}</button>
</div>
</form>
</div>
<div class="col-4 col-sm-auto">
<div class="d-flex align-items-center">
<div class="spinner-border mx-3 htmx-indicator" role="status">
<span class="visually-hidden">{% trans "Loading..." %}</span>
</div>
<div class="search-box me-3">
<form class="position-relative">
<input class="form-control search-input search"
name="search"
type="search"
placeholder="{% trans 'Search' %}"
aria-label="Search"
hx-get="{% url 'car_list' request.dealer.slug %}"
hx-trigger="keyup changed delay:500ms"
hx-target=".table-responsive"
hx-select=".table-responsive"
hx-swap="innerHTML show:window:top"
hx-indicator=".htmx-indicator"
hx-on::before-request="on_before_request()"
hx-on::after-request="on_after_request()" />
<span class="fas fa-search search-box-icon"></span>
</form>
</div>
</div>
<div class="row g-3 justify-content-between align-items-end mb-2">
<div class="col-4 col-sm-auto">
<ul class="nav nav-links mx-n2"
hx-boost="true"
hx-push-url="false"
hx-target=".table-responsive"
hx-select=".table-responsive"
hx-swap="innerHTML show:window:top"
hx-indicator=".htmx-indicator"
hx-on::before-request="on_before_request()"
hx-on::after-request="on_after_request()">
<li class="nav-item">
<a class="nav-link px-2 py-1 active"
aria-current="page"
href="{% url 'car_list' request.dealer.slug %}"><span>{{ _("All") }}</span><span class="text-body-tertiary fw-semibold">({{ stats.all }})</span></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 py-1"
href="{% url 'car_list' request.dealer.slug %}?status=available"><span>{{ _("Available") }}</span><span class="text-body-tertiary fw-semibold">({{ stats.available }})</span></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 py-1"
href="{% url 'car_list' request.dealer.slug %}?status=reserved"><span>{{ _("Reserved") }}</span><span class="text-body-tertiary fw-semibold">({{ stats.reserved }})</span></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 py-1"
href="{% url 'car_list' request.dealer.slug %}?status=transfer"><span>{{ _("Transfer") }}</span><span class="text-body-tertiary fw-semibold">({{ stats.transfer }})</span></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 py-1"
href="{% url 'car_list' request.dealer.slug %}?status=sold"><span>{{ _("Sold") }}</span><span class="text-body-tertiary fw-semibold">({{ stats.sold }})</span></a>
</li>
<li class="nav-item">
<button hx-on:click="toggle_filter()"
class="btn btn-sm btn-phoenix-primary px-2 py-1">
<span><span class="fa fa-filter me-1"></span>{{ _("Filter") }}</span>
<span class="fas fa-caret-down fs-9 ms-1 filter-icon"></span>
</button>
</li>
</ul>
</div>
<div class="col-4 col-sm-auto">
<form hx-boost="true"
action="{% url 'bulk_update_car_price' %}"
method="post"
hx-include=".car-checkbox"
class="update-price-form d-flex flex-row align-items-center ms-auto d-none"
style="float: right">
{% csrf_token %}
<div class="input-group">
<input class="form-control"
type="number"
placeholder='{{ _("Price") }}'
name="price"
aria-label="Price"
id="price" />
<button class="btn btn-sm btn-phoenix-primary" type="submit">{{ _("Update") }}</button>
</div>
</form>
</div>
<div class="col-4 col-sm-auto">
<div class="d-flex align-items-center">
<div class="spinner-border mx-3 htmx-indicator" role="status">
<span class="visually-hidden">{% trans "Loading..." %}</span>
</div>
<div class="search-box me-3">
<form class="position-relative">
<input class="form-control search-input search"
name="search"
type="search"
placeholder="{% trans 'Search' %}"
aria-label="Search"
hx-get="{% url 'car_list' request.dealer.slug %}"
hx-trigger="keyup changed delay:500ms"
hx-target=".table-responsive"
hx-select=".table-responsive"
hx-swap="innerHTML show:window:top"
hx-indicator=".htmx-indicator"
hx-on::before-request="on_before_request()"
hx-on::after-request="on_after_request()" />
<span class="fas fa-search search-box-icon"></span>
</form>
</div>
</div>
</div>
<div class="row">
<div class="d-flex align-items-center d-none filter">
<select hx-get="{% url 'car_list' request.dealer.slug %}"
name="make"
hx-target=".model-select"
hx-select=".model-select"
hx-swap="outerHTML show:window:top"
hx-indicator=".htmx-indicator"
class="form-select form-control-sm me-1 make"
aria-label="Default select example"
hx-on::before-request="filter_before_request()"
hx-on::after-request="filter_after_request()">
<option selected="" value="" disabled>{{ _("Make") }}</option>
{% for m in make %}<option value="{{ m.pk }}">{{ m.get_local_name|default:m.name }}</option>{% endfor %}
</select>
<select hx-get="{% url 'car_list' request.dealer.slug %}"
hx-include=".make"
name="model"
hx-target=".year"
hx-select=".year"
hx-swap="outerHTML show:window:top"
hx-indicator=".htmx-indicator"
class="form-select form-control-sm me-1 model-select"
aria-label="Default select example"
hx-on::before-request="filter_before_request()"
hx-on::after-request="filter_after_request()">
<option selected="" value="" disabled>{{ _("Model") }}</option>
{% for m in model %}<option value="{{ m.pk }}">{{ m.get_local_name|default:m.name }}</option>{% endfor %}
</select>
<select class="form-select form-control-sm me-1 year"
name="year"
aria-label="Default select example">
<option selected="" value="" disabled>{{ _("Year") }}</option>
{% for y in year %}<option value="{{ y.0 }}">{{ y.0 }}</option>{% endfor %}
</select>
<select class="form-select form-control-sm me-1 car_status"
name="car_status"
aria-label="Default select example">
<option selected="" value="">{{ _("All") }}</option>
<option value="available">{{ _("Available") }}</option>
<option value="reserved">{{ _("Reserved") }}</option>
<option value="sold">{{ _("Sold") }}</option>
<option value="transfer">{{ _("Transfer") }}</option>
</select>
<button id="search"
hx-get="{% url 'car_list' request.dealer.slug %}"
hx-include=".make,.model,.year,.car_status"
hx-indicator=".htmx-indicator"
hx-target=".table-responsive1"
hx-select=".table-responsive1"
hx-swap="outerHTML show:window:top"
class="btn btn-sm btn-phoenix-primary ms-1"
hx-on::before-request="filter_before_request()"
hx-on::after-request="filter_after_request()">{{ _("Search") }}</button>
</div>
<div class="table-responsive1 scrollbar">
<div class="d-flex flex-wrap align-items-center justify-content-between py-3 pe-0 fs-9">
<div class="d-flex"
hx-boost="false"
hx-push-url="false"
hx-include=".make,.model,.year,.car_status"
hx-target=".table-responsive"
hx-select=".table-responsive"
hx-swap="innerHTML show:window:top"
hx-indicator=".htmx-indicator"
hx-on::before-request="on_before_request()"
hx-on::after-request="on_after_request()"></div>
<div class="w-100 list table-responsive">
{% for car in cars %}
<div class="card border mb-3 py-0 px-0" id="project-list-table-body">
<div class="card-body">
<div class="row align-items-center">
</div>
<div class="row">
<div class="d-flex align-items-center d-none filter">
<select hx-get="{% url 'car_list' request.dealer.slug %}"
name="make"
hx-target=".model-select"
hx-select=".model-select"
hx-swap="outerHTML show:window:top"
hx-indicator=".htmx-indicator"
class="form-select form-control-sm me-1 make"
aria-label="Default select example"
hx-on::before-request="filter_before_request()"
hx-on::after-request="filter_after_request()">
<option selected="" value="" disabled>{{ _("Make") }}</option>
{% for m in make %}<option value="{{ m.pk }}">{{ m.get_local_name|default:m.name }}</option>{% endfor %}
</select>
<select hx-get="{% url 'car_list' request.dealer.slug %}"
hx-include=".make"
name="model"
hx-target=".year"
hx-select=".year"
hx-swap="outerHTML show:window:top"
hx-indicator=".htmx-indicator"
class="form-select form-control-sm me-1 model-select"
aria-label="Default select example"
hx-on::before-request="filter_before_request()"
hx-on::after-request="filter_after_request()">
<option selected="" value="" disabled>{{ _("Model") }}</option>
{% for m in model %}<option value="{{ m.pk }}">{{ m.get_local_name|default:m.name }}</option>{% endfor %}
</select>
<select class="form-select form-control-sm me-1 year"
name="year"
aria-label="Default select example">
<option selected="" value="" disabled>{{ _("Year") }}</option>
{% for y in year %}<option value="{{ y.0 }}">{{ y.0 }}</option>{% endfor %}
</select>
<select class="form-select form-control-sm me-1 car_status"
name="car_status"
aria-label="Default select example">
<option selected="" value="">{{ _("All") }}</option>
<option value="available">{{ _("Available") }}</option>
<option value="reserved">{{ _("Reserved") }}</option>
<option value="sold">{{ _("Sold") }}</option>
<option value="transfer">{{ _("Transfer") }}</option>
</select>
<button id="search"
hx-get="{% url 'car_list' request.dealer.slug %}"
hx-include=".make,.model,.year,.car_status"
hx-indicator=".htmx-indicator"
hx-target=".table-responsive1"
hx-select=".table-responsive1"
hx-swap="outerHTML show:window:top"
class="btn btn-sm btn-phoenix-primary ms-1"
hx-on::before-request="filter_before_request()"
hx-on::after-request="filter_after_request()">{{ _("Search") }}</button>
</div>
<div class="table-responsive1 scrollbar">
<div class="d-flex flex-wrap align-items-center justify-content-between py-3 pe-0 fs-9">
<div class="d-flex"
hx-boost="false"
hx-push-url="false"
hx-include=".make,.model,.year,.car_status"
hx-target=".table-responsive"
hx-select=".table-responsive"
hx-swap="innerHTML show:window:top"
hx-indicator=".htmx-indicator"
hx-on::before-request="on_before_request()"
hx-on::after-request="on_after_request()"></div>
<div class="w-100 list table-responsive">
{% for car in cars %}
<div class="card border mb-3 py-0 px-0" id="project-list-table-body">
<div class="card-body">
<div class="row align-items-center">
<!-- Vehicle Image/Icon -->
<div class="col-auto">
<div class="avatar avatar-3xl">
<img class="rounded-soft shadow shadow-lg"
src="{% static 'images/car_images/' %}{{ car.get_hash }}.png"
alt="{{ car.vin }}" />
</div>
<div class="col-auto">
<div class="avatar avatar-3xl">
<img class="rounded-soft shadow shadow-lg"
src="{% static 'images/car_images/' %}{{ car.get_hash }}.png"
alt="{{ car.vin }}" />
</div>
</div>
<!-- Vehicle Details -->
<div class="col">
<div class="row">
<div class="col">
<div class="row">
<!-- Make/Model/Specs -->
<div class="col-md-4">
<h5 class="text-body-emphasis fw-bold">{{ car.year }}</h5>
<p class="text-body-emphasis fw-bold">
<a href="{% url 'car_detail' request.dealer.slug car.slug %}"
class="text-decoration-none text-body-emphasis">
{{ car.id_car_make.get_local_name }}
</a>
<small>{{ car.id_car_model.get_local_name }}</small>
</p>
<small class="text-body-secondary" dir="ltr">{{ car.id_car_trim }}</small>
</div>
<!-- Color and Date -->
<div class="col-md-3">
<p class="text-body mb-1">{{ car.colors.exterior.get_local_name }}</p>
<small class="text-body-secondary">{{ car.receiving_date|naturalday|capfirst }}</small>
</div>
<!-- Status Badge -->
<div class="col-md-3">
{% if car.status == "available" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-success text-uppercase px-3 py-2">{{ _("Available") }}</span>
{% elif car.status == "reserved" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-warning text-uppercase px-3 py-2">{{ _("Reserved") }}</span>
{% elif car.status == "sold" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-danger text-uppercase px-3 py-2">{{ _("Sold") }}</span>
{% elif car.status == "transfer" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-info text-uppercase px-3 py-2">{{ _("Transfer") }}</span>
{% endif %}
</div>
<!-- Ready Status -->
<div class="col-md-2">
<div class="d-flex align-items-center">
<span class="fs-10 fw-light me-2">{{ _("Inventory Ready") }}</span>
{% if car.ready %}
<span class="badge bg-success rounded-circle p-1 me-2">
<span class="visually-hidden">{% trans "Ready" %}</span>
</span>
<span class="text-success fw-bold">{{ _("Yes") }}</span>
{% else %}
<span class="badge bg-danger rounded-circle p-1 me-2">
<span class="visually-hidden">{% trans "Not Ready" %}</span>
</span>
<span class="text-danger fw-bold">{{ _("No") }}</span>
{% endif %}
</div>
</div>
<div class="col-md-4">
<h5 class="text-body-emphasis fw-bold">{{ car.year }}</h5>
<p class="text-body-emphasis fw-bold">
<a href="{% url 'car_detail' request.dealer.slug car.slug %}"
class="text-decoration-none text-body-emphasis">
{{ car.id_car_make.get_local_name }}
</a>
<small>{{ car.id_car_model.get_local_name }}</small>
</p>
<small class="text-body-secondary" dir="ltr">{{ car.id_car_trim }}</small>
</div>
</div>
<!-- Action Menu -->
<div class="col-auto">
<div class="btn-reveal-trigger position-static">
<button class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10"
type="button"
data-bs-toggle="dropdown"
data-boundary="window"
aria-haspopup="true"
aria-expanded="false"
data-bs-reference="parent">
<span class="fas fa-ellipsis-h fs-10"></span>
</button>
<div class="dropdown-menu dropdown-menu-end py-2">
<a class="dropdown-item"
href="{% url 'car_detail' request.dealer.slug car.slug %}"> <span class="fas fa-eye me-2"></span>{{ _("View") }} </a>
{% if perms.inventory.change_car and not car.status == 'sold' %}
<a class="dropdown-item"
href="{% url 'car_update' request.dealer.slug car.slug %}"> <span class="fas fa-edit me-2"></span>{{ _("Edit") }} </a>
{% endif %}
{% if perms.inventory.delete_car and not car.status == 'sold' %}
<div class="dropdown-divider"></div>
<a class="dropdown-item text-danger"
href="{% url 'car_delete' request.dealer.slug car.slug %}"> <span class="fas fa-trash me-2"></span>{{ _("Remove") }} </a>
<!-- Color and Date -->
<div class="col-md-3">
<p class="text-body mb-1">{{ car.colors.exterior.get_local_name }}</p>
<small class="text-body-secondary">{{ car.receiving_date|naturalday|capfirst }}</small>
</div>
<!-- Status Badge -->
<div class="col-md-3">
{% if car.status == "available" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-success text-uppercase px-3 py-2">{{ _("Available") }}</span>
{% elif car.status == "reserved" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-warning text-uppercase px-3 py-2">{{ _("Reserved") }}</span>
{% elif car.status == "sold" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-danger text-uppercase px-3 py-2">{{ _("Sold") }}</span>
{% elif car.status == "transfer" %}
<span class="badge badge-phoenix fs-10 badge-phoenix-info text-uppercase px-3 py-2">{{ _("Transfer") }}</span>
{% endif %}
</div>
<!-- Ready Status -->
<div class="col-md-2">
<div class="d-flex align-items-center">
<span class="fs-10 fw-light me-2">{{ _("Inventory Ready") }}</span>
{% if car.ready %}
<span class="badge bg-success rounded-circle p-1 me-2">
<span class="visually-hidden">{% trans "Ready" %}</span>
</span>
<span class="text-success fw-bold">{{ _("Yes") }}</span>
{% else %}
<span class="badge bg-danger rounded-circle p-1 me-2">
<span class="visually-hidden">{% trans "Not Ready" %}</span>
</span>
<span class="text-danger fw-bold">{{ _("No") }}</span>
{% endif %}
</div>
</div>
</div>
</div>
<!-- Action Menu -->
<div class="col-auto">
<div class="btn-reveal-trigger position-static">
<button class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10"
type="button"
data-bs-toggle="dropdown"
data-boundary="window"
aria-haspopup="true"
aria-expanded="false"
data-bs-reference="parent">
<span class="fas fa-ellipsis-h fs-10"></span>
</button>
<div class="dropdown-menu dropdown-menu-end py-2">
<a class="dropdown-item"
href="{% url 'car_detail' request.dealer.slug car.slug %}"> <span class="fas fa-eye me-2"></span>{{ _("View") }} </a>
{% if perms.inventory.change_car and not car.status == 'sold' %}
<a class="dropdown-item"
href="{% url 'car_update' request.dealer.slug car.slug %}"> <span class="fas fa-edit me-2"></span>{{ _("Edit") }} </a>
{% endif %}
{% if perms.inventory.delete_car and not car.status == 'sold' %}
<div class="dropdown-divider"></div>
<a class="dropdown-item text-danger"
href="{% url 'car_delete' request.dealer.slug car.slug %}"> <span class="fas fa-trash me-2"></span>{{ _("Remove") }} </a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% empty %}
<div class="text-center py-5">
<div class="text-body-secondary">
<span class="fas fa-car fa-4x mb-3 opacity-50"></span>
<h4 class="text-body-secondary">{{ _("No vehicles found") }}</h4>
<p class="text-body-tertiary">{{ _("Try adjusting your search criteria or filters") }}</p>
</div>
</div>
{% empty %}
<div class="text-center py-5">
<div class="text-body-secondary">
<span class="fas fa-car fa-4x mb-3 opacity-50"></span>
<h4 class="text-body-secondary">{{ _("No vehicles found") }}</h4>
<p class="text-body-tertiary">{{ _("Try adjusting your search criteria or filters") }}</p>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">{% include 'partials/pagination.html' %}</div>
</div>
{% endif %}
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">{% include 'partials/pagination.html' %}</div>
</div>
{% endif %}
</div>
</div>
</div>
{% endblock %}
{% block customJS%}
<script>
function toggle_filter() {
const filterContainer = document.querySelector('.filter');
filterContainer.classList.toggle('d-none');
}
</script>
<script>
function toggle_filter() {
const filterContainer = document.querySelector('.filter');
filterContainer.classList.toggle('d-none');
}
</script>
{% endblock %}

2
templates/inventory/colors.html
View File

@ -45,7 +45,7 @@
#065535
#000000
#133337
#ffc0cb</a>
#ffc0cb</a>
<br>
<span class="glyphicon glyphicon-star"></span>707
</div>

2
templates/inventory/list.html
View File

@ -3,7 +3,7 @@
{% load static %}
{% load custom_filters %}
{% block title %}
{% trans "Track Inventory" %}
{% trans "Track Inventory" %}
{% endblock %}
{% block content %}
<div class="container-fluid px-4 py-4">

258
templates/inventory/transfer_preview.html
View File

@ -184,145 +184,145 @@
}
</script>
</main>
{% else %}
<div class="button-row">
<button id="download-pdf" class="btn btn-phoenix-primary">
<i class="fas fa-download"></i> {% trans 'Download transfer' %}
</button>
<button id="accept"
class="btn btn-phoenix-success"
data-bs-toggle="modal"
data-bs-target="#acceptModal">
<i class="fas fa-check-circle"></i> {% trans 'Accept transfer' %}
</button>
<button id="reject"
class="btn btn-phoenix-danger"
data-bs-toggle="modal"
data-bs-target="#rejectModal">
<i class="fas fa-times-circle"></i> {% trans 'Reject transfer' %}
</button>
</div>
{% else %}
<div class="button-row">
<button id="download-pdf" class="btn btn-phoenix-primary">
<i class="fas fa-download"></i> {% trans 'Download transfer' %}
</button>
<button id="accept"
class="btn btn-phoenix-success"
data-bs-toggle="modal"
data-bs-target="#acceptModal">
<i class="fas fa-check-circle"></i> {% trans 'Accept transfer' %}
</button>
<button id="reject"
class="btn btn-phoenix-danger"
data-bs-toggle="modal"
data-bs-target="#rejectModal">
<i class="fas fa-times-circle"></i> {% trans 'Reject transfer' %}
</button>
</div>
<!-- Accept Modal -->
<div class="modal fade"
id="acceptModal"
tabindex="-1"
aria-labelledby="acceptModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="acceptModalLabel">{% trans 'Accept transfer' %}</h5>
<button type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">{% trans 'Are you sure you want to accept this transfer?' %}</div>
<div class="modal-footer">
<button type="button"
class="btn btn-phoenix-secondary"
data-bs-dismiss="modal">{% trans 'Cancel' %}</button>
<a class="btn btn-phoenix-success"
href="{% url 'transfer_accept_reject' transfer.car.pk transfer.pk %}?status=accepted">{% trans "Confirm" %}</a>
</div>
<div class="modal fade"
id="acceptModal"
tabindex="-1"
aria-labelledby="acceptModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="acceptModalLabel">{% trans 'Accept transfer' %}</h5>
<button type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">{% trans 'Are you sure you want to accept this transfer?' %}</div>
<div class="modal-footer">
<button type="button"
class="btn btn-phoenix-secondary"
data-bs-dismiss="modal">{% trans 'Cancel' %}</button>
<a class="btn btn-phoenix-success"
href="{% url 'transfer_accept_reject' transfer.car.pk transfer.pk %}?status=accepted">{% trans "Confirm" %}</a>
</div>
</div>
</div>
</div>
<!-- Reject Modal -->
<div class="modal fade"
id="rejectModal"
tabindex="-1"
aria-labelledby="rejectModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="rejectModalLabel">{% trans 'Reject transfer' %}</h5>
<button type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">{% trans 'Are you sure you want to reject this transfer?' %}</div>
<div class="modal-footer">
<button type="button"
class="btn btn-phoenix-secondary"
data-bs-dismiss="modal">{% trans 'Cancel' %}</button>
<a class="btn btn-phoenix-success"
href="{% url 'transfer_accept_reject' transfer.car.pk transfer.pk %}?status=rejected">{% trans "Confirm" %}</a>
</div>
<div class="modal fade"
id="rejectModal"
tabindex="-1"
aria-labelledby="rejectModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="rejectModalLabel">{% trans 'Reject transfer' %}</h5>
<button type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">{% trans 'Are you sure you want to reject this transfer?' %}</div>
<div class="modal-footer">
<button type="button"
class="btn btn-phoenix-secondary"
data-bs-dismiss="modal">{% trans 'Cancel' %}</button>
<a class="btn btn-phoenix-success"
href="{% url 'transfer_accept_reject' transfer.car.pk transfer.pk %}?status=rejected">{% trans "Confirm" %}</a>
</div>
</div>
</div>
<div class="transfer-row" id="transfer-content">
</div>
<div class="transfer-row" id="transfer-content">
<!-- Header -->
<div class="transfer-header">
<svg width="101"
height="24"
viewBox="0 0 101 24"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<div class="transfer-header">
<svg width="101"
height="24"
viewBox="0 0 101 24"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<!-- SVG Paths -->
</svg>
<h1 style="margin-top: 10px;">
<b>{% trans "Transfer" %}</b>
</h1>
<p>{% trans "Thank you for choosing us. We appreciate your business" %}</p>
</div>
<!-- Details -->
<div class="transfer-details">
<p>
<strong>{% trans "Date" %} :</strong> {{ transfer.created_at }}
</p>
<p>
<strong>{% trans "From" %} :</strong> {{ transfer.from_dealer }}
</p>
<p>
<strong>{% trans "To" %} :</strong> {{ transfer.to_dealer }}
</p>
</div>
<!-- Items Table -->
<div class="transfer-table">
<table class="table table-bordered">
<thead>
<tr>
<th>{% trans "Item" %}</th>
<th class="text-center">{% trans "Quantity" %}</th>
<th class="text-center">{% trans "Unit Price" %}</th>
<th class="text-center">{% trans "Total" %}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ transfer.car }}</td>
<td class="text-center">{{ transfer.quantity }}</td>
<td class="text-center">{{ transfer.car.selling_price }}</td>
<td class="text-center">{{ transfer.total_price }}</td>
</tr>
</tbody>
</table>
</div>
<!-- Total -->
<div class="transfer-total">
<p>
<strong>{% trans "Total Amount" %}:</strong> <span class="highlight">${{ transfer.total_price }}</span>
</p>
</div>
<!-- Footer Note -->
<div class="footer-note">
<p>
{% trans "If you have any questions, feel free to contact us at" %} <a href="mailto:support@example.com">support@tenhal.com</a>.
</p>
<p>{% trans "Thank you for your business" %}</p>
</div>
</svg>
<h1 style="margin-top: 10px;">
<b>{% trans "Transfer" %}</b>
</h1>
<p>{% trans "Thank you for choosing us. We appreciate your business" %}</p>
</div>
{% endif %}
<!-- Details -->
<div class="transfer-details">
<p>
<strong>{% trans "Date" %} :</strong> {{ transfer.created_at }}
</p>
<p>
<strong>{% trans "From" %} :</strong> {{ transfer.from_dealer }}
</p>
<p>
<strong>{% trans "To" %} :</strong> {{ transfer.to_dealer }}
</p>
</div>
<!-- Items Table -->
<div class="transfer-table">
<table class="table table-bordered">
<thead>
<tr>
<th>{% trans "Item" %}</th>
<th class="text-center">{% trans "Quantity" %}</th>
<th class="text-center">{% trans "Unit Price" %}</th>
<th class="text-center">{% trans "Total" %}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ transfer.car }}</td>
<td class="text-center">{{ transfer.quantity }}</td>
<td class="text-center">{{ transfer.car.selling_price }}</td>
<td class="text-center">{{ transfer.total_price }}</td>
</tr>
</tbody>
</table>
</div>
<!-- Total -->
<div class="transfer-total">
<p>
<strong>{% trans "Total Amount" %}:</strong> <span class="highlight">${{ transfer.total_price }}</span>
</p>
</div>
<!-- Footer Note -->
<div class="footer-note">
<p>
{% trans "If you have any questions, feel free to contact us at" %} <a href="mailto:support@example.com">support@tenhal.com</a>.
</p>
<p>{% trans "Thank you for your business" %}</p>
</div>
</div>
{% endif %}
<!-- Bootstrap JS (Optional) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- jsPDF Library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
<script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
<script>
document.getElementById('download-pdf').addEventListener('click', function () {
const element = document.getElementById('transfer-content');
@ -353,6 +353,6 @@
// Handle the reject action here
$('#rejectModal').modal('hide');
});
</script>
</body>
</html>
</script>
</body>
</html>

140
templates/items/expenses/expense_detail.html
View File

@ -7,91 +7,91 @@
{% block content %}
<section class="hero-section text-center py-5">
<div class="container">
<h1 class="display-4 fw-bold text-primary">{{ expense.name|title }}</h1>
<p class="lead text-muted">{% trans "Comprehensive details for your expense." %}</p>
</div>
</section>
<section class="hero-section text-center py-5">
<div class="container">
<h1 class="display-4 fw-bold text-primary">{{ expense.name|title }}</h1>
<p class="lead text-muted">{% trans "Comprehensive details for your expense." %}</p>
</div>
</section>
<div class="container my-5">
<div class="row justify-content-center">
<div class="col-md-11">
<div class="card shadow-lg border-0 rounded-4">
<div class="card-body p-4 p-md-5">
<div class="container my-5">
<div class="row justify-content-center">
<div class="col-md-11">
<div class="card shadow-lg border-0 rounded-4">
<div class="card-body p-4 p-md-5">
<h2 class="h4 fw-bold mb-4">{% trans "Expense Information" %} <span class="fs-7 ms-3"><a class="btn btn-phoenix-secondary" href="{% url 'item_expense_list' request.dealer.slug %}">Back To List</a></span></h2>
<h2 class="h4 fw-bold mb-4">{% trans "Expense Information" %} <span class="fs-7 ms-3"><a class="btn btn-phoenix-secondary" href="{% url 'item_expense_list' request.dealer.slug %}">Back To List</a></span></h2>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4 text-center text-md-start mb-5">
<div class="col">
<h6 class="text-uppercase text-muted small mb-1">SKU</h6>
<p class="fw-bold ">{{ expense.sku|default:"N/A" }}</p>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4 text-center text-md-start mb-5">
<div class="col">
<h6 class="text-uppercase text-muted small mb-1">SKU</h6>
<p class="fw-bold ">{{ expense.sku|default:"N/A" }}</p>
</div>
<div class="col">
<h6 class="text-uppercase text-muted small mb-1">UPC</h6>
<p class="fw-bold ">{{ expense.upc|default:"N/A" }}</p>
</div>
<div class="col">
<h6 class="text-uppercase text-muted small mb-1">{% trans "Default Amount" %}</h6>
<p class="fw-bold">{{ expense.default_amount }}<span class="icon-saudi_riyal ms-1"></span></p>
</div>
<div class="col">
<h6 class="text-uppercase text-muted small mb-1">{% trans "Expense Account" %}</h6>
<p class="fw-boldBI">{{ expense.expense_account }}</p>
</div>
</div>
<div class="col">
<h6 class="text-uppercase text-muted small mb-1">UPC</h6>
<p class="fw-bold ">{{ expense.upc|default:"N/A" }}</p>
</div>
<div class="col">
<h6 class="text-uppercase text-muted small mb-1">{% trans "Default Amount" %}</h6>
<p class="fw-bold">{{ expense.default_amount }}<span class="icon-saudi_riyal ms-1"></span></p>
</div>
<div class="col">
<h6 class="text-uppercase text-muted small mb-1">{% trans "Expense Account" %}</h6>
<p class="fw-boldBI">{{ expense.expense_account }}</p>
</div>
</div>
<hr class="my-5">
<h2 class="h4 fw-bold mb-4">{% trans "Associated Bills" %}</h2>
<hr class="my-5">
{% if page_obj %}
<div class="table-responsive">
<table class="table table-hover align-middle">
<thead class="table-light">
<tr>
<th scope="col">{% trans "Bill Number" %}</th>
<th scope="col" class="text-center">{% trans "Status" %}</th>
<th scope="col" class="text-center">{% trans "Vendor" %}</th>
<th scope="col" class="text-center">{% trans "Terms" %}</th>
<th scope="col" class="text-center">{% trans "Created On" %}</th>
</tr>
</thead>
<tbody>
{% for bill in page_obj%}
<h2 class="h4 fw-bold mb-4">{% trans "Associated Bills" %}</h2>
{% if page_obj %}
<div class="table-responsive">
<table class="table table-hover align-middle">
<thead class="table-light">
<tr>
<td>
<a href="{% url 'bill-detail' dealer_slug=request.dealer.slug entity_slug=entity.slug bill_pk=bill.pk %}" class="fw-bold text-decoration-none">
{{ bill.bill_number }}
</a>
</td>
<td class="text-center">
<span class="">{{ bill.get_bill_status_display }}</span>
</td>
<td class="text-center">{{ bill.vendor }}</td>
<td class="text-center">{{ bill.get_terms_display }}</td>
<td class="text-center">{{ bill.created|date:"M j, Y" }}</td>
<th scope="col">{% trans "Bill Number" %}</th>
<th scope="col" class="text-center">{% trans "Status" %}</th>
<th scope="col" class="text-center">{% trans "Vendor" %}</th>
<th scope="col" class="text-center">{% trans "Terms" %}</th>
<th scope="col" class="text-center">{% trans "Created On" %}</th>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</thead>
<tbody>
{% for bill in page_obj%}
<tr>
<td>
<a href="{% url 'bill-detail' dealer_slug=request.dealer.slug entity_slug=entity.slug bill_pk=bill.pk %}" class="fw-bold text-decoration-none">
{{ bill.bill_number }}
</a>
</td>
<td class="text-center">
<span class="">{{ bill.get_bill_status_display }}</span>
</td>
<td class="text-center">{{ bill.vendor }}</td>
<td class="text-center">{{ bill.get_terms_display }}</td>
<td class="text-center">{{ bill.created|date:"M j, Y" }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">{% include 'partials/pagination.html' %}</div>
</div>
{% endif %}
{% else %}
<div class="alert alert-info text-center py-4">
{% trans "No bills are associated with this expense yet." %}
</div>
{% endif %}
{% else %}
<div class="alert alert-info text-center py-4">
{% trans "No bills are associated with this expense yet." %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}

6
templates/items/expenses/expenses_list.html
View File

@ -5,7 +5,7 @@
{% endblock title %}
{% block content %}
{% if expenses or request.GET.q %}
<div class="row mt-4">
<div class="d-flex justify-content-between mb-2">
<h3 class="">
@ -51,10 +51,10 @@
href="{% url 'item_expense_update' request.dealer.slug expense.pk %}">
<i class="fa fa-edit me-2"></i>{% trans "Update" %}
</a>
<a class="text-primary dropdown-item" href="{% url 'bill-create' request.dealer.slug request.entity.slug %}">
<a class="text-primary dropdown-item" href="{% url 'bill-create' request.dealer.slug request.entity.slug %}">
<i class="fa fa-plus me-2"></i>{% trans "Create Expense Bill" %}
</a>
<a class="text-info dropdown-item" href="{% url 'item_expense_detail' request.dealer.slug expense.pk %}">
<a class="text-info dropdown-item" href="{% url 'item_expense_detail' request.dealer.slug expense.pk %}">
<i class="fa fa-eye me-2"></i>{% trans "Expense Detail" %}
</a>
</div>

84
templates/items/service/service_detail.html
View File

@ -7,60 +7,60 @@
{% block content %}
<section class="hero-section text-center py-5">
<div class="container">
<h1 class="display-5 fw-bold">{{ service.name|title }}</h1>
<p class=" mt-3">{{ service.description|default:"No description provided." }}</p>
</div>
</section>
<section class="hero-section text-center py-5">
<div class="container">
<h1 class="display-5 fw-bold">{{ service.name|title }}</h1>
<p class=" mt-3">{{ service.description|default:"No description provided." }}</p>
</div>
</section>
<section class="py-5">
<div class="container">
<div class="card mb-5 p-4 p-lg-5">
<div class="card-body">
<section class="py-5">
<div class="container">
<h2 class="card-title fw-bold mb-4">{% trans "Service Details" %}</h2>
<div class="row g-4 mb-3">
<div class="col-lg-8"><a class="btn btn-phoenix-primary me-1" href="{% url 'item_service_update' request.dealer.slug service.pk %}"> Edit</a></div>
<div class="col-lg-4"><a class="btn btn-phoenix-secondary mb-2" href="{% url 'item_service_list' request.dealer.slug %}">Back To List</a></div>
</div>
<div class="card mb-5 p-4 p-lg-5">
<div class="card-body">
<div class="row g-4 text-center text-md-start">
<div class="col-md-4">
<h6 class="text-uppercase text-muted small mb-1">{% trans 'Service Name' %}</h6>
<p class="fw-bold fs-7 mb-0">{{ service.name|capfirst }}</p>
<h2 class="card-title fw-bold mb-4">{% trans "Service Details" %}</h2>
<div class="row g-4 mb-3">
<div class="col-lg-8"><a class="btn btn-phoenix-primary me-1" href="{% url 'item_service_update' request.dealer.slug service.pk %}"> Edit</a></div>
<div class="col-lg-4"><a class="btn btn-phoenix-secondary mb-2" href="{% url 'item_service_list' request.dealer.slug %}">Back To List</a></div>
</div>
<div class="col-md-4">
<h6 class="text-uppercase text-muted small mb-1">{% trans 'Price' %}</h6>
<p class="fw-bold fs-7 mb-0">{{ service.price }}<span class="icon-saudi_riyal ms-1"></span></p>
</div>
<div class="row g-4 text-center text-md-start">
<div class="col-md-2">
<h6 class="text-uppercase text-muted small mb-1">{% trans 'Unit of Measure' %}</h6>
<p class="fw-bold fs-7 mb-0">{{ service.get_uom_display }}</p>
</div>
<div class="col-md-4">
<h6 class="text-uppercase text-muted small mb-1">{% trans 'Service Name' %}</h6>
<p class="fw-bold fs-7 mb-0">{{ service.name|capfirst }}</p>
</div>
<div class="col-md-4">
<h6 class="text-uppercase text-muted small mb-1">{% trans 'Price' %}</h6>
<p class="fw-bold fs-7 mb-0">{{ service.price }}<span class="icon-saudi_riyal ms-1"></span></p>
</div>
<div class="col-md-2">
<h6 class="text-uppercase text-muted small mb-1">{% trans 'Unit of Measure' %}</h6>
<p class="fw-bold fs-7 mb-0">{{ service.get_uom_display }}</p>
</div>
<div class="col-md-2">
<h6 class="text-uppercase text-muted small mb-1">{% trans 'Tax Status' %}</h6>
<p class="fw-bold fs-7 mb-0">{% if service.taxable %}{% trans 'Taxable' %}{% else %}{% trans 'Non Taxable' %}{% endif %}</p>
</div>
<div class="col-md-2">
<h6 class="text-uppercase text-muted small mb-1">{% trans 'Tax Status' %}</h6>
<p class="fw-bold fs-7 mb-0">{% if service.taxable %}{% trans 'Taxable' %}{% else %}{% trans 'Non Taxable' %}{% endif %}</p>
</div>
</div>
</div>
</div>
<div class="text-center my-5 py-5 border rounded-3 p-4">
<h2 class="fw-bold text-muted mb-4">{% trans "Total Revenue from this service" %}</h2>
<p class="display-5 fw-bold mb-0 text-primary">{{ total_services_price }}<span class="icon-saudi_riyal ms-4"></span></p>
<div class="text-center my-5 py-5 border rounded-3 p-4">
<h2 class="fw-bold text-muted mb-4">{% trans "Total Revenue from this service" %}</h2>
<p class="display-5 fw-bold mb-0 text-primary">{{ total_services_price }}<span class="icon-saudi_riyal ms-4"></span></p>
</div>
</div>
</div>
</section>
</section>
{% endblock %}

42
templates/ledger/bank_accounts/bank_account_list.html
View File

@ -56,26 +56,26 @@
<i class="fa fa-trash me-2"></i>{% trans "Delete" %}
</a> {% endcomment %}
</div>
{% endif %}
</td>
</tr>
{% empty %}
<tr>
<td colspan="6" class="text-center text-muted">{% trans "No Accounts Found" %}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}
</td>
</tr>
{% empty %}
<tr>
<td colspan="6" class="text-center text-muted">{% trans "No Accounts Found" %}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">{% include 'partials/pagination.html' %}</div>
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">{% include 'partials/pagination.html' %}</div>
</div>
{% endif %}
{% endif %}
</div>
{% else %}
{% url 'bank_account_create' request.dealer.slug as create_bank_account_url %}
{% include "empty-illustration-page.html" with value="bank account" url=create_bank_account_url %}
{% endif %}
{% endblock %}
{% endif %}
</div>
{% else %}
{% url 'bank_account_create' request.dealer.slug as create_bank_account_url %}
{% include "empty-illustration-page.html" with value="bank account" url=create_bank_account_url %}
{% endif %}
{% endblock %}

106
templates/ledger/bills/bill_list.html
View File

@ -41,55 +41,57 @@
<td class="align-middle product white-space-nowrap">
{% if bill.is_draft %}
<span class="badge badge-phoenix badge-phoenix-warning">
{% elif bill.is_review %}
<span class="badge badge-phoenix badge-phoenix-info">
{% elif bill.is_approved %}
<span class="badge badge-phoenix badge-phoenix-success">
{% elif bill.is_paid %}
<span class="badge badge-phoenix badge-phoenix-success">
{% elif bill.is_canceled %}
<span class="badge badge-phoenix badge-phoenix-danger">
{% endif %}
{{ bill.bill_status }}
</span>
</td>
<td class="align-middle product white-space-nowrap">{{ bill.vendor.vendor_name }}</td>
<td class="align-middle product white-space-nowrap">
{% if perms.django_ledger.view_billmodel %}
<div class="btn-reveal-trigger position-static">
<button class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10"
type="button"
data-bs-toggle="dropdown"
data-boundary="window"
aria-haspopup="true"
aria-expanded="false"
data-bs-reference="parent">
<span class="fas fa-ellipsis-h fs-10"></span>
</button>
<div class="dropdown-menu dropdown-menu-end py-2">
<a href="{% url 'bill-detail' dealer_slug=request.dealer.slug entity_slug=entity.slug bill_pk=bill.pk %}"
class="dropdown-item text-success-dark">{% trans 'View' %}</a>
</div>
</div>
{% endif %}
</td>
</tr>
{% empty %}
<tr>
<td colspan="5" class="text-center text-muted">{% trans 'No bill found.' %}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">{% include 'partials/pagination.html' %}</div>
</div>
{% endif %}
</div>
{% else %}
{% url "bill-create" request.dealer.slug request.entity.slug as create_bill_url %}
{% include "empty-illustration-page.html" with value="bill" url=create_bill_url %}
{% endif %}
{% endblock %}
{% elif bill.is_review %}
<span class="badge badge-phoenix badge-phoenix-info">
{% elif bill.is_approved %}
<span class="badge badge-phoenix badge-phoenix-success">
{% elif bill.is_paid %}
<span class="badge badge-phoenix badge-phoenix-success">
{% elif bill.is_canceled %}
<span class="badge badge-phoenix badge-phoenix-danger">
{% elif bill.is_void %}
<span class="badge badge-phoenix badge-phoenix-secondary">
{% endif %}
{{ bill.bill_status }}
</span>
</td>
<td class="align-middle product white-space-nowrap">{{ bill.vendor.vendor_name }}</td>
<td class="align-middle product white-space-nowrap">
{% if perms.django_ledger.view_billmodel %}
<div class="btn-reveal-trigger position-static">
<button class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10"
type="button"
data-bs-toggle="dropdown"
data-boundary="window"
aria-haspopup="true"
aria-expanded="false"
data-bs-reference="parent">
<span class="fas fa-ellipsis-h fs-10"></span>
</button>
<div class="dropdown-menu dropdown-menu-end py-2">
<a href="{% url 'bill-detail' dealer_slug=request.dealer.slug entity_slug=entity.slug bill_pk=bill.pk %}"
class="dropdown-item text-success-dark">{% trans 'View' %}</a>
</div>
</div>
{% endif %}
</td>
</tr>
{% empty %}
<tr>
<td colspan="5" class="text-center text-muted">{% trans 'No bill found.' %}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">{% include 'partials/pagination.html' %}</div>
</div>
{% endif %}
</div>
{% else %}
{% url "bill-create" request.dealer.slug request.entity.slug as create_bill_url %}
{% include "empty-illustration-page.html" with value="bill" url=create_bill_url %}
{% endif %}
{% endblock %}

8
templates/ledger/coa_accounts/account_detail.html
View File

@ -136,24 +136,24 @@
{% if perms.django_ledger.change_chartofaccountmodel %}
<a class="btn btn-sm btn-phoenix-primary me-1"
href="{% url 'account_update' request.dealer.slug url_kwargs.coa_pk account.pk %}">
<i class="fa-solid fa-pen-to-square"></i> {{ _("Edit") }}
<i class="fa-solid fa-pen-to-square"></i> {{ _("Edit") }}
</a>
{% endif %}
{% if perms.django_ledger.delete_chartofaccountmodel %}
<a class="btn btn-sm btn-phoenix-danger me-1"
data-bs-toggle="modal"
data-bs-target="#deleteModal">
<i class="fa-solid fa-trash"></i> {{ _("Delete") }}
</a>
{% endif %}
<a class="btn btn-sm btn-phoenix-secondary"
href="{% url 'account_list' request.dealer.slug url_kwargs.coa_pk %}">
<i class="fa-regular fa-circle-left"></i> {% trans 'Back to COA List' %}
</a>
</div>
</div>
</div>
<!--test-->
{% endblock %}
{% endblock %}

2
templates/ledger/coa_accounts/account_form.html
View File

@ -20,7 +20,7 @@
{% else %}
{% trans "Add New Account" %}
<i class="fa-solid fa-book ms-2"></i>
{% endif %}
{% endif %}
</h3>
</div>
<div class="card-body p-4 p-md-5">

344
templates/ledger/coa_accounts/account_list.html
View File

@ -10,194 +10,194 @@
</a>
{% endblock %}
{% block content %}
<div class="row mt-4">
<div class="d-flex justify-content-between mb-2">
<h3 class="">
{% trans "Accounts" %}<i class="fa-solid fa-book ms-2 text-primary"></i>
</h3>
{% if perms.django_ledger.add_chartofaccountmodel %}
<a href="{% url 'account_create' request.dealer.slug url_kwargs.coa_pk %}"
class="btn btn-md btn-phoenix-primary"><i class="fa fa-plus me-2"></i>{% trans 'New Account' %}</a>
{% endif %}
</div>
<div class="row mt-4">
<div class="d-flex justify-content-between mb-2">
<h3 class="">
{% trans "Accounts" %}<i class="fa-solid fa-book ms-2 text-primary"></i>
</h3>
{% if perms.django_ledger.add_chartofaccountmodel %}
<a href="{% url 'account_create' request.dealer.slug url_kwargs.coa_pk %}"
class="btn btn-md btn-phoenix-primary"><i class="fa fa-plus me-2"></i>{% trans 'New Account' %}</a>
{% endif %}
</div>
<!-- Account Type Tabs -->
<div class="mb-4">
<ul class="nav nav-tabs" id="accountTypeTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active"
id="assets-tab"
data-bs-toggle="tab"
data-bs-target="#assets"
type="button"
role="tab"
aria-controls="assets"
aria-selected="true">
<i class="fas fa-wallet me-2"></i>{% trans "Assets" %}
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link"
id="cogs-tab"
data-bs-toggle="tab"
data-bs-target="#cogs"
type="button"
role="tab"
aria-controls="cogs"
aria-selected="false">
<i class="fas fa-boxes me-2"></i>{% trans "COGS" %}
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link"
id="capital-tab"
data-bs-toggle="tab"
data-bs-target="#capital"
type="button"
role="tab"
aria-controls="capital"
aria-selected="false">
<i class="fas fa-landmark me-2"></i>{% trans "Capital" %}
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link"
id="income-tab"
data-bs-toggle="tab"
data-bs-target="#income"
type="button"
role="tab"
aria-controls="income"
aria-selected="false">
<i class="fas fa-money-bill-wave me-2"></i>{% trans "Income" %}
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link"
id="expenses-tab"
data-bs-toggle="tab"
data-bs-target="#expenses"
type="button"
role="tab"
aria-controls="expenses"
aria-selected="false">
<i class="fas fa-receipt me-2"></i>{% trans "Expenses" %}
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link"
id="liabilities-tab"
data-bs-toggle="tab"
data-bs-target="#liabilities"
type="button"
role="tab"
aria-controls="liabilities"
aria-selected="false">
<i class="fas fa-receipt me-2"></i>{% trans "Liabilities" %}
</button>
</li>
</ul>
<div class="tab-content p-3 border border-top-0 rounded-bottom"
id="accountTypeTabsContent">
<div class="mb-4">
<ul class="nav nav-tabs" id="accountTypeTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active"
id="assets-tab"
data-bs-toggle="tab"
data-bs-target="#assets"
type="button"
role="tab"
aria-controls="assets"
aria-selected="true">
<i class="fas fa-wallet me-2"></i>{% trans "Assets" %}
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link"
id="cogs-tab"
data-bs-toggle="tab"
data-bs-target="#cogs"
type="button"
role="tab"
aria-controls="cogs"
aria-selected="false">
<i class="fas fa-boxes me-2"></i>{% trans "COGS" %}
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link"
id="capital-tab"
data-bs-toggle="tab"
data-bs-target="#capital"
type="button"
role="tab"
aria-controls="capital"
aria-selected="false">
<i class="fas fa-landmark me-2"></i>{% trans "Capital" %}
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link"
id="income-tab"
data-bs-toggle="tab"
data-bs-target="#income"
type="button"
role="tab"
aria-controls="income"
aria-selected="false">
<i class="fas fa-money-bill-wave me-2"></i>{% trans "Income" %}
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link"
id="expenses-tab"
data-bs-toggle="tab"
data-bs-target="#expenses"
type="button"
role="tab"
aria-controls="expenses"
aria-selected="false">
<i class="fas fa-receipt me-2"></i>{% trans "Expenses" %}
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link"
id="liabilities-tab"
data-bs-toggle="tab"
data-bs-target="#liabilities"
type="button"
role="tab"
aria-controls="liabilities"
aria-selected="false">
<i class="fas fa-receipt me-2"></i>{% trans "Liabilities" %}
</button>
</li>
</ul>
<div class="tab-content p-3 border border-top-0 rounded-bottom"
id="accountTypeTabsContent">
<!-- Assets Tab -->
<div class="tab-pane fade show active"
id="assets"
role="tabpanel"
aria-labelledby="assets-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"asset_" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
<div class="tab-pane fade show active"
id="assets"
role="tabpanel"
aria-labelledby="assets-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"asset_" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
<!-- COGS Tab -->
<div class="tab-pane fade"
id="cogs"
role="tabpanel"
aria-labelledby="cogs-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"cogs" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
<div class="tab-pane fade"
id="cogs"
role="tabpanel"
aria-labelledby="cogs-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"cogs" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
<!-- Capital Tab -->
<div class="tab-pane fade"
id="capital"
role="tabpanel"
aria-labelledby="capital-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"eq_" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
<div class="tab-pane fade"
id="capital"
role="tabpanel"
aria-labelledby="capital-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"eq_" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
<!-- Income Tab -->
<div class="tab-pane fade"
id="income"
role="tabpanel"
aria-labelledby="income-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"in_" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
<div class="tab-pane fade"
id="income"
role="tabpanel"
aria-labelledby="income-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"in_" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
<!-- Expenses Tab -->
<div class="tab-pane fade"
id="expenses"
role="tabpanel"
aria-labelledby="expenses-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"ex_" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
<div class="tab-pane fade"
id="expenses"
role="tabpanel"
aria-labelledby="expenses-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"ex_" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
<!-- Liabilities Tab -->
<div class="tab-pane fade"
id="liabilities"
role="tabpanel"
aria-labelledby="liabilities-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"lia_" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
<div class="tab-pane fade"
id="liabilities"
role="tabpanel"
aria-labelledby="liabilities-tab">
{% include "partials/search_box.html" %}
{% with accounts=accounts|filter_by_role:"lia_" %}
{% include "ledger/coa_accounts/partials/account_table.html" %}
{% endwith %}
</div>
</div>
</div>
</div>
<!-- Delete Modal (moved outside tables) -->
<div class="modal fade"
id="deleteModal"
data-bs-backdrop="static"
data-bs-keyboard="false"
tabindex="-1"
aria-labelledby="deleteModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
{% if perms.django_ledger.delete_chartofaccountmodel %}
<h5 class="modal-title" id="deleteModalLabel">
{% trans "Delete Account" %}
<span data-feather="alert-circle"></span>
</h5>
{% endif %}
<div class="modal fade"
id="deleteModal"
data-bs-backdrop="static"
data-bs-keyboard="false"
tabindex="-1"
aria-labelledby="deleteModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
{% if perms.django_ledger.delete_chartofaccountmodel %}
<h5 class="modal-title" id="deleteModalLabel">
{% trans "Delete Account" %}
<span data-feather="alert-circle"></span>
</h5>
{% endif %}
<button type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body text-center">
<p class="mb-0 text-danger fw-bold">{% trans "Are you sure you want to delete this Account?" %}</p>
<div class="d-grid gap-2">
<button type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body text-center">
<p class="mb-0 text-danger fw-bold">{% trans "Are you sure you want to delete this Account?" %}</p>
<div class="d-grid gap-2">
<button type="button"
class="btn btn-phoenix-secondary btn-sm"
data-bs-dismiss="modal">{% trans "No" %}</button>
<a id="deleteAccountBtn"
type="button"
class="btn btn-phoenix-danger btn-sm"
href="#">{% trans "Yes" %}</a>
</div>
class="btn btn-phoenix-secondary btn-sm"
data-bs-dismiss="modal">{% trans "No" %}</button>
<a id="deleteAccountBtn"
type="button"
class="btn btn-phoenix-danger btn-sm"
href="#">{% trans "Yes" %}</a>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block customerJS %}

2
templates/ledger/coa_accounts/partials/account_table.html
View File

@ -49,7 +49,7 @@
<div class="dropdown-menu dropdown-menu-end py-2">
<a href="{% url 'account_detail' request.dealer.slug url_kwargs.coa_pk account.uuid %}"
class="dropdown-item text-success-dark">{% trans "View Journal Entries" %}</a>
</div>
</div>
</td>

Some files were not shown because too many files have changed in this diff Show More