feat: implement services overview page with service status cards and counts

This commit is contained in:
2025-12-20 16:31:06 -05:00
parent ed75b77b06
commit 8a108e9604
6 changed files with 387 additions and 0 deletions

View File

@@ -0,0 +1,33 @@
<?php
namespace App\Admin\Clusters\Services\Pages;
use App\Admin\Clusters\Services;
use App\Models\Service;
use Filament\Pages\Page;
class ServicesOverview extends Page
{
protected static ?string $navigationIcon = 'ri-dashboard-line';
protected static ?string $activeNavigationIcon = 'ri-dashboard-fill';
protected static ?string $navigationLabel = 'Overview';
protected static ?int $navigationSort = -1;
protected static ?string $cluster = Services::class;
protected static string $view = 'admin.clusters.services.pages.services-overview';
public function getViewData(): array
{
return [
'activeCount' => Service::where('status', 'active')->count(),
'pendingCount' => Service::where('status', 'pending')->count(),
'suspendedCount' => Service::where('status', 'suspended')->count(),
'cancelledCount' => Service::where('status', 'cancelled')->count(),
'totalCount' => Service::count(),
];
}
}

View File

@@ -0,0 +1,217 @@
<?php
namespace App\Admin\Resources;
use App\Admin\Clusters\Services;
use App\Admin\Components\UserComponent;
use App\Admin\Resources\Common\RelationManagers\PropertiesRelationManager;
use App\Admin\Resources\ServiceResource\RelationManagers;
use App\Helpers\ExtensionHelper;
use App\Models\Currency;
use App\Models\Product;
use App\Models\Service;
use Filament\Forms;
use Filament\Forms\Components\Actions\Action;
use Filament\Forms\Components\Component;
use Filament\Forms\Form;
use Filament\Forms\Get;
use Filament\Notifications\Notification;
use Filament\Resources\Resource;
use Filament\Support\RawJs;
use Filament\Tables;
use Filament\Tables\Table;
use Illuminate\Database\Eloquent\Builder;
class ActiveServiceResource extends Resource
{
protected static ?string $model = Service::class;
protected static ?string $navigationIcon = 'ri-checkbox-circle-line';
protected static ?string $activeNavigationIcon = 'ri-checkbox-circle-fill';
protected static ?string $navigationLabel = 'Active';
protected static ?string $modelLabel = 'Active Service';
protected static ?string $pluralModelLabel = 'Active Services';
protected static ?string $slug = 'active-services';
protected static ?int $navigationSort = 0;
public static function getNavigationBadge(): ?string
{
return Service::where('status', 'active')->count() ?: null;
}
public static function getNavigationBadgeColor(): ?string
{
return 'success';
}
protected static ?string $cluster = Services::class;
public static function getEloquentQuery(): Builder
{
return parent::getEloquentQuery()->where('status', 'active');
}
public static function form(Form $form): Form
{
return $form
->schema([
Forms\Components\Select::make('product_id')
->label('Product')
->required()
->options(Product::all()->pluck('name', 'id')->toArray())
->searchable()
->live()
->preload()
->placeholder('Select the product'),
Forms\Components\Select::make('plan_id')
->label('Plan')
->required()
->relationship('plan', 'name', fn (Builder $query, Get $get) => $query->where('priceable_id', $get('product_id'))->where('priceable_type', Product::class))
->searchable()
->preload()
->disabled(fn (Get $get) => !$get('product_id'))
->placeholder('Select the plan'),
UserComponent::make('user_id'),
Forms\Components\Select::make('status')
->label('Status')
->required()
->options([
'active' => 'Active',
'pending' => 'Pending',
'suspended' => 'Suspended',
'cancelled' => 'Cancelled',
])
->default('active'),
Forms\Components\TextInput::make('quantity')
->label('Quantity')
->required()
->placeholder('Enter the quantity'),
Forms\Components\DatePicker::make('expires_at')
->label('Expires At')
->required()
->placeholder('Select the expiration date'),
Forms\Components\Select::make('coupon_id')
->label('Coupon')
->relationship('coupon', 'code')
->searchable()
->placeholder('Select the coupon'),
Forms\Components\Select::make('currency_code')
->options(function (Get $get, ?string $state) {
$pricing = collect($get('../../pricing'))->pluck('currency_code');
if ($state !== null) {
$pricing = $pricing->filter(function ($code) use ($state) {
return $code !== $state;
});
}
$pricing = $pricing->filter(function ($code) {
return $code !== null;
});
return Currency::whereNotIn('code', $pricing)->pluck('code', 'code');
})
->live()
->default(config('settings.default_currency'))
->required(),
Forms\Components\TextInput::make('price')
->required()
->label('Price')
->prefix(fn (Get $get) => Currency::where('code', $get('currency_code'))->first()?->prefix)
->suffix(fn (Get $get) => Currency::where('code', $get('currency_code'))->first()?->suffix)
->live(onBlur: true)
->mask(RawJs::make(
<<<'JS'
$money($input, '.', '', 2)
JS
))
->numeric()
->minValue(0),
Forms\Components\TextInput::make('subscription_id')
->label('Subscription ID')
->nullable()
->placeholder('Enter the subscription ID')
->hintAction(
Action::make('Cancel Subscription ID')
->action(function (Component $component) {
if (ExtensionHelper::cancelSubscription($component->getRecord())) {
Notification::make('Subscription Cancelled')
->title('The subscription has been successfully cancelled')
->success()
->send();
} else {
Notification::make('Subscription Not Cancelled')
->title('The subscription could not be cancelled')
->error()
->send();
}
$component->getRecord()->update(['subscription_id' => null]);
})
->requiresConfirmation()
->label('Cancel Subscription')
->hidden(fn (Component $component) => !$component->getRecord()?->subscription_id),
),
]);
}
public static function table(Table $table): Table
{
return $table
->columns([
Tables\Columns\TextColumn::make('id')
->label('ID')
->sortable()
->searchable(),
Tables\Columns\TextColumn::make('user.name')
->label('User')
->searchable(true, fn (Builder $query, string $search) => $query->whereHas('user', fn (Builder $query) => $query->where('first_name', 'like', "%$search%")->orWhere('last_name', 'like', "%$search%"))),
Tables\Columns\TextColumn::make('product.name')
->label('Product')
->searchable()
->sortable(),
Tables\Columns\TextColumn::make('status')
->badge()
->color('success')
->formatStateUsing(fn (string $state) => ucfirst($state))
->label('Status'),
Tables\Columns\TextColumn::make('expires_at')
->label('Expires At')
->date()
->searchable()
->sortable(),
])
->defaultSort(function (Builder $query): Builder {
return $query->orderBy('id', 'desc');
})
->actions([
Tables\Actions\EditAction::make(),
])
->bulkActions([
Tables\Actions\BulkActionGroup::make([
Tables\Actions\DeleteBulkAction::make(),
]),
]);
}
public static function getRelations(): array
{
return [
RelationManagers\InvoicesRelationManager::class,
PropertiesRelationManager::class,
RelationManagers\ConfigOptionsRelationManager::class,
];
}
public static function getPages(): array
{
return [
'index' => \App\Admin\Resources\ActiveServiceResource\Pages\ListActiveServices::route('/'),
'create' => \App\Admin\Resources\ActiveServiceResource\Pages\CreateActiveService::route('/create'),
'edit' => \App\Admin\Resources\ActiveServiceResource\Pages\EditActiveService::route('/{record}/edit'),
];
}
}

View File

@@ -0,0 +1,18 @@
<?php
namespace App\Admin\Resources\ActiveServiceResource\Pages;
use App\Admin\Resources\ActiveServiceResource;
use Filament\Resources\Pages\CreateRecord;
class CreateActiveService extends CreateRecord
{
protected static string $resource = ActiveServiceResource::class;
protected function mutateFormDataBeforeCreate(array $data): array
{
$data['status'] = 'active';
return $data;
}
}

View File

@@ -0,0 +1,19 @@
<?php
namespace App\Admin\Resources\ActiveServiceResource\Pages;
use App\Admin\Resources\ActiveServiceResource;
use Filament\Actions;
use Filament\Resources\Pages\EditRecord;
class EditActiveService extends EditRecord
{
protected static string $resource = ActiveServiceResource::class;
protected function getHeaderActions(): array
{
return [
Actions\DeleteAction::make(),
];
}
}

View File

@@ -0,0 +1,19 @@
<?php
namespace App\Admin\Resources\ActiveServiceResource\Pages;
use App\Admin\Resources\ActiveServiceResource;
use Filament\Actions;
use Filament\Resources\Pages\ListRecords;
class ListActiveServices extends ListRecords
{
protected static string $resource = ActiveServiceResource::class;
protected function getHeaderActions(): array
{
return [
Actions\CreateAction::make(),
];
}
}

View File

@@ -0,0 +1,81 @@
<x-filament-panels::page>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
{{-- Active Services Card --}}
<a href="{{ route('filament.admin.resources.active-services.index') }}" class="block">
<x-filament::section class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer">
<div class="flex items-center gap-4">
<div class="p-3 rounded-full bg-success-500/10">
<x-ri-checkbox-circle-fill class="w-8 h-8 text-success-500" />
</div>
<div>
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">Active Services</p>
<p class="text-3xl font-bold text-success-500">{{ number_format($activeCount) }}</p>
</div>
</div>
</x-filament::section>
</a>
{{-- Pending Services Card --}}
<a href="{{ route('filament.admin.resources.pending-services.index') }}" class="block">
<x-filament::section class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer">
<div class="flex items-center gap-4">
<div class="p-3 rounded-full bg-warning-500/10">
<x-ri-time-fill class="w-8 h-8 text-warning-500" />
</div>
<div>
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">Pending Services</p>
<p class="text-3xl font-bold text-warning-500">{{ number_format($pendingCount) }}</p>
</div>
</div>
</x-filament::section>
</a>
{{-- Suspended Services Card --}}
<a href="{{ route('filament.admin.resources.suspended-services.index') }}" class="block">
<x-filament::section class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer">
<div class="flex items-center gap-4">
<div class="p-3 rounded-full bg-orange-500/10">
<x-ri-pause-circle-fill class="w-8 h-8 text-orange-500" />
</div>
<div>
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">Suspended Services</p>
<p class="text-3xl font-bold text-orange-500">{{ number_format($suspendedCount) }}</p>
</div>
</div>
</x-filament::section>
</a>
{{-- Cancelled Services Card --}}
<a href="{{ route('filament.admin.resources.cancelled-services.index') }}" class="block">
<x-filament::section class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer">
<div class="flex items-center gap-4">
<div class="p-3 rounded-full bg-danger-500/10">
<x-ri-close-circle-fill class="w-8 h-8 text-danger-500" />
</div>
<div>
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">Cancelled Services</p>
<p class="text-3xl font-bold text-danger-500">{{ number_format($cancelledCount) }}</p>
</div>
</div>
</x-filament::section>
</a>
</div>
{{-- Total Summary --}}
<x-filament::section class="mt-6">
<div class="flex items-center justify-between">
<div class="flex items-center gap-4">
<div class="p-3 rounded-full bg-primary-500/10">
<x-ri-archive-stack-fill class="w-8 h-8 text-primary-500" />
</div>
<div>
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Services</p>
<p class="text-3xl font-bold text-primary-500">{{ number_format($totalCount) }}</p>
</div>
</div>
<div class="text-right text-sm text-gray-500 dark:text-gray-400">
<p>Select a service type from the navigation or cards above to view and manage services.</p>
</div>
</div>
</x-filament::section>
</x-filament-panels::page>