diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
index 004e8ed..6efea09 100644
--- a/app/Http/Controllers/HomeController.php
+++ b/app/Http/Controllers/HomeController.php
@@ -46,6 +46,9 @@ class HomeController extends Controller
                 $item = date('Y-m-d', $x);
             }
         });
-        return view('home',compact('dates','visits'));
+
+        $mobiles_count = Visitor::where('created_at', '>=', Carbon::now()->subMonth())->where('is_mobile',1)->count();
+        $all_visitor = Visitor::where('created_at', '>=', Carbon::now()->subMonth())->count();
+        return view('home',compact('dates','visits','all_visitor','mobiles_count'));
     }
 }
diff --git a/app/Models/Invoice.php b/app/Models/Invoice.php
index 09dbb53..68e14a1 100644
--- a/app/Models/Invoice.php
+++ b/app/Models/Invoice.php
@@ -17,6 +17,11 @@ class Invoice extends Model
         return 'hash';
     }
 
+
+    public function orders()
+    {
+        return $this->hasMany(Order::class);
+    }
     protected static function boot()
     {
         parent::boot();
diff --git a/app/Models/User.php b/app/Models/User.php
index c2f4c02..80af713 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -58,19 +58,49 @@ class User extends Authenticatable
     {
         return $this->hasMany(Post::class);
     }
+    public function postsPercent()
+    {
+        if (Post::count() == 0) {
+            return 100;
+        }
+        return $this->posts()->count() * 100 / Post::count();
+    }
     public function products()
     {
         return $this->hasMany(Product::class);
     }
+    public function productsPercent()
+    {
+
+        if (Product::count() == 0) {
+            return 100;
+        }
+        return $this->products()->count() * 100 / Product::count();
+    }
     public function tickets()
     {
         return $this->hasMany(Ticket::class);
     }
+    public function ticketsPercent()
+    {
+        if (Ticket::count() == 0) {
+            return 100;
+        }
+        return $this->tickets()->count() * 100 / Ticket::count();
+    }
     public function comments()
     {
         return $this->morphMany(Comment::class,'commentator');
     }
 
+    public function commentsPercent()
+    {
+        if (Comment::count() == 0) {
+            return 100;
+        }
+        return $this->comments()->count() * 100 / Comment::count();
+    }
+
     public function logs()
     {
         return $this->hasMany(AdminLog::class, 'user_id', 'id');
diff --git a/database/factories/InvoiceFactory.php b/database/factories/InvoiceFactory.php
index 83320f1..334c6b4 100644
--- a/database/factories/InvoiceFactory.php
+++ b/database/factories/InvoiceFactory.php
@@ -2,6 +2,8 @@
 
 namespace Database\Factories;
 
+use App\Models\Customer;
+use App\Models\Invoice;
 use Illuminate\Database\Eloquent\Factories\Factory;
 
 /**
@@ -16,8 +18,17 @@ class InvoiceFactory extends Factory
      */
     public function definition(): array
     {
+        $date =  $this->faker->dateTimeBetween('-1 months', 'now');
         return [
-            //
+            'customer_id' => Customer::inRandomOrder()->first()->id,
+            'status' => Invoice::$invoiceStatus[rand(0,count(Invoice::$invoiceStatus)-1)],
+            'desc' => $this->faker->realText(),
+            'address_id' => null,
+            'transport_id' => null,
+            'transport_price' => 0,
+            'created_at' => $date,
+            'updated_at' => $date,
+            'total_price' => 0,
         ];
     }
 }
diff --git a/database/migrations/2024_05_07_130806_create_invoices_table.php b/database/migrations/2024_05_07_130806_create_invoices_table.php
index b4dec43..d03c9d7 100644
--- a/database/migrations/2024_05_07_130806_create_invoices_table.php
+++ b/database/migrations/2024_05_07_130806_create_invoices_table.php
@@ -17,6 +17,7 @@ return new class extends Migration
             $table->unsignedBigInteger('customer_id');
             $table->enum("status",\App\Models\Invoice::$invoiceStatus)->nullable()->default("PENDING");
             $table->unsignedBigInteger('total_price')->nullable()->default(0);
+            $table->integer('count')->nullable()->default(0);
             $table->json('meta')->nullable();
             $table->unsignedBigInteger('discount_id')->nullable()->default(null);
             $table->text('desc')->nullable()->default(null);
diff --git a/database/migrations/2024_05_07_130906_create_orders_table.php b/database/migrations/2024_05_07_130906_create_orders_table.php
index ca64160..682e3ba 100644
--- a/database/migrations/2024_05_07_130906_create_orders_table.php
+++ b/database/migrations/2024_05_07_130906_create_orders_table.php
@@ -15,7 +15,7 @@ return new class extends Migration
             $table->id();
             $table->unsignedBigInteger('invoice_id');
             $table->unsignedBigInteger('product_id');
-            $table->unsignedBigInteger('quantity_id');
+            $table->unsignedBigInteger('quantity_id')->nullable();
             $table->integer('count')->nullable()->default(1);
             $table->unsignedInteger('price_total');
             $table->json('data')->nullable()->default(null);;
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index a14da41..8f8897f 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -37,6 +37,7 @@ class DatabaseSeeder extends Seeder
                 GfxSeeder::class,
                 AreaSeeder::class,
                 PartSeeder::class,
+                InvoiceSeeder::class,
                 VisitorSeeder::class
             ]
         );
diff --git a/database/seeders/InvoiceSeeder.php b/database/seeders/InvoiceSeeder.php
index 0ed848f..cd50c67 100644
--- a/database/seeders/InvoiceSeeder.php
+++ b/database/seeders/InvoiceSeeder.php
@@ -2,6 +2,9 @@
 
 namespace Database\Seeders;
 
+use App\Models\Invoice;
+use App\Models\Order;
+use App\Models\Product;
 use Illuminate\Database\Console\Seeds\WithoutModelEvents;
 use Illuminate\Database\Seeder;
 
@@ -13,5 +16,22 @@ class InvoiceSeeder extends Seeder
     public function run(): void
     {
         //
+        Invoice::factory(70)->create();
+        foreach (Invoice::all() as $it){
+            $total = 0;
+            for ($i = 0; $i <= rand(1,4); $i++) {
+                $order = new Order();
+                $order->product_id = Product::inRandomOrder()->first()->id;
+                $order->count = 1;
+                $order->price_total = rand(100,2000).'000';
+                $total = $order->price_total ;
+                $order->invoice_id = $it->id;
+                $order->save();
+            }
+            $it->total_price = $total;
+            $it->count = $it->orders()->count();
+
+            $it->save();
+        }
     }
 }
diff --git a/resources/js/app.js b/resources/js/app.js
index ef60ffe..2df137f 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -30,6 +30,17 @@ import './panel/setting-section-controller.js';
 import './panel/sotable-controller.js';
 import './panel/prototypes.js';
 
+// chartjs.defaults.defaultFontFamily = "Vazir";
+// chartjs.defaults.defaultFontSize = 18;
+
+// chartjs.defaults.backgroundColor = '#0097ff';
+chartjs.defaults.borderColor = 'rgba(255,255,255,0.05)';
+chartjs.defaults.color = '#fff';
+chartjs.defaults.font.family = 'Vazir';
+// chartjs.defaults.font.size = '14';
+// chartjs.defaults.font.weight = '100';
+
+
 window.chartjs = chartjs;
 window.isPaintedChart = false;
 
diff --git a/resources/sass/panel/_common.scss b/resources/sass/panel/_common.scss
index e9738d6..be6cd57 100644
--- a/resources/sass/panel/_common.scss
+++ b/resources/sass/panel/_common.scss
@@ -272,3 +272,5 @@ a.btn,a.action-btn,a.circle-btn{
         flex-wrap: wrap;
     }
 }
+
+
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 5bb7197..c948511 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -12,7 +12,7 @@
                                 <img src="{{asset('panel/images/xshop-logo.svg')}}" class="avatar-x64" alt="">
                             </div>
                             <div class="col-9 pt-1">
-                                {{__("Welcome bak")}}
+                                {{__("Welcome back")}}
                                 <h4 class="mt-2">
                                     {{auth()->user()->name}}
                                 </h4>
@@ -24,24 +24,40 @@
                                             {{__("Posts")}}
                                         </h5>
                                         {{number_format(auth()->user()->posts()->count())}}
+                                        <div class="progress" role="progressbar" style="height: 3px">
+                                            <div class="progress-bar"
+                                                 style="width: {{auth()->user()->postsPercent()}}%"></div>
+                                        </div>
                                     </div>
                                     <div class="col-6 mt-3">
                                         <h5>
                                             {{__("Products")}}
                                         </h5>
                                         {{number_format(auth()->user()->products()->count())}}
+                                        <div class="progress" role="progressbar" style="height: 3px">
+                                            <div class="progress-bar bg-warning"
+                                                 style="width: {{auth()->user()->productsPercent()}}%"></div>
+                                        </div>
                                     </div>
                                     <div class="col-6 mt-3">
                                         <h5>
                                             {{__("Comments")}}
                                         </h5>
                                         {{number_format(auth()->user()->comments()->count())}}
+                                        <div class="progress" role="progressbar" style="height: 3px">
+                                            <div class="progress-bar bg-danger"
+                                                 style="width: {{auth()->user()->commentsPercent()}}%"></div>
+                                        </div>
                                     </div>
                                     <div class="col-6 mt-3">
                                         <h5>
                                             {{__("Tickets")}}
                                         </h5>
                                         {{number_format(auth()->user()->tickets()->count())}}
+                                        <div class="progress" role="progressbar" style="height: 3px">
+                                            <div class="progress-bar bg-success"
+                                                 style="width: {{auth()->user()->ticketsPercent()}}%"></div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
@@ -58,7 +74,7 @@
                         <a href="#">
                             <i class="ri-shopping-bag-4-line"></i>
                             <h2>
-                                {{number_format(\App\Models\Ticket::where('status','PAID')->count())}}
+                                {{number_format(\App\Models\Invoice::where('status','PAID')->count())}}
                             </h2>
                         </a>
                     </div>
@@ -73,7 +89,7 @@
                         <a href="{{route('admin.ticket.index')}}">
                             <i class="ri-customer-service-2-line"></i>
                             <h2>
-                                {{number_format(\App\Models\Invoice::where('status','PENDING')->count())}}
+                                {{number_format(\App\Models\Ticket::where('status','PENDING')->count())}}
                             </h2>
                         </a>
                     </div>
@@ -83,17 +99,40 @@
         <div class="row">
 
             <div class="col-lg-12 mb-3 p-0" id="visitor-container">
-                <div class="card">
+                <div class="card skewed-container">
+                    <i class="ri-bar-chart-box-line skewed-icon"></i>
                     <div class="card-header">
                         {{__("last month visits")}}
                     </div>
                     <div class="card-body">
-                        <canvas id="visitor-chart" height="300"></canvas>
+                        <canvas id="visitor-chart"></canvas>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-lg-4 p-0 pe-lg-2 mb-3">
+                <div class="card skewed-container h-100">
+                    <i class="ri-computer-line skewed-icon"></i>
+                    <div class="card-header">
+                        {{__("Last month visitors devices")}}
+                    </div>
+                    <div class="card-body">
+                        <canvas id="visitor-device"></canvas>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-8 p-0 ps-lg-2 mb-3">
+                <div class="card skewed-container h-100">
+                    <i class="ri-shopping-bag-3-line skewed-icon"></i>
+                    <div class="card-header">
+                        {{__("Last week orders")}}
+                    </div>
+                    <div class="card-body">
+                        <canvas id="orders-chart"></canvas>
                     </div>
                 </div>
             </div>
-
-
         </div>
     </div>
 @endsection
@@ -102,6 +141,11 @@
     <script>
 
 
+        window.addEventListener('resize', function () {
+            // window.vchart.resize(1,1);
+            window.vchart.resize(null, 300);
+        });
+
         window.addEventListener('load', function () {
 
             if (isPaintedChart) {
@@ -110,10 +154,10 @@
 
             isPaintedChart = true;
 
-            let ctx = document.getElementById('visitor-chart').getContext('2d');
             let visits = @json($visits);
-            document.getElementById('visitor-chart').setAttribute('width', document.querySelector('#visitor-container').clientWidth - 45);
-            let chart = new window.chartjs(ctx, {
+            let ctx = document.getElementById('visitor-chart').getContext('2d');
+            // document.getElementById('visitor-chart').setAttribute('width', document.querySelector('#visitor-container').clientWidth - 45);
+            window.vchart = new window.chartjs(ctx, {
                 // The type of chart we want to create
                 type: 'line', // also try bar or other graph types
 
@@ -141,6 +185,9 @@
 
                 // Configuration options
                 options: {
+                    maintainAspectRatio: false,
+                    resizeDelay: 1000,
+                    // aspectRatio: 6,
                     layout: {
                         padding: 10,
                     },
@@ -149,10 +196,52 @@
                     },
                     title: {
                         display: true,
-                        text: 'Precipitation in Toronto'
+                        text: 'Website visits traffic'
                     }
                 }
             });
+            let ctx2 = document.getElementById('visitor-device').getContext('2d');
+            // document.getElementById('visitor-chart').setAttribute('width', document.querySelector('#visitor-container').clientWidth - 45);
+            window.dchart = new window.chartjs(ctx2, {
+                // The type of chart we want to create
+                type: 'pie', // also try bar or other graph types
+
+                // The data for our dataset
+                data: {
+                    labels: ['All visitors','Desktop', 'Mobile / Tablet',],
+                    datasets: [
+                        {
+                            label:"{{__('Devices')}}",
+                            data: [{{$all_visitor}},{{$all_visitor - $mobiles_count}}, {{$mobiles_count}}],
+                            backgroundColor: ['rgba(255,128,0,0.69)', 'rgba(255,0,54,0.56)','rgba(0,202,202,0.56)'],
+                            hoverBackgroundColor: ['rgba(255,128,0,0.9)', 'rgba(255,0,54,0.9)','rgba(0,202,202,0.9)'],
+                            borderWidth: 1,
+                            borderColor: '#00000011'
+
+                        }
+                    ]
+                },
+
+                // Configuration options
+                options: {
+                    maintainAspectRatio: false,
+                    resizeDelay: 1000,
+                    // aspectRatio: 6,
+                    layout: {
+                        padding: 10
+                    },
+                    legend: {
+                        position: 'bottom',
+                    },
+                    title: {
+                        display: true,
+                        text: 'Visitor device'
+                    }
+                }
+            });
+
+
+            window.dispatchEvent(new Event('resize'));
         });
 
     </script>