fix: dashboard

app/Services/DashboardService.php

     {
         return [
             "title" => __("words.sale_and_purchase"),
+            "description" => __("words.period", [
+                "number" => now()->translatedFormat("Y"),
+            ]),
             "data" => [
                 __("words.sale") => QueryService::amountStatistic("sales"),
                 __("words.purchase") => QueryService::amountStatistic(

app/Services/QueryService.php

                  FROM
                     products
                  WHERE
-                    DATE(updated_at) = CURDATE()) AS amountToday"
+                    DATE(created_at) = CURDATE()) AS amountToday"
             )
             ->get()
             ->transform(
                 "COUNT(*) AS amount,
                  DATE_FORMAT(created_at, '%b') AS month"
             )
+            ->whereRaw("YEAR(created_at) = YEAR(CURDATE())")
             ->groupByRaw("month")
             ->orderByRaw("created_at")
             ->get()

lang/en/words.php

     "stock_product" => "Stock Product",
     "best_product" => "Best Product",
     "sale_and_purchase" => "Sale and Purchase",
+    "period" => "Period :number",
 ];

lang/id/words.php

     "stock_product" => "Stok Produk",
     "best_product" => "Produk Terlaris",
     "sale_and_purchase" => "Penjualan dan Pembelian",
+    "period" => "Periode :number",
 ];

resources/js/pages/Dashboards/Components/CardCart.vue

 <script setup>
 defineProps({
   title: {
-    required: true,
+    type: String,
+  },
+  description: {
     type: String,
   },
 })
 
 <template>
   <div class="card">
-    <h5>{{ title }}</h5>
+    <h5 class="mb-1">{{ title }}</h5>
+    <span>{{ description }}</span>
 
     <Chart v-bind="$attrs" />
   </div>

resources/js/pages/Dashboards/Components/CardProductFavorite.vue

 <template>
   <div class="card">
     <div class="flex justify-content-between align-items-center">
-      <h5>{{ data.title }}</h5>
+      <h5 class="mb-1">{{ data.title }}</h5>
+      <span>{{ data.description }}</span>
     </div>
 
     <ul class="list-none p-0 m-0">

resources/js/pages/Dashboards/Composables/useStatistic.js

     index++
   }
 
-  return { title: chartData.title, data: chartSettings }
+  return {
+    title: chartData.title,
+    description: chartData.description,
+    data: chartSettings,
+  }
 }

resources/js/pages/Dashboards/Composables/useStatisticDualYear.js

     index++
   }
 
-  return { title: chartData.title, data: chartSettings }
+  return {
+    title: chartData.title,
+    description: chartData.description,
+    data: chartSettings,
+  }
 }

resources/js/pages/Dashboards/Index.vue

             <CardCart
               type="line"
               :title="salePurchaseAmountStatistic.title"
+              :description="salePurchaseAmountStatistic.description"
               :data="salePurchaseAmountStatistic.data"
             />
           </div>
             <CardCart
               type="bar"
               :title="salePriceStatistic.title"
+              :description="salePriceStatistic.description"
               :data="salePriceStatistic.data"
             />
           </div>
             <CardCart
               type="bar"
               :title="purchasePriceStatistic.title"
+              :description="purchasePriceStatistic.description"
               :data="purchasePriceStatistic.data"
             />
           </div>