add company chart

app/Filament/Pages/Companies.php

@@ -4,6 +4,7 @@ namespace App\Filament\Pages;
 
 use Filament\Pages\Page;
 use Illuminate\Support\Facades\Auth;
+use Wallo\FilamentCompanies\FilamentCompanies;
 
 class Companies extends Page
 {
@@ -24,7 +25,13 @@ class Companies extends Page
     protected function getHeaderWidgets(): array
     {
         return [
+            Widgets\CumulativeCompanyData::class,
             Widgets\Companies::class,
         ];
     }
+
+    protected static function getNavigationBadge(): ?string
+    {
+        return FilamentCompanies::companyModel()::count();
+    }
 }

app/Filament/Pages/Employees.php

@@ -4,6 +4,7 @@ namespace App\Filament\Pages;
 
 use Filament\Pages\Page;
 use Illuminate\Support\Facades\Auth;
+use Wallo\FilamentCompanies\FilamentCompanies;
 
 class Employees extends Page
 {
@@ -27,4 +28,9 @@ class Employees extends Page
             Widgets\Employees::class,
         ];
     }
+
+    protected static function getNavigationBadge(): ?string
+    {
+        return FilamentCompanies::employeeshipModel()::count();
+    }
 }

app/Filament/Pages/Users.php

@@ -4,6 +4,7 @@ namespace App\Filament\Pages;
 
 use Filament\Pages\Page;
 use Illuminate\Support\Facades\Auth;
+use Wallo\FilamentCompanies\FilamentCompanies;
 
 class Users extends Page
 {
@@ -27,4 +28,9 @@ class Users extends Page
             Widgets\Users::class,
         ];
     }
+
+    protected static function getNavigationBadge(): ?string
+    {
+        return FilamentCompanies::userModel()::count();
+    }
 }

app/Filament/Pages/Widgets/CumulativeCompanyData.php

@@ -0,0 +1,177 @@
+<?php
+
+namespace App\Filament\Pages\Widgets;
+
+use App\Models\Company;
+use Leandrocfe\FilamentApexCharts\Widgets\ApexChartWidget;
+
+class CumulativeCompanyData extends ApexChartWidget
+{
+    protected int|string|array $columnSpan = [
+        'md' => 2,
+        'xl' => 3,
+    ];
+
+    /**
+     * Chart Id
+     *
+     * @var string
+     */
+    protected static string $chartId = 'cumulative-company-data';
+
+    /**
+     * Widget Title
+     *
+     * @var string|null
+     */
+    protected static ?string $heading = 'Cumulative Company Data';
+
+    protected function getOptions(): array
+    {
+        $startOfYear = today()->startOfYear();
+        $today = today();
+
+        // Company data
+        $companyData = Company::selectRaw("COUNT(*) as aggregate, YEARWEEK(created_at, 3) as week")
+            ->whereBetween('created_at', [$startOfYear, $today])
+            ->groupByRaw('week')
+            ->get();
+
+        $weeks = [];
+        for ($week = $startOfYear->copy(); $week->lte($today); $week->addWeek()) {
+            $weeks[$week->format('oW')] = 0;
+        }
+
+        $weeklyData = collect($weeks)->mapWithKeys(static function ($value, $week) use ($companyData) {
+            $matchingData = $companyData->firstWhere('week', $week);
+            return [$week => $matchingData ? $matchingData->aggregate : 0];
+        });
+
+        $totalCompanies = $weeklyData->reduce(static function ($carry, $value) {
+            $carry[] = ($carry ? end($carry) : 0) + $value;
+            return $carry;
+        }, []);
+
+        // Calculate percentage increase and increase in companies per week
+        $newCompanies = [0];
+        $weeklyGrowthRate = [0];
+
+        $cumulativeDataLength = count($totalCompanies);
+        for ($key = 1; $key < $cumulativeDataLength; $key++) {
+            $value = $totalCompanies[$key];
+            $previousWeekValue = $totalCompanies[$key - 1];
+            $newCompanies[] = $value - $previousWeekValue;
+            $weeklyGrowthRate[] = round((($value - $previousWeekValue) / $previousWeekValue) * 100, 2);
+        }
+
+        $labels = collect($weeks)->keys()->map(static function ($week) {
+            $year = substr($week, 0, 4);
+            $weekNumber = substr($week, 4);
+
+            return now()->setISODate($year, $weekNumber)->format('Y-m-d');
+        });
+
+        return [
+            'chart' => [
+                'type' => 'line',
+                'height' => 350,
+                'stacked' => false,
+                'toolbar' => [
+                    'show' => false,
+                ],
+            ],
+            'series' => [
+                [
+                    'name' => 'Weekly Growth Rate',
+                    'type' => 'area',
+                    'data' => $weeklyGrowthRate,
+                ],
+                [
+                    'name' => 'New Companies',
+                    'type' => 'line',
+                    'data' => $newCompanies,
+                ],
+                [
+                    'name' => 'Total Companies',
+                    'type' => 'column',
+                    'data' => $totalCompanies,
+                ],
+            ],
+            'xaxis' => [
+                'type' => 'datetime',
+                'categories' => $labels,
+                'labels' => [
+                    'style' => [
+                        'colors' => '#9ca3af',
+                        'fontWeight' => 600,
+                    ],
+                ],
+            ],
+            'yaxis' => [
+                [
+                    'seriesName' => 'Weekly Growth Rate',
+                    'labels' => [
+                        'style' => [
+                            'colors' => '#9ca3af',
+                            'fontWeight' => 600,
+                        ],
+                    ],
+                ],
+                [
+                    'seriesName' => 'New Companies',
+                    'opposite' => true,
+                    'labels' => [
+                        'style' => [
+                            'colors' => '#9ca3af',
+                            'fontWeight' => 600,
+                        ],
+                    ],
+                ],
+                [
+                    'seriesName' => 'Total Companies',
+                    'opposite' => true,
+                    'labels' => [
+                        'style' => [
+                            'colors' => '#9ca3af',
+                            'fontWeight' => 600,
+                        ],
+                    ],
+                ],
+            ],
+            'legend' => [
+                'labels' => [
+                    'colors' => '#9ca3af',
+                    'fontWeight' => 600,
+                ],
+            ],
+            'markers' => [
+                'size' => 0,
+            ],
+            'colors' => ['#d946ef', '#6d28d9', '#3b82f6'],
+            'fill' => [
+                'type' => 'gradient',
+                'gradient' => [
+                    'shade' => 'dark',
+                    'type' => 'vertical',
+                    'shadeIntensity' => 0.5,
+                    'gradientToColors' => ['#d946ef', '#6d28d9', '#0ea5e9'],
+                    'inverseColors' => false,
+                    'opacityFrom' => [0.85, 1, 0.75],
+                    'opacityTo' => [0.4, 0.85, 1],
+                    'stops' => [0, 20, 80, 100],
+                ],
+            ],
+            'stroke' => [
+                'width' => [2, 5, 0],
+                'curve' => 'smooth',
+            ],
+            'plotOptions' => [
+                'bar' => [
+                    'borderRadius' => 5,
+                    'borderRadiusApplication' => 'end',
+                    'columnWidth' => '60%',
+                ],
+            ],
+        ];
+    }
+}

app/Filament/Pages/Widgets/Employees.php

@@ -56,6 +56,10 @@ class Employees extends PageWidget
                 ->weight('semibold'),
             Tables\Columns\BadgeColumn::make('employeeships.role')
                 ->label('Role')
+                ->enum([
+                    'admin' => 'Administrator',
+                    'editor' => 'Editor',
+                ])
                 ->icons([
                     'heroicon-o-shield-check' => 'admin',
                     'heroicon-o-pencil' => 'editor',

app/Filament/Pages/Widgets/Users.php

@@ -36,10 +36,11 @@ class Users extends PageWidget
                 ->sortable()
                 ->searchable()
                 ->grow(false),
-            Tables\Columns\TextColumn::make('owned_companies')
+            Tables\Columns\TextColumn::make('owned_companies_count')
+                ->counts('ownedCompanies')
                 ->label('Companies')
                 ->weight('semibold')
-                ->getStateUsing(static fn ($record) => $record->ownedCompanies->count()),
+                ->sortable(),
         ];
     }
 }

composer.json

@@ -8,10 +8,12 @@
         "php": "^8.1",
         "andrewdwallo/filament-companies": "^2.0",
         "filament/filament": "^2.17",
+        "flowframe/laravel-trend": "^0.1.5",
         "guzzlehttp/guzzle": "^7.2",
         "laravel/framework": "^10.8",
         "laravel/sanctum": "^3.2",
-        "laravel/tinker": "^2.8"
+        "laravel/tinker": "^2.8",
+        "leandrocfe/filament-apex-charts": "^1.0"
     },
     "require-dev": {
         "doctrine/dbal": "^3.6",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "32e2f0040dca607c8fb1baa663b1e38a",
+    "content-hash": "dabf47be9fbc6a33cc67ae9123c6f5d2",
     "packages": [
         {
             "name": "akaunting/laravel-money",
@@ -934,16 +934,16 @@
         },
         {
             "name": "filament/filament",
-            "version": "v2.17.32",
+            "version": "v2.17.36",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/app.git",
-                "reference": "40c85b5a45456e6802edf99714e8baa8dbde7f27"
+                "reference": "c62290398a1d6b03351dbab8158115efd936deaa"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/app/zipball/40c85b5a45456e6802edf99714e8baa8dbde7f27",
-                "reference": "40c85b5a45456e6802edf99714e8baa8dbde7f27",
+                "url": "https://api.github.com/repos/filamentphp/app/zipball/c62290398a1d6b03351dbab8158115efd936deaa",
+                "reference": "c62290398a1d6b03351dbab8158115efd936deaa",
                 "shasum": ""
             },
             "require": {
@@ -993,20 +993,20 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2023-04-30T16:44:29+00:00"
+            "time": "2023-05-05T08:37:23+00:00"
         },
         {
             "name": "filament/forms",
-            "version": "v2.17.32",
+            "version": "v2.17.36",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/forms.git",
-                "reference": "b486221ba0d9b23e36ccdcb3ca3b18e8f81cb6bb"
+                "reference": "b29e2f817ad63913ae1b339910726ede6696de9a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/forms/zipball/b486221ba0d9b23e36ccdcb3ca3b18e8f81cb6bb",
-                "reference": "b486221ba0d9b23e36ccdcb3ca3b18e8f81cb6bb",
+                "url": "https://api.github.com/repos/filamentphp/forms/zipball/b29e2f817ad63913ae1b339910726ede6696de9a",
+                "reference": "b29e2f817ad63913ae1b339910726ede6696de9a",
                 "shasum": ""
             },
             "require": {
@@ -1051,20 +1051,20 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2023-04-30T16:44:24+00:00"
+            "time": "2023-05-04T23:08:13+00:00"
         },
         {
             "name": "filament/notifications",
-            "version": "v2.17.32",
+            "version": "v2.17.36",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/notifications.git",
-                "reference": "42c18bf35a634f17c61ee1f8694ec3ac440903f9"
+                "reference": "0ef9f1f3481a08f357b8e78bcb4bbcd8111a1252"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/notifications/zipball/42c18bf35a634f17c61ee1f8694ec3ac440903f9",
-                "reference": "42c18bf35a634f17c61ee1f8694ec3ac440903f9",
+                "url": "https://api.github.com/repos/filamentphp/notifications/zipball/0ef9f1f3481a08f357b8e78bcb4bbcd8111a1252",
+                "reference": "0ef9f1f3481a08f357b8e78bcb4bbcd8111a1252",
                 "shasum": ""
             },
             "require": {
@@ -1104,20 +1104,20 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2023-04-21T08:32:52+00:00"
+            "time": "2023-05-04T23:08:09+00:00"
         },
         {
             "name": "filament/support",
-            "version": "v2.17.32",
+            "version": "v2.17.36",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/support.git",
-                "reference": "2e02ece5a722ddc95facd3a37f3b3a4fd3d355d1"
+                "reference": "1a411197122524886c81a74c7044258d64d56308"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/support/zipball/2e02ece5a722ddc95facd3a37f3b3a4fd3d355d1",
-                "reference": "2e02ece5a722ddc95facd3a37f3b3a4fd3d355d1",
+                "url": "https://api.github.com/repos/filamentphp/support/zipball/1a411197122524886c81a74c7044258d64d56308",
+                "reference": "1a411197122524886c81a74c7044258d64d56308",
                 "shasum": ""
             },
             "require": {
@@ -1154,20 +1154,20 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2023-05-01T16:59:19+00:00"
+            "time": "2023-05-04T23:08:15+00:00"
         },
         {
             "name": "filament/tables",
-            "version": "v2.17.32",
+            "version": "v2.17.36",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/tables.git",
-                "reference": "c05ca1a1b48039c68e7a3247acb7c56ec8bee085"
+                "reference": "f9862eb6d9af85c98512924e9f0d84d6eb1ff4f5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/tables/zipball/c05ca1a1b48039c68e7a3247acb7c56ec8bee085",
-                "reference": "c05ca1a1b48039c68e7a3247acb7c56ec8bee085",
+                "url": "https://api.github.com/repos/filamentphp/tables/zipball/f9862eb6d9af85c98512924e9f0d84d6eb1ff4f5",
+                "reference": "f9862eb6d9af85c98512924e9f0d84d6eb1ff4f5",
                 "shasum": ""
             },
             "require": {
@@ -1210,7 +1210,81 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2023-05-01T16:59:27+00:00"
+            "time": "2023-05-04T23:08:16+00:00"
+        },
+        {
+            "name": "flowframe/laravel-trend",
+            "version": "v0.1.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Flowframe/laravel-trend.git",
+                "reference": "bc43bf7840ff60aca39e856ad96f5e990fac83d7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Flowframe/laravel-trend/zipball/bc43bf7840ff60aca39e856ad96f5e990fac83d7",
+                "reference": "bc43bf7840ff60aca39e856ad96f5e990fac83d7",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/contracts": "^8.37|^9|^10.0",
+                "php": "^8.0",
+                "spatie/laravel-package-tools": "^1.4.3"
+            },
+            "require-dev": {
+                "nunomaduro/collision": "^5.3|^6.1",
+                "orchestra/testbench": "^6.15|^7.0|^8.0",
+                "pestphp/pest": "^1.18",
+                "pestphp/pest-plugin-laravel": "^1.1",
+                "spatie/laravel-ray": "^1.23",
+                "vimeo/psalm": "^4.8|^5.6"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Flowframe\\Trend\\TrendServiceProvider"
+                    ],
+                    "aliases": {
+                        "Trend": "Flowframe\\Trend\\TrendFacade"
+                    }
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Flowframe\\Trend\\": "src",
+                    "Flowframe\\Trend\\Database\\Factories\\": "database/factories"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Lars Klopstra",
+                    "email": "lars@flowframe.nl",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Easily generate model trends",
+            "homepage": "https://github.com/flowframe/laravel-trend",
+            "keywords": [
+                "Flowframe",
+                "laravel",
+                "laravel-trend"
+            ],
+            "support": {
+                "issues": "https://github.com/Flowframe/laravel-trend/issues",
+                "source": "https://github.com/Flowframe/laravel-trend/tree/v0.1.5"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/larsklopstra",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-03-22T20:51:43+00:00"
         },
         {
             "name": "fruitcake/php-cors",
@@ -2474,19 +2548,20 @@
         },
         {
             "name": "league/flysystem",
-            "version": "3.14.0",
+            "version": "3.15.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/flysystem.git",
-                "reference": "e2a279d7f47d9098e479e8b21f7fb8b8de230158"
+                "reference": "a141d430414fcb8bf797a18716b09f759a385bed"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/e2a279d7f47d9098e479e8b21f7fb8b8de230158",
-                "reference": "e2a279d7f47d9098e479e8b21f7fb8b8de230158",
+                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/a141d430414fcb8bf797a18716b09f759a385bed",
+                "reference": "a141d430414fcb8bf797a18716b09f759a385bed",
                 "shasum": ""
             },
             "require": {
+                "league/flysystem-local": "^3.0.0",
                 "league/mime-type-detection": "^1.0.0",
                 "php": "^8.0.2"
             },
@@ -2545,7 +2620,7 @@
             ],
             "support": {
                 "issues": "https://github.com/thephpleague/flysystem/issues",
-                "source": "https://github.com/thephpleague/flysystem/tree/3.14.0"
+                "source": "https://github.com/thephpleague/flysystem/tree/3.15.1"
             },
             "funding": [
                 {
@@ -2557,7 +2632,67 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-04-11T18:11:47+00:00"
+            "time": "2023-05-04T09:04:26+00:00"
+        },
+        {
+            "name": "league/flysystem-local",
+            "version": "3.15.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thephpleague/flysystem-local.git",
+                "reference": "543f64c397fefdf9cfeac443ffb6beff602796b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thephpleague/flysystem-local/zipball/543f64c397fefdf9cfeac443ffb6beff602796b3",
+                "reference": "543f64c397fefdf9cfeac443ffb6beff602796b3",
+                "shasum": ""
+            },
+            "require": {
+                "ext-fileinfo": "*",
+                "league/flysystem": "^3.0.0",
+                "league/mime-type-detection": "^1.0.0",
+                "php": "^8.0.2"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "League\\Flysystem\\Local\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Frank de Jonge",
+                    "email": "info@frankdejonge.nl"
+                }
+            ],
+            "description": "Local filesystem adapter for Flysystem.",
+            "keywords": [
+                "Flysystem",
+                "file",
+                "files",
+                "filesystem",
+                "local"
+            ],
+            "support": {
+                "issues": "https://github.com/thephpleague/flysystem-local/issues",
+                "source": "https://github.com/thephpleague/flysystem-local/tree/3.15.0"
+            },
+            "funding": [
+                {
+                    "url": "https://ecologi.com/frankdejonge",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/frankdejonge",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-05-02T20:02:14+00:00"
         },
         {
             "name": "league/mime-type-detection",
@@ -2761,6 +2896,80 @@
             "abandoned": true,
             "time": "2018-11-22T07:55:51+00:00"
         },
+        {
+            "name": "leandrocfe/filament-apex-charts",
+            "version": "1.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/leandrocfe/filament-apex-charts.git",
+                "reference": "26118c0c3f81465b418ecc630c7e1a63693a7f7b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/leandrocfe/filament-apex-charts/zipball/26118c0c3f81465b418ecc630c7e1a63693a7f7b",
+                "reference": "26118c0c3f81465b418ecc630c7e1a63693a7f7b",
+                "shasum": ""
+            },
+            "require": {
+                "filament/filament": "^2.16",
+                "illuminate/contracts": "^9.0|^10.0",
+                "livewire/livewire": "^2.11",
+                "php": "^8.1",
+                "spatie/laravel-package-tools": "^1.13.0"
+            },
+            "require-dev": {
+                "laravel/pint": "^1.0",
+                "nunomaduro/collision": "^6.0|^7.0",
+                "nunomaduro/larastan": "^2.0.1",
+                "orchestra/testbench": "^7.0|^8.0",
+                "pestphp/pest": "^1.21",
+                "pestphp/pest-plugin-laravel": "^1.1",
+                "phpstan/extension-installer": "^1.1",
+                "phpstan/phpstan-deprecation-rules": "^1.0",
+                "phpstan/phpstan-phpunit": "^1.0",
+                "phpunit/phpunit": "^9.5|^10.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Leandrocfe\\FilamentApexCharts\\FilamentApexChartsServiceProvider"
+                    ],
+                    "aliases": {
+                        "FilamentApexCharts": "Leandrocfe\\FilamentApexCharts\\Facades\\FilamentApexCharts"
+                    }
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Leandrocfe\\FilamentApexCharts\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Leandro Costa Ferreira",
+                    "email": "leandrocfe@gmail.com",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Apex Charts integration for Filament PHP.",
+            "homepage": "https://github.com/leandrocfe/filament-apex-charts",
+            "keywords": [
+                "apexcharts",
+                "filament-apex-charts",
+                "laravel",
+                "leandrocfe"
+            ],
+            "support": {
+                "issues": "https://github.com/leandrocfe/filament-apex-charts/issues",
+                "source": "https://github.com/leandrocfe/filament-apex-charts/tree/1.0.2"
+            },
+            "time": "2023-03-14T01:34:14+00:00"
+        },
         {
             "name": "livewire/livewire",
             "version": "v2.12.3",
@@ -2903,16 +3112,16 @@
         },
         {
             "name": "matomo/device-detector",
-            "version": "6.1.1",
+            "version": "6.1.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/matomo-org/device-detector.git",
-                "reference": "a549e24350ff63e15dc691b6b21b73909b4fa9bd"
+                "reference": "7d0760e84f0b41302792a0c764fa52d3dff186f8"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/matomo-org/device-detector/zipball/a549e24350ff63e15dc691b6b21b73909b4fa9bd",
-                "reference": "a549e24350ff63e15dc691b6b21b73909b4fa9bd",
+                "url": "https://api.github.com/repos/matomo-org/device-detector/zipball/7d0760e84f0b41302792a0c764fa52d3dff186f8",
+                "reference": "7d0760e84f0b41302792a0c764fa52d3dff186f8",
                 "shasum": ""
             },
             "require": {
@@ -2968,7 +3177,7 @@
                 "source": "https://github.com/matomo-org/matomo",
                 "wiki": "https://dev.matomo.org/"
             },
-            "time": "2023-03-16T08:19:16+00:00"
+            "time": "2023-05-04T09:30:54+00:00"
         },
         {
             "name": "monolog/monolog",
@@ -4074,16 +4283,16 @@
         },
         {
             "name": "psy/psysh",
-            "version": "v0.11.16",
+            "version": "v0.11.17",
             "source": {
                 "type": "git",
                 "url": "https://github.com/bobthecow/psysh.git",
-                "reference": "151b145906804eea8e5d71fea23bfb470c904bfb"
+                "reference": "3dc5d4018dabd80bceb8fe1e3191ba8460569f0a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/bobthecow/psysh/zipball/151b145906804eea8e5d71fea23bfb470c904bfb",
-                "reference": "151b145906804eea8e5d71fea23bfb470c904bfb",
+                "url": "https://api.github.com/repos/bobthecow/psysh/zipball/3dc5d4018dabd80bceb8fe1e3191ba8460569f0a",
+                "reference": "3dc5d4018dabd80bceb8fe1e3191ba8460569f0a",
                 "shasum": ""
             },
             "require": {
@@ -4144,9 +4353,9 @@
             ],
             "support": {
                 "issues": "https://github.com/bobthecow/psysh/issues",
-                "source": "https://github.com/bobthecow/psysh/tree/v0.11.16"
+                "source": "https://github.com/bobthecow/psysh/tree/v0.11.17"
             },
-            "time": "2023-04-26T12:53:57+00:00"
+            "time": "2023-05-05T20:02:42+00:00"
         },
         {
             "name": "ralouphie/getallheaders",
@@ -9602,16 +9811,16 @@
         },
         {
             "name": "spatie/ignition",
-            "version": "1.6.0",
+            "version": "1.7.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/ignition.git",
-                "reference": "fbcfcabc44e506e40c4d72fd4ddf465e272a600e"
+                "reference": "f747d83c6d7cb6229b462f3ddbb3a82dc0db0f78"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/ignition/zipball/fbcfcabc44e506e40c4d72fd4ddf465e272a600e",
-                "reference": "fbcfcabc44e506e40c4d72fd4ddf465e272a600e",
+                "url": "https://api.github.com/repos/spatie/ignition/zipball/f747d83c6d7cb6229b462f3ddbb3a82dc0db0f78",
+                "reference": "f747d83c6d7cb6229b462f3ddbb3a82dc0db0f78",
                 "shasum": ""
             },
             "require": {
@@ -9681,20 +9890,20 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-04-27T08:40:07+00:00"
+            "time": "2023-05-04T13:20:26+00:00"
         },
         {
             "name": "spatie/laravel-ignition",
-            "version": "2.1.0",
+            "version": "2.1.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/laravel-ignition.git",
-                "reference": "3718dfb91bc5aff340af26507a61f0f9605f81e8"
+                "reference": "802c7e27754456e45134f1a9d29ab7df4b6cb9e4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/laravel-ignition/zipball/3718dfb91bc5aff340af26507a61f0f9605f81e8",
-                "reference": "3718dfb91bc5aff340af26507a61f0f9605f81e8",
+                "url": "https://api.github.com/repos/spatie/laravel-ignition/zipball/802c7e27754456e45134f1a9d29ab7df4b6cb9e4",
+                "reference": "802c7e27754456e45134f1a9d29ab7df4b6cb9e4",
                 "shasum": ""
             },
             "require": {
@@ -9773,7 +9982,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-04-12T09:26:00+00:00"
+            "time": "2023-05-04T13:54:49+00:00"
         },
         {
             "name": "symfony/yaml",

database/factories/UserFactory.php

@@ -61,7 +61,11 @@ class UserFactory extends Factory
         return $this->has(
             Company::factory()
                 ->state(function (array $attributes, User $user) {
-                    return ['name' => $user->name.'\'s Company', 'user_id' => $user->id, 'personal_company' => true];
+                    return [
+                        'name' => $user->name.'\'s Company',
+                        'user_id' => $user->id,
+                        'personal_company' => true,
+                    ];
                 }),
             'ownedCompanies'
         );

package-lock.json

@@ -698,9 +698,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001481",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001481.tgz",
-            "integrity": "sha512-KCqHwRnaa1InZBtqXzP98LPg0ajCVujMKjqKDhZEthIpAsJl/YEIa3YvXjGXPVqzZVguccuu7ga9KOE1J9rKPQ==",
+            "version": "1.0.30001482",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001482.tgz",
+            "integrity": "sha512-F1ZInsg53cegyjroxLNW9DmrEQ1SuGRTO1QlpA0o2/6OpQ0gFeDRoq1yFmnr8Sakn9qwwt9DmbxHB6w167OSuQ==",
             "dev": true,
             "funding": [
                 {
@@ -817,9 +817,9 @@
             "dev": true
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.4.377",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.377.tgz",
-            "integrity": "sha512-H3BYG6DW5Z+l0xcfXaicJGxrpA4kMlCxnN71+iNX+dBLkRMOdVJqFJiAmbNZZKA1zISpRg17JR03qGifXNsJtw==",
+            "version": "1.4.383",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.383.tgz",
+            "integrity": "sha512-BQyvFauIMzCJqILViJNs0kIBEAlx1bYLS5CRLyJtlun1KAnZlhNSgyfyWifPWagQ5s8KYPY6BpNHZsEMkxZAQQ==",
             "dev": true
         },
         "node_modules/esbuild": {
@@ -1585,9 +1585,9 @@
             }
         },
         "node_modules/rollup": {
-            "version": "3.21.2",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.2.tgz",
-            "integrity": "sha512-c4vC+JZ3bbF4Kqq2TtM7zSKtSyMybFOjqmomFax3xpfYaPZDZ4iz8NMIuBRMjnXOcKYozw7bC6vhJjiWD6JpzQ==",
+            "version": "3.21.5",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.5.tgz",
+            "integrity": "sha512-a4NTKS4u9PusbUJcfF4IMxuqjFzjm6ifj76P54a7cKnvVzJaG12BLVR+hgU2YDGHzyMMQNxLAZWuALsn8q2oQg==",
             "dev": true,
             "bin": {
                 "rollup": "dist/bin/rollup"
@@ -1808,9 +1808,9 @@
             "dev": true
         },
         "node_modules/vite": {
-            "version": "4.3.3",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.3.tgz",
-            "integrity": "sha512-MwFlLBO4udZXd+VBcezo3u8mC77YQk+ik+fbc0GZWGgzfbPP+8Kf0fldhARqvSYmtIWoAJ5BXPClUbMTlqFxrA==",
+            "version": "4.3.4",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.4.tgz",
+            "integrity": "sha512-f90aqGBoxSFxWph2b39ae2uHAxm5jFBBdnfueNxZAT1FTpM13ccFQExCaKbR2xFW5atowjleRniQ7onjJ22QEg==",
             "dev": true,
             "dependencies": {
                 "esbuild": "^0.17.5",
@@ -2287,9 +2287,9 @@
             "dev": true
         },
         "caniuse-lite": {
-            "version": "1.0.30001481",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001481.tgz",
-            "integrity": "sha512-KCqHwRnaa1InZBtqXzP98LPg0ajCVujMKjqKDhZEthIpAsJl/YEIa3YvXjGXPVqzZVguccuu7ga9KOE1J9rKPQ==",
+            "version": "1.0.30001482",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001482.tgz",
+            "integrity": "sha512-F1ZInsg53cegyjroxLNW9DmrEQ1SuGRTO1QlpA0o2/6OpQ0gFeDRoq1yFmnr8Sakn9qwwt9DmbxHB6w167OSuQ==",
             "dev": true
         },
         "chokidar": {
@@ -2365,9 +2365,9 @@
             "dev": true
         },
         "electron-to-chromium": {
-            "version": "1.4.377",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.377.tgz",
-            "integrity": "sha512-H3BYG6DW5Z+l0xcfXaicJGxrpA4kMlCxnN71+iNX+dBLkRMOdVJqFJiAmbNZZKA1zISpRg17JR03qGifXNsJtw==",
+            "version": "1.4.383",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.383.tgz",
+            "integrity": "sha512-BQyvFauIMzCJqILViJNs0kIBEAlx1bYLS5CRLyJtlun1KAnZlhNSgyfyWifPWagQ5s8KYPY6BpNHZsEMkxZAQQ==",
             "dev": true
         },
         "esbuild": {
@@ -2896,9 +2896,9 @@
             "dev": true
         },
         "rollup": {
-            "version": "3.21.2",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.2.tgz",
-            "integrity": "sha512-c4vC+JZ3bbF4Kqq2TtM7zSKtSyMybFOjqmomFax3xpfYaPZDZ4iz8NMIuBRMjnXOcKYozw7bC6vhJjiWD6JpzQ==",
+            "version": "3.21.5",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.5.tgz",
+            "integrity": "sha512-a4NTKS4u9PusbUJcfF4IMxuqjFzjm6ifj76P54a7cKnvVzJaG12BLVR+hgU2YDGHzyMMQNxLAZWuALsn8q2oQg==",
             "dev": true,
             "requires": {
                 "fsevents": "~2.3.2"
@@ -3048,9 +3048,9 @@
             "dev": true
         },
         "vite": {
-            "version": "4.3.3",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.3.tgz",
-            "integrity": "sha512-MwFlLBO4udZXd+VBcezo3u8mC77YQk+ik+fbc0GZWGgzfbPP+8Kf0fldhARqvSYmtIWoAJ5BXPClUbMTlqFxrA==",
+            "version": "4.3.4",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.4.tgz",
+            "integrity": "sha512-f90aqGBoxSFxWph2b39ae2uHAxm5jFBBdnfueNxZAT1FTpM13ccFQExCaKbR2xFW5atowjleRniQ7onjJ22QEg==",
             "dev": true,
             "requires": {
                 "esbuild": "^0.17.5",

resources/views/vendor/filament-companies/companies/company-employee-manager.blade.php

@@ -0,0 +1,290 @@
+<div>
+    @if (Gate::check('addCompanyEmployee', $company))
+        <x-filament-companies::section-border />
+
+        <!-- Add Company Employee -->
+        <x-filament-companies::grid-section>
+            <x-slot name="title">
+                {{ __('filament-companies::default.grid_section_titles.add_company_employee') }}
+            </x-slot>
+
+            <x-slot name="description">
+                {{ __('filament-companies::default.grid_section_descriptions.add_company_employee') }}
+            </x-slot>
+
+            <form wire:submit.prevent="addCompanyEmployee" class="col-span-2 sm:col-span-1 mt-5 md:mt-0">
+                <x-filament::card>
+                    <p class="text-sm text-gray-600 dark:text-gray-400">
+                        {{ __('filament-companies::default.subheadings.companies.company_employee_manager') }}
+                    </p>
+
+                    <!-- Employee Email -->
+                    <x-forms::field-wrapper id="email" statePath="email" required label="{{ __('filament-companies::default.fields.email') }}">
+                        <x-filament-companies::input id="email" type="email" wire:model.defer="addCompanyEmployeeForm.email" />
+                    </x-forms::field-wrapper>
+
+                    <!-- Role -->
+                    @if (count($this->roles) > 0)
+                        <x-forms::field-wrapper id="role" statePath="role" required label="{{ __('filament-companies::default.labels.role') }}">
+                            <div x-data="{ role: @entangle('addCompanyEmployeeForm.role').defer }" class="relative z-0 mt-1 cursor-pointer rounded-lg border border-gray-200 dark:border-gray-700">
+                                @foreach ($this->roles as $index => $role)
+                                    <button type="button"
+                                            @click="role = '{{ $role->key }}'"
+                                            @class([
+                                                'relative inline-flex w-full rounded-lg px-4 py-3 transition focus:z-10 focus:outline-none focus:ring-2 focus:border-primary-500 focus:ring-primary-500 dark:focus:border-primary-600 dark:focus:ring-primary-600',
+                                                'border-t border-gray-200 dark:border-gray-700 rounded-t-none' => ($index > 0),
+                                                'rounded-b-none' => (! $loop->last),
+                                            ])
+                                    >
+                                        <div :class="role === '{{ $role->key }}' || 'opacity-50'">
+                                            <!-- Role Name -->
+                                            <div class="flex items-center">
+                                                <div class="text-sm text-gray-600 dark:text-gray-400" :class="{'font-semibold': role === '{{ $role->key }}'}">
+                                                    {{ $role->name }}
+                                                </div>
+
+                                                <svg class="text-primary-500 ml-2 h-5 w-5" x-cloak :class="{ 'hidden': role !== '{{ $role->key }}' }"
+                                                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+                                                    <path fill-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0112 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 013.498 1.307 4.491 4.491 0 011.307 3.497A4.49 4.49 0 0121.75 12a4.49 4.49 0 01-1.549 3.397 4.491 4.491 0 01-1.307 3.497 4.491 4.491 0 01-3.497 1.307A4.49 4.49 0 0112 21.75a4.49 4.49 0 01-3.397-1.549 4.49 4.49 0 01-3.498-1.306 4.491 4.491 0 01-1.307-3.498A4.49 4.49 0 012.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 011.307-3.497 4.49 4.49 0 013.497-1.307zm7.007 6.387a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" />
+                                                </svg>
+                                            </div>
+
+                                            <!-- Role Description -->
+                                            <div class="mt-2 text-left text-sm text-gray-600 dark:text-gray-400">
+                                                {{ $role->description }}
+                                            </div>
+                                        </div>
+                                    </button>
+                                @endforeach
+                            </div>
+                        </x-forms::field-wrapper>
+                    @endif
+
+                    <x-slot name="footer">
+                        <div class="text-left">
+                            <x-filament::button type="submit">
+                                {{ __('filament-companies::default.buttons.add') }}
+                            </x-filament::button>
+                        </div>
+                    </x-slot>
+                </x-filament::card>
+            </form>
+        </x-filament-companies::grid-section>
+    @endif
+
+    @if ($company->companyInvitations->isNotEmpty() && Gate::check('addCompanyEmployee', $company))
+        <x-filament-companies::section-border />
+
+        <!-- Pending Employee Invitations -->
+        <x-filament-companies::grid-section class="mt-4">
+            <x-slot name="title">
+                {{ __('filament-companies::default.action_section_titles.pending_company_invitations') }}
+            </x-slot>
+
+            <x-slot name="description">
+                {{ __('filament-companies::default.action_section_descriptions.pending_company_invitations') }}
+            </x-slot>
+
+            <div class="overflow-x-auto space-y-2 bg-white rounded-xl shadow dark:border-gray-600 dark:bg-gray-800 col-span-2 mt-5 sm:col-span-1 md:col-start-2 md:mt-0">
+                <table class="w-full divide-y divide-gray-200 dark:divide-gray-700">
+                    <thead class="bg-gray-100 dark:bg-gray-800">
+                    <tr>
+                        <th colspan="3" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
+                            {{ __('filament-companies::default.fields.email') }}
+                        </th>
+                    </tr>
+                    </thead>
+                    <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
+                    @foreach ($company->companyInvitations as $invitation)
+                        <tr>
+                            <td class="px-6 py-4 whitespace-nowrap">
+                                <div class="flex items-center">
+                                    <div class="text-gray-500 dark:text-gray-400">
+                                        {{ $invitation->email }}
+                                    </div>
+                                </div>
+                            </td>
+                            <td class="px-6 py-4 whitespace-nowrap">
+                                <div class="text-right">
+                                    <!-- Manage Company Employee Role -->
+                                    @if (Gate::check('removeCompanyEmployee', $company))
+                                        <x-filament::button size="sm" color="danger" outlined="true" wire:click="cancelCompanyInvitation({{ $invitation->id }})">
+                                            {{ __('filament-companies::default.buttons.cancel') }}
+                                        </x-filament::button>
+                                    @endif
+                                </div>
+                            </td>
+                        </tr>
+                    @endforeach
+                    </tbody>
+                </table>
+            </div>
+        </x-filament-companies::grid-section>
+    @endif
+
+    @if ($company->users->isNotEmpty())
+        <x-filament-companies::section-border />
+
+        <!-- Manage Company Employees -->
+        <x-filament-companies::grid-section class="mt-4">
+            <x-slot name="title">
+                {{ __('filament-companies::default.action_section_titles.company_employees') }}
+            </x-slot>
+
+            <x-slot name="description">
+                {{ __('filament-companies::default.action_section_descriptions.company_employees') }}
+            </x-slot>
+
+            <!-- Company Employee List -->
+            <div class="overflow-x-auto space-y-2 bg-white rounded-xl shadow dark:border-gray-600 dark:bg-gray-800 col-span-2 mt-5 sm:col-span-1 md:col-start-2 md:mt-0">
+                <table class="w-full divide-y divide-gray-200 dark:divide-gray-700">
+                    <thead class="bg-white dark:bg-gray-800">
+                    <tr>
+                        <th scope="col" colspan="3" class="px-6 py-3 text-left text-xs font-medium text-gray-600 dark:text-gray-400 uppercase tracking-wider">
+                            {{ __('filament-companies::default.fields.name') }}
+                        </th>
+                    </tr>
+                    </thead>
+                    <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
+                    @foreach ($company->users->sortBy('name') as $user)
+                        <tr>
+                            <td colspan="2" class="px-6 py-4 text-left whitespace-nowrap">
+                                <div class="flex items-center text-sm">
+                                    <div class="flex-shrink-0">
+                                        <img class="h-10 w-10 rounded-full object-cover" src="{{ $user->profile_photo_url }}" alt="{{ $user->name }}">
+                                    </div>
+                                    <div class="ml-4">
+                                        <div class="font-medium text-gray-900 dark:text-gray-200">{{ $user->name }}</div>
+                                        <div class="text-gray-600 dark:text-gray-400 hidden sm:block">{{ $user->email }}</div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td colspan="1" class="px-6 py-4 whitespace-nowrap">
+                                <div class="space-x-2 text-right">
+                                    <!-- Manage Company Employee Role -->
+                                    @if (Gate::check('addCompanyEmployee', $company) && Wallo\FilamentCompanies\FilamentCompanies::hasRoles())
+                                        <x-filament::button size="sm" outlined="true" :icon="(Wallo\FilamentCompanies\FilamentCompanies::findRole($user->employeeship->role)->key == 'admin') ? 'heroicon-o-shield-check' : 'heroicon-o-pencil'" :color="(Wallo\FilamentCompanies\FilamentCompanies::findRole($user->employeeship->role)->key == 'admin') ? 'primary' : 'warning'" wire:click="manageRole('{{ $user->id }}')">
+                                            {{ Wallo\FilamentCompanies\FilamentCompanies::findRole($user->employeeship->role)->name }}
+                                        </x-filament::button>
+                                    @elseif (Wallo\FilamentCompanies\FilamentCompanies::hasRoles())
+                                        <x-filament::button size="sm" disabled="true" outlined="true" :icon="(Wallo\FilamentCompanies\FilamentCompanies::findRole($user->employeeship->role)->key == 'admin') ? 'heroicon-o-shield-check' : 'heroicon-o-pencil'" color="secondary">
+                                            {{ Wallo\FilamentCompanies\FilamentCompanies::findRole($user->employeeship->role)->name }}
+                                        </x-filament::button>
+                                    @endif
+
+                                    <!-- Leave Company -->
+                                    @if ($this->user->id === $user->id)
+                                        <x-filament::button size="sm" color="danger" wire:click="$toggle('confirmingLeavingCompany')">
+                                            {{ __('filament-companies::default.buttons.leave') }}
+                                        </x-filament::button>
+
+                                        <!-- Remove Company Employee -->
+                                    @elseif (Gate::check('removeCompanyEmployee', $company))
+                                        <x-filament::button size="sm" color="danger" wire:click="confirmCompanyEmployeeRemoval('{{ $user->id }}')">
+                                            {{ __('filament-companies::default.buttons.remove') }}
+                                        </x-filament::button>
+                                    @endif
+                                </div>
+                            </td>
+                        </tr>
+                    @endforeach
+                    </tbody>
+                </table>
+            </div>
+        </x-filament-companies::grid-section>
+    @endif
+
+    <!-- Role Management Modal -->
+    <x-filament-companies::dialog-modal wire:model="currentlyManagingRole">
+        <x-slot name="title">
+            {{ __('filament-companies::default.modal_titles.manage_role') }}
+        </x-slot>
+
+        <x-slot name="content">
+            <div x-data="{ role: @entangle('currentRole').defer }"
+                 class="relative z-0 mt-1 cursor-pointer rounded-lg border border-gray-200 dark:border-gray-700">
+                @foreach ($this->roles as $index => $role)
+                    <button type="button"
+                            @click="role = '{{ $role->key }}'"
+                            @class([
+                                'relative inline-flex w-full rounded-lg px-4 py-3 transition focus:z-10 focus:outline-none focus:ring-2 focus:border-primary-500 focus:ring-primary-500 dark:focus:border-primary-600 dark:focus:ring-primary-600',
+                                'border-t border-gray-200 dark:border-gray-700 rounded-t-none' => ($index > 0),
+                                'rounded-b-none' => (! $loop->last),
+                            ])
+                    >
+                        <div :class="role === '{{ $role->key }}' || 'opacity-50'">
+                            <!-- Role Name -->
+                            <div class="flex items-center">
+                                <div class="text-sm text-gray-600 dark:text-gray-100" :class="role === '{{ $role->key }}' ? 'font-semibold' : ''">
+                                    {{ $role->name }}
+                                </div>
+
+                                <svg class="text-primary-500 ml-2 h-5 w-5" x-cloak :class="{ 'hidden': role !== '{{ $role->key }}' }"
+                                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+                                    <path fill-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0112 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 013.498 1.307 4.491 4.491 0 011.307 3.497A4.49 4.49 0 0121.75 12a4.49 4.49 0 01-1.549 3.397 4.491 4.491 0 01-1.307 3.497 4.491 4.491 0 01-3.497 1.307A4.49 4.49 0 0112 21.75a4.49 4.49 0 01-3.397-1.549 4.49 4.49 0 01-3.498-1.306 4.491 4.491 0 01-1.307-3.498A4.49 4.49 0 012.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 011.307-3.497 4.49 4.49 0 013.497-1.307zm7.007 6.387a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" />
+                                </svg>
+                            </div>
+
+                            <!-- Role Description -->
+                            <div class="mt-2 text-xs text-gray-600 dark:text-gray-400">
+                                {{ $role->description }}
+                            </div>
+                        </div>
+                    </button>
+                @endforeach
+            </div>
+        </x-slot>
+
+        <x-slot name="footer">
+            <x-filament::button color="secondary" wire:click="stopManagingRole" wire:loading.attr="disabled">
+                {{ __('filament-companies::default.buttons.cancel') }}
+            </x-filament::button>
+
+            <x-filament::button wire:click="updateRole" wire:loading.attr="disabled">
+                {{ __('filament-companies::default.buttons.save') }}
+            </x-filament::button>
+        </x-slot>
+    </x-filament-companies::dialog-modal>
+
+    <!-- Leave Company Confirmation Modal -->
+    <x-filament-companies::dialog-modal wire:model="confirmingLeavingCompany">
+        <x-slot name="title">
+            {{ __('filament-companies::default.modal_titles.leave_company') }}
+        </x-slot>
+
+        <x-slot name="content">
+            {{ __('filament-companies::default.modal_descriptions.leave_company') }}
+        </x-slot>
+
+        <x-slot name="footer">
+            <x-filament::button color="secondary" wire:click="$toggle('confirmingLeavingCompany')" wire:loading.attr="disabled">
+                {{ __('filament-companies::default.buttons.cancel') }}
+            </x-filament::button>
+
+            <x-filament::button color="danger" wire:click="leaveCompany" wire:loading.attr="disabled">
+                {{ __('filament-companies::default.buttons.leave') }}
+            </x-filament::button>
+        </x-slot>
+    </x-filament-companies::dialog-modal>
+
+    <!-- Remove Company Employee Confirmation Modal -->
+    <x-filament-companies::dialog-modal wire:model="confirmingCompanyEmployeeRemoval">
+        <x-slot name="title">
+            {{ __('filament-companies::default.modal_titles.remove_company_employee') }}
+        </x-slot>
+
+        <x-slot name="content">
+            {{ __('filament-companies::default.modal_descriptions.remove_company_employee') }}
+        </x-slot>
+
+        <x-slot name="footer">
+            <x-filament::button color="secondary" wire:click="$toggle('confirmingCompanyEmployeeRemoval')" wire:loading.attr="disabled">
+                {{ __('filament-companies::default.buttons.cancel') }}
+            </x-filament::button>
+
+            <x-filament::button color="danger" wire:click="removeCompanyEmployee" wire:loading.attr="disabled">
+                {{ __('filament-companies::default.buttons.remove') }}
+            </x-filament::button>
+        </x-slot>
+    </x-filament-companies::dialog-modal>
+</div>

tailwind.config.js

@@ -5,6 +5,7 @@ module.exports = {
   content: [
       './resources/**/*.blade.php',
       './vendor/filament/**/*.blade.php',
+      './vendor/andrewdwallo/**/*.blade.php'
   ],
   darkMode: 'class',
   theme: {