diff --git a/.idea/car_inventory.iml b/.idea/car_inventory.iml
index f2963bf3..d635af89 100644
--- a/.idea/car_inventory.iml
+++ b/.idea/car_inventory.iml
@@ -27,6 +27,7 @@
     <orderEntry type="library" name="tesseract.js" level="application" />
     <orderEntry type="library" name="line" level="application" />
     <orderEntry type="library" name="@turf/turf" level="application" />
+    <orderEntry type="library" name="apexcharts" level="application" />
   </component>
   <component name="TemplatesService">
     <option name="TEMPLATE_CONFIGURATION" value="Django" />
diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml
index 4859cf50..a09fb84f 100644
--- a/.idea/jsLibraryMappings.xml
+++ b/.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="{@turf/turf, @zxing, bootstrap-icons, jquery, jquery-3.5.1, line, quagga, sweetalert2, tesseract.js}" />
+    <file url="file://$PROJECT_DIR$" libraries="{@turf/turf, @zxing, apexcharts, bootstrap-icons, jquery, jquery-3.5.1, line, quagga, sweetalert2, tesseract.js}" />
   </component>
 </project>
\ No newline at end of file
diff --git a/car_inventory/__pycache__/settings.cpython-311.pyc b/car_inventory/__pycache__/settings.cpython-311.pyc
index 03d8f3a1..88b24ad3 100644
Binary files a/car_inventory/__pycache__/settings.cpython-311.pyc and b/car_inventory/__pycache__/settings.cpython-311.pyc differ
diff --git a/inventory/__pycache__/views.cpython-311.pyc b/inventory/__pycache__/views.cpython-311.pyc
index ba7b9058..845275c1 100644
Binary files a/inventory/__pycache__/views.cpython-311.pyc and b/inventory/__pycache__/views.cpython-311.pyc differ
diff --git a/inventory/views.py b/inventory/views.py
index 03fdcb92..4ce3cca4 100644
--- a/inventory/views.py
+++ b/inventory/views.py
@@ -151,7 +151,6 @@ def switch_language(request):
         return redirect("/")
 
 
-
 def dealer_signup(request, *args, **kwargs):
     if request.method == "POST":
         data = json.loads(request.body)
@@ -231,11 +230,11 @@ class OTPView(View, LoginRequiredMixin):
         messages.error(request, _("Invalid OTP. Please try again."))
         return render(request, self.template_name)
 
-    def verify_otp(self, otp_code, user):
-        device = default_device(user)
-        if device and device.verify_token(otp_code):
-            return True
-        return False
+    # def verify_otp(self, otp_code, user):
+    #     device = default_device(user)
+    #     if device and device.verify_token(otp_code):
+    #         return True
+    #     return False
 
 
 
@@ -251,6 +250,7 @@ class HomeView(TemplateView):
     def get_context_data(self, **kwargs):
         context = super().get_context_data(**kwargs)
         dealer = get_user_type(self.request)
+
         total_cars = models.Car.objects.filter(dealer=dealer).count()
         total_reservations = models.CarReservation.objects.filter(
             reserved_until__gte=timezone.now()
diff --git a/populate.py b/populate.py
new file mode 100644
index 00000000..9d9b09af
--- /dev/null
+++ b/populate.py
@@ -0,0 +1,5 @@
+from datetime import datetime
+from zoneinfo import ZoneInfo
+
+START_DTTM = datetime(year=2022, month=10, day=1, tzinfo=ZoneInfo('Asia/Riyadh'))
+
diff --git a/templates/account/signup-wizard.html b/templates/account/signup-wizard.html
index 43b73137..c31887d3 100644
--- a/templates/account/signup-wizard.html
+++ b/templates/account/signup-wizard.html
@@ -79,25 +79,13 @@
       </div>
     </div>
     </div>
+
     <script>
-    function getCookie(name) {
-        let cookieValue = null;
-        if (document.cookie && document.cookie !== '') {
-            const cookies = document.cookie.split(';');
-            for (let cookie of cookies) {
-                cookie = cookie.trim();
-                if (cookie.substring(0, name.length + 1) === (name + '=')) {
-                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
-                    break;
-                }
-            }
-        }
-        return cookieValue;
-    }
+
 
 const url = "{% url 'account_signup' %}";
       let submit_btn = document.getElementById('submit_btn');
-      const csrfToken = getCookie('csrftoken');
+      const csrftoken = getCookie('csrftoken');
 
       submit_btn.addEventListener('click', async () => {
         const allFormData = getAllFormData();
@@ -108,7 +96,7 @@ const url = "{% url 'account_signup' %}";
           const response = await fetch(url, {
             method: 'POST',
             headers: {
-              'X-CSRFToken': csrfToken,
+              'X-CSRFToken': csrftoken,
               'Content-Type': 'application/json',
             },
             body: JSON.stringify(allFormData),
diff --git a/templates/base.html b/templates/base.html
index 0d0a52d8..e34c3b59 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -25,7 +25,7 @@
     <link rel="manifest" href="{% static 'images/favicons/manifest.json' %}">
     <meta name="msapplication-TileImage" content="{% static 'images/logos/logo-d.png' %}">
     <meta name="theme-color" content="#ffffff">    
-    <script src="{% static 'js/apexcharts.js' %}"></script>
+
     
     <script src="{% static 'vendors/simplebar/simplebar.min.js' %}"></script>
     <script src="{% static 'js/config.js' %}"></script>
@@ -47,6 +47,8 @@
         <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 src="{% static 'js/main.js' %}"></script>
+<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
         integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
         crossorigin="anonymous" referrerpolicy="no-referrer"></script>
@@ -57,13 +59,43 @@
 {% endblock %}
 </head>
 <body>
+<script>
+      {% if messages %}
+    {% for message in messages %}
+
+    const Toast = Swal.mixin({
+    toast: true,
+    position: "top-end",
+    showConfirmButton: false,
+    timer: 2000,
+    timerProgressBar: false,
+        didOpen: (toast) => {
+        toast.onmouseenter = Swal.stopTimer;
+        toast.onmouseleave = Swal.resumeTimer;
+        }
+    });
+    Toast.fire({
+        icon: "{{ message.tags }}",
+        titleText: "{{ message| safe }}"});
+
+    {% endfor %}
+{% endif %}
+function notify(tag,msg){
+        Toast.fire({
+            icon: tag,
+            titleText: msg
+        });
+    }
+</script>
     <main class="main" id="top">
     {% include 'header.html' %}
 
 
 <div class="content">
 
- {% block period_navigation %}{% endblock period_navigation %}
+ {% block period_navigation %}
+
+ {% endblock period_navigation %}
 
     {% block content %}
     {% endblock content%}
@@ -97,42 +129,15 @@
     <script src="{% static 'vendors/echarts/echarts.min.js' %}"></script>
     <script src="{% static 'js/crm-analytics.js' %}"></script>
     <script src="{% static 'js/travel-agency-dashboard.js' %}"></script>
-    <script src="{% static 'js/main.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="https://unpkg.com/htmx.org@2.0.4"></script>
     <script src="{% static 'vendors/swiper/swiper-bundle.min.js' %}"></script>
     <script src="{% static 'vendors/flatpickr/flatpickr.min.js' %}"></script>
-    <script src="{% static 'django_ledger/bundle/djetler.bundle.js' %}"></script>
-    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
 <script>
     
-    {% if messages %}
-    {% for message in messages %}
 
-    const Toast = Swal.mixin({
-    toast: true,
-    position: "top-end",
-    showConfirmButton: false,
-    timer: 2000,
-    timerProgressBar: false,
-        didOpen: (toast) => {
-        toast.onmouseenter = Swal.stopTimer;
-        toast.onmouseleave = Swal.resumeTimer;
-        }
-    });
-    Toast.fire({
-        icon: "{{ message.tags }}",
-        titleText: "{{ message| safe }}"});
-
-    {% endfor %}
-{% endif %}
-function notify(tag,msg){
-        Toast.fire({
-            icon: tag,
-            titleText: msg
-        });
-    }
 
         {% if entity_slug %}
             let entitySlug = "{{ view.kwargs.entity_slug }}"
diff --git a/templates/ledger/reports/components/period_navigator.html b/templates/ledger/reports/components/period_navigator.html
index 747eabad..e90e6d4e 100644
--- a/templates/ledger/reports/components/period_navigator.html
+++ b/templates/ledger/reports/components/period_navigator.html
@@ -16,7 +16,7 @@
         <!-- Year Navigation -->
         <div class="text-center mb-3">
             <p class="mb-1">
-<<<<<<< HEAD
+
                 <span class="fw-bold">Year: </span>
                 <a href="{{ previous_year_url }}" class="text-decoration-none me-2">
                     <span class="fas fa-chevron-left"> </span>
@@ -27,12 +27,11 @@
                     <span class="fas fa-chevron-right"> </span>
                     <span class="fas fa-chevron-right"> </span>
                 </a>
-=======
+
                 <span class="fw-bold">{% trans 'Year' %}:</span>
                 <a href="{{ previous_year_url }}" class="text-decoration-none me-2"><< {{ previous_year }}</a>
                 <a href="{{ current_year_url }}" class="text-decoration-none me-2">{{ year }}</a>
                 <a href="{{ next_year_url }}" class="text-decoration-none">{{ next_year }} >></a>
->>>>>>> a4433631fb8ac35fdea38581ddea53fbba7115e4
             </p>
         </div>        
 
@@ -79,12 +78,10 @@
         </div>
 
         <!-- Date Picker -->
-<<<<<<< HEAD
+
         
-=======
         <div class="text-center ">
             {% date_picker date_navigation_url %}
         </div>
->>>>>>> a4433631fb8ac35fdea38581ddea53fbba7115e4
     </div>
 </div>
\ No newline at end of file
diff --git a/templates/ledger/reports/dashboard.html b/templates/ledger/reports/dashboard.html
index c19e2f64..caf5b301 100644
--- a/templates/ledger/reports/dashboard.html
+++ b/templates/ledger/reports/dashboard.html
@@ -4,7 +4,9 @@
 {% load django_ledger %}
 
 {% block content %}
+<style id="apexcharts-css">
 
+</style>
       <div class="pb-6">
         <div class="row align-items-center justify-content-between g-3 mb-6">
           <div class="col-12 col-md-auto">
@@ -136,15 +138,15 @@
           <div class="col-12 col-md-12">
             <div class="row justify-content-between mb-4">
               <div class="col-12">
-                <h3></h3>
+                <h3 id="dataContainer"></h3>
                 <div class="col-6 col-md-3">
                     <div class="">
                         <label class="form-label" for="datepicker">{{ _("Start Date")}}</label>
-                        <input id="startDate" class="form-control datetimepicker flatpickr-input" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" type="date" placeholder="dd/mm/yyyy" data-options="{&quot;disableMobile&quot;:true,&quot;dateFormat&quot;:&quot;Y-m-d&quot;}" readonly="readonly">                            
+                        <input id="startDate" class="form-control datetimepicker flatpickr-input" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" type="date" placeholder="dd/mm/yyyy" data-options="{'disableMobile':true,'dateFormat';:'Y-m-d'}" readonly="readonly">
                     </div>
                     <div>
                         <label class="form-label" for="datepicker">{{ _("End Date")}}</label>
-                        <input id="endDate" class="form-control datetimepicker flatpickr-input" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" type="date" placeholder="dd/mm/yyyy" data-options="{&quot;disableMobile&quot;:true,&quot;dateFormat&quot;:&quot;Y-m-d&quot;}" readonly="readonly">                            
+                        <input id="endDate" class="form-control datetimepicker flatpickr-input" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" type="date" placeholder="dd/mm/yyyy" data-options="{'disableMobile':true,'dateFormat':'Y-m-d'}" readonly="readonly">
                     </div>
                     <button id="apply_filter" class="btn btn-primary mt-3" type="submit">{{ _("Apply") }}</button>
                 </div>
@@ -253,7 +255,8 @@
         
         async function get_data(){
             const response = await fetch("{% url 'entity-json-net-receivables' request.user.dealer.entity.slug %}");
-            data = await response.json();                                    
+            data = await response.json();
+            console.log(data);
             const keys = Object.keys(data.results.net_receivable_data);
             const labels = keys;
             const values = keys.map(key => data.results.net_receivable_data[key]);                        
diff --git a/templates/plans/current.html b/templates/plans/current.html
index 816d964b..e5a55b7f 100644
--- a/templates/plans/current.html
+++ b/templates/plans/current.html
@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% load i18n %}
 
-{% block body %}
+{% block content %}
 
     <!-- Account Details Section -->
     <div class="row my-3">
diff --git a/templates/welcome.html b/templates/welcome.html
index ca5d2284..fa1fef6e 100644
--- a/templates/welcome.html
+++ b/templates/welcome.html
@@ -147,9 +147,22 @@
               <div class="card shadow-sm">
 
                 <div class="card-body">
-                  <h5 class="card-title">{{plan.name }}</h5>
-                  <p class="card-text">{{ plan.description }}</p>
-                  <p class="h4">{{ plan.price }}</p>
+                  <h5 class="card-title fw-bold">{{plan.name }}</h5>
+                  <p class="card-text fs-9">{{ plan.description }}</p>
+                  {% for plan_pricing in plan.planpricing_set.all %}
+                    {% if plan_pricing.visible %}
+                        <li class="mb-2">
+                            {% if plan_pricing.pricing.url %}<a href="{{ plan_pricing.pricing.url }}" class="info_link pricing text-decoration-none">{% endif %}
+                            <span class="plan_pricing_name fw-bold">{{ plan_pricing.pricing.name }}</span>
+                            <small class="plan_pricing_period d-block text-muted">({{ plan_pricing.pricing.period }} {% trans "days" %})</small>
+                            {% if plan_pricing.pricing.url %}</a>{% endif %}
+                            <span class="plan_pricing_price d-block font-weight-bold">{{ plan_pricing.price }}&nbsp;{{ CURRENCY }}</span>
+                            {% if plan_pricing.plan == userplan.plan or userplan.is_expired or userplan.plan.is_free %}
+                                <a href="{% url 'create_order_plan' pk=plan_pricing.pk %}" class="buy btn btn-sm btn-phoenix-success">{% trans "Buy" %}</a>
+                            {% endif %}
+                        </li>
+                    {% endif %}
+                  {% endfor %}
                   <a href="{% url 'account_signup' %}" class="btn btn-primary mt-3">{% trans 'Get Started' %}</a>
                 </div>
               </div>