up

Filament/Pages/Dashboard.php

@@ -44,6 +44,8 @@ protected function getHeaderWidgets(): array
             // Widgets\TestChartWidget::make(['qid' => 5]),
             // Widgets\TestChartWidget::make(['qid' => 6]),
             // Widgets\StatsOverviewWidget::class,
+
+            Widgets\StatWithIconWidget::make(['label'=>'Unique views', 'value'=>'192.1k']),
             Widgets\TestWidget::make(['widgets' => $widgets]),
             Widgets\TestWidget::make(['widgets' => $widgets]),
             Widgets\TestWidget::make(['widgets' => $widgets]),

Filament/Widgets/StatWithIconWidget.php

@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\UI\Filament\Widgets;
+
+use Closure;
+use Filament\Widgets\Widget as BaseWidget;
+use Illuminate\Contracts\Support\Htmlable;
+
+class StatWithIconWidget extends BaseWidget
+{
+    protected static string $view = 'ui::filament.widgets.stat-with-icon';
+
+    protected string | Htmlable $label;
+
+    /**
+     * @var scalar | Htmlable | Closure
+     */
+    protected $value;
+
+
+
+
+    protected function getData(): array
+    {
+        dddx($this->label);
+        return [];
+    }
+}

Resources/views/filament/widgets/stat-with-icon.blade.php

@@ -0,0 +1,55 @@
+<x-filament-widgets::widget>
+    <x-filament::section collapsible>
+        <x-filament::grid lg='2'>
+            <x-filament::grid.column >
+                <span class="overflow-hidden" >
+                <x-filament::icon
+                                icon="fas-futbol"
+                                size="24"
+                                class="w-auto h-12"
+                            />
+                </span>
+
+                BBB
+
+            </x-filament::grid.column>
+        </x-filament::grid>
+    </x-filament::section>
+</x-filament-widgets::widget>
+{{--
+<x-filament-widgets::widget >
+    
+    <x-filament::grid
+        :default="$grid['default'] ?? 1"
+        :sm="$grid['sm'] ?? null"
+        :md="$grid['md'] ?? null"
+        :lg="$grid['lg'] ?? null"
+        :xl="$grid['xl'] ?? null"
+        class="gap-6"
+    >
+    <x-filament::grid.column>
+    <x-filament::section
+                    class="overlook-card rounded-xl overflow-hidden relative h-24 bg-gradient-to-tr from-gray-100 via-white to-white dark:from-gray-950 dark:to-gray-900"
+                >
+                    <a
+                        href="#"
+                        class="overflow-hidden absolute inset-0 py-2 px-3 text-gray-600 font-medium rounded-xl ring-primary-500 dark:text-gray-400 group hover:ring-2 focus:ring-2">
+                        
+                        
+                            <x-filament::icon
+                                icon="fas-futbol"
+                                :size="24"
+                                class="w-auto h-24 absolute left-0 top-8 text-primary-500 opacity-20 dark:opacity-20 transition group-hover:scale-110 group-hover:-rotate-12 group-hover:opacity-40 dark:group-hover:opacity-80"
+                            />
+                            <span class="overlook-name">AAA</span>
+                            
+                            <span class="text-gray-600 dark:text-gray-300 absolute leading-none bottom-3 right-4 text-3xl font-bold">BBB</span>
+                            
+                    </a>
+                </x-filament::section>       
+</x-filament::grid.column>
+    </x-filament::grid>
+    </x-filament-widgets::widget>   
+
+--}}
+