update

.idea/car_inventory.iml

@@ -26,6 +26,7 @@
     <orderEntry type="library" name="@zxing" level="application" />
     <orderEntry type="library" name="tesseract.js" level="application" />
     <orderEntry type="library" name="line" level="application" />
+    <orderEntry type="library" name="@turf/turf" level="application" />
   </component>
   <component name="TemplatesService">
     <option name="TEMPLATE_CONFIGURATION" value="Django" />

.idea/dataSources.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DataSourceManagerImpl" format="xml" multifile-model="true">
+    <data-source source="LOCAL" name="Django default" uuid="18477c7f-9c08-45c1-bea0-3ceeab27df15">
+      <driver-ref>postgresql</driver-ref>
+      <synchronize>true</synchronize>
+      <imported>true</imported>
+      <remarks>$PROJECT_DIR$/car_inventory/settings.py</remarks>
+      <jdbc-driver>org.postgresql.Driver</jdbc-driver>
+      <jdbc-url>jdbc:postgresql://127.0.0.1:5432/murad_haikal</jdbc-url>
+      <working-dir>$ProjectFileDir$</working-dir>
+    </data-source>
+  </component>
+</project>

.idea/jsLibraryMappings.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="JavaScriptLibraryMappings">
-    <file url="file://$PROJECT_DIR$" libraries="{@zxing, bootstrap-icons, jquery, jquery-3.5.1, line, quagga, sweetalert2, tesseract.js}" />
+    <file url="file://$PROJECT_DIR$" libraries="{@turf/turf, @zxing, bootstrap-icons, jquery, jquery-3.5.1, line, quagga, sweetalert2, tesseract.js}" />
   </component>
 </project>

inventory/views.py

@@ -98,7 +98,7 @@ def switch_language(request):
 
 
 class HomeView(LoginRequiredMixin, TemplateView):
-    template_name = "dashboards/accounting.html"
+    template_name = "index.html"
 
     def dispatch(self, request, *args, **kwargs):
         if (
@@ -124,6 +124,7 @@ class HomeView(LoginRequiredMixin, TemplateView):
         total_selling_price = stats["total_selling_price"] or 0
         total_profit = total_selling_price - total_cost_price
 
+        context['dealer'] = self.request.user.dealer
         context["total_cars"] = total_cars
         context["total_reservations"] = total_reservations
         context["total_cost_price"] = total_cost_price

templates/base.html

@@ -28,7 +28,7 @@
     <link rel="icon" type="image/png" sizes="16x16" href="{% static 'images/favicons/favicon-16x16.png' %}">
     <link rel="shortcut icon" type="image/x-icon" href="{% static 'images/favicons/favicon.ico' %}">
     <link rel="manifest" href="{% static 'images/favicons/manifest.json' %}">
-    <meta name="msapplication-TileImage" content="{% static 'images/favicons/mstile-150x150.png' %}">
+    <meta name="msapplication-TileImage" content="{% static 'images/logos/logo-d.png' %}">
     <meta name="theme-color" content="#ffffff">
     <script src="{% static 'vendors/simplebar/simplebar.min.js' %}"></script>
     <script src="{% static 'js/config.js' %}"></script>
@@ -37,19 +37,37 @@
     <!-- ===============================================-->
     <!--    Stylesheets-->
     <!-- ===============================================-->
+
+
+<link href="{% static 'vendors/mapbox-gl/mapbox-gl.css' %}" rel="stylesheet">
+    <link href="{% static 'vendors/swiper/swiper-bundle.min.css' %}" rel="stylesheet">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
     <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&amp;display=swap" rel="stylesheet">
     <link href="{% static 'vendors/simplebar/simplebar.min.css' %}" rel="stylesheet">
     <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
-{% if LANGUAGE_CODE == 'ar' %}
-    <link href="{% static 'css/theme-rtl.min.css' %}" type="text/css" rel="stylesheet" id="style-rtl">
-    <link href="{% static 'css/user-rtl.min.css' %}" type="text/css" rel="stylesheet" id="user-style-rtl">
-{% else %}
-    <link href="{% static 'css/theme.min.css' %}" type="text/css" rel="stylesheet" id="style-default">
-    <link href="{% static 'css/user.min.css' %}" type="text/css" rel="stylesheet" id="user-style-default">
-{% endif %}
-
+    {% if LANGUAGE_CODE == 'en' %}
+        <link href="{% static 'css/theme.min.css' %}" type="text/css" rel="stylesheet" id="style-default">
+        <link href="{% static 'css/user.min.css' %}" type="text/css" rel="stylesheet" id="user-style-default">
+    {% else %}
+        <link href="{% static 'css/theme-rtl.min.css' %}" type="text/css" rel="stylesheet" id="style-rtl">
+        <link href="{% static 'css/user-rtl.min.css' %}" type="text/css" rel="stylesheet" id="user-style-rtl">
+    {% endif %}
+    <script>
+      var phoenixIsRTL = window.config.config.phoenixIsRTL;
+      if (phoenixIsRTL) {
+        var linkDefault = document.getElementById('style-default');
+        var userLinkDefault = document.getElementById('user-style-default');
+        linkDefault.setAttribute('disabled', true);
+        userLinkDefault.setAttribute('disabled', true);
+        document.querySelector('html').setAttribute('dir', 'rtl');
+      } else {
+        var linkRTL = document.getElementById('style-rtl');
+        var userLinkRTL = document.getElementById('user-style-rtl');
+        linkRTL.setAttribute('disabled', true);
+        userLinkRTL.setAttribute('disabled', true);
+      }
+    </script>
   </head>
 
 
@@ -452,7 +470,7 @@
                     <div class="my-2 text-center fw-bold fs-10 text-body-quaternary"><a class="text-body-quaternary me-1" href="#!">Privacy policy</a>&bull;<a class="text-body-quaternary mx-1" href="#!">Terms</a>&bull;<a class="text-body-quaternary ms-1" href="#!">Cookies</a></div>
                 {% else %}
                       <div class="px-3"> <a class="btn btn-phoenix-secondary 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-secondary d-flex flex-center w-100" href="{% url 'account_signup' %}"> <span class="me-2" data-feather="sign-up"> </span>{% trans 'Sign Up' %}</a></div>
+                  <div class="px-3"> <a class="btn btn-phoenix-secondary 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>
@@ -710,6 +728,11 @@
     <script src="{% static 'vendors/feather-icons/feather.min.js' %}"></script>
     <script src="{% static 'vendors/dayjs/dayjs.min.js' %}"></script>
     <script src="{% static 'js/phoenix.js' %}"></script>
+    <script src="{% static 'vendors/echarts/echarts.min.js' %}"></script>
+    <script src="{% static 'js/travel-agency-dashboard.js' %}"></script>
+    <script src="{% static 'vendors/mapbox-gl/mapbox-gl.js' %}"></script>
+    <script src="https://unpkg.com/@turf/turf@6/turf.min.js"></script>
+    <script src="{% static 'vendors/swiper/swiper-bundle.min.js' %}"></script>
 
   </body>
 

templates/dashboards/accounting.html

@@ -6,7 +6,7 @@
 <div class="content">
         <div class="row mb-4 mb-xl-6 mb-xxl-4 gy-3 justify-content-between">
           <div class="col-auto">
-            <h2 class="mb-0 text-body-emphasis">Travel Agency</h2>
+            <h2 class="mb-0 text-body-emphasis">{{ dealer.get_local_name }}</h2>
           </div>
           <div class="col-auto">
             <div class="d-flex gap-3"><a class="btn btn-phoenix-primary" href="#!"><span class="fa-solid fa-plus me-2"></span>New Package</a><a class="btn btn-primary px-4 px-sm-11" href="#!"><span class="fa-regular fa-calendar-days me-2"></span>Book Now</a></div>
@@ -18,30 +18,30 @@
               <div class="col-12 col-xl-5 col-xxl-12">
                 <div class="row g-0">
                   <div class="col-6 col-xl-12 col-xxl-6 border-bottom border-end border-end-xl-0 border-end-xxl pb-4 pt-4 pt-xl-0 pt-xxl-4 pe-4 pe-sm-5 pe-xl-0 pe-xxl-5">
-                    <h5 class="text-body mb-4">Total Value</h5>
+                    <h5 class="text-body mb-4">{% trans 'inventory'|capfirst %}</h5>
                     <div class="d-md-flex flex-between-center">
                       <div class="echart-booking-value order-1 order-sm-0 order-md-1" style="height:54px; width: 90px"></div>
                       <div class="mt-4 mt-md-0">
-                        <h3 class="text-body-highlight mb-2">$2,345.00</h3><span class="badge badge-phoenix badge-phoenix-primary me-2 fs-10"><span class="fa-solid fa-plus me-1"></span>23.35%</span><span class="fs-9 text-body-secondary d-block d-sm-inline mt-1">From last month</span>
+                        <h3 class="text-body-highlight mb-2">{{ total_cars }}</h3><span class="badge badge-phoenix badge-phoenix-primary me-2 fs-10"><span class="fa-solid fa-plus me-1"></span>23.35%</span><span class="fs-9 text-body-secondary d-block d-sm-inline mt-1">From last month</span>
                       </div>
                     </div>
                   </div>
                   <div class="col-6 col-xl-12 col-xxl-6 border-bottom py-4 ps-4 ps-sm-5 ps-xl-0 ps-xxl-5">
-                    <h5 class="text-body mb-4">Booked Flights</h5>
+                    <h5 class="text-body mb-4">{% trans 'inventory value'|capfirst %}</h5>
                     <div class="d-md-flex flex-between-center">
-                      <div class="d-md-flex align-items-center gap-2 order-sm-0 order-md-1"><span class="fa-solid fa-cloud-bolt fs-5 text-warning-light dark__text-opacity-75" data-bs-theme="light"></span>
+                      <div class="d-md-flex align-items-center gap-2 order-sm-0 order-md-1"><span class="fa-solid fa-money-bill-trend-up fs-5 text-warning-light dark__text-opacity-75" data-bs-theme="light"></span>
                         <div class="d-flex d-md-block gap-2 align-items-center mt-1 mt-md-0">
-                          <p class="fs-9 mb-0 mb-md-2 text-body-tertiary text-nowrap">Rain Chances</p>
-                          <h4 class="text-body-highlight mb-0">95%</h4>
+                          <p class="fs-9 mb-0 mb-md-2 text-body-tertiary text-nowrap">{% trans "Profits"|upper %}</p>
+                          <h4 class="text-body-highlight mb-0">{{ total_profit }} {% trans 'SAR' %}</h4>
                         </div>
                       </div>
                       <div class="mt-3 mt-md-0">
-                        <h3 class="text-body-highlight mb-2">1,432</h3><span class="badge badge-phoenix badge-phoenix-success me-2 fs-10"><span class="fa-solid fa-plus me-1"></span>3.98%</span><span class="fs-9 text-body-secondary text-nowrap d-block d-sm-inline mt-1">From last month</span>
+                        <h3 class="text-body-highlight mb-2">{{ total_selling_price }} {% trans 'SAR' %}</h3><span class="badge badge-phoenix badge-phoenix-success me-2 fs-10"><span class="fa-solid fa-plus me-1"></span>3.98%</span><span class="fs-9 text-body-secondary text-nowrap d-block d-sm-inline mt-1">From last month</span>
                       </div>
                     </div>
                   </div>
                   <div class="col-6 col-xl-12 col-xxl-6 border-bottom-xl border-bottom-xxl-0 border-end border-end-xl-0 border-end-xxl py-4 pe-4 pe-sm-5 pe-xl-0 pe-xxl-5">
-                    <h5 class="text-body mb-4">Commission</h5>
+                    <h5 class="text-body mb-4">{% trans 'Commissions' %}</h5>
                     <div class="d-md-flex flex-between-center">
                       <div class="echart-commission order-sm-0 order-md-1" style="height: 54px; width: 54px"></div>
                       <div class="mt-3 mt-md-0">
@@ -139,7 +139,7 @@
                             <td class="py-2 align-middle text-end status"><span class="badge badge-phoenix fs-10 badge-phoenix-warning"><span class="fa-solid fa-plus me-1"></span>05.21%</span></td>
                           </tr>
                           <tr>
-                            <td class="py-2 white-space-nowrap ps-0 country"><a class="d-flex align-items-center text-primary py-md-1 py-xxl-0" href="#!"><img src="../assets/img/country/usa-2.png" alt="" width="40" />
+                            <td class="py-2 white-space-nowrap ps-0 country"><a class="d-flex align-items-center text-primary py-md-1 py-xxl-0" href="#!"><img src="{% static 'images/country/usa-2.png' %}" alt="" width="40" />
                                 <p class="mb-0 ps-3 fw-bold fs-9">USA</p>
                               </a></td>
                             <td class="py-2 align-middle users">
@@ -174,7 +174,7 @@
               </div>
               <div class="col-12">
                 <div class="card mb-3">
-                  <div class="bg-holder bg-card" style="background-image:url(../assets/img/spot-illustrations/39.png);background-position: bottom right 0px; background-size: auto;">
+                  <div class="bg-holder bg-card" style="background-image:url({% static 'images/spot-illustrations/39.png' %});background-position: bottom right 0px; background-size: auto;">
                   </div>
                   <!--/.bg-holder-->
 
@@ -294,5 +294,4 @@
 
 
       </div>
-
-{% endblock %}
+{% endblock %}

templates/dashboards/crm.html

@@ -5,7 +5,7 @@
 {% block content %}
 
 
-      <div class="content">
+   <div class="content">
         <div class="row gy-3 mb-4 justify-content-between">
           <div class="col-xxl-6">
             <h2 class="mb-2 text-body-emphasis">CRM Dashboard</h2>