refactor: implement verification action concerns and enhance admin verification page functionality

2026-04-08 10:11:06 +07:00 · 2026-04-08 10:11:06 +07:00 · e5cbbe7e96
commit e5cbbe7e96
parent 2d2ef77a94
12 changed files with 460 additions and 388 deletions
--- a/app/Filament/Pages/AdminVerification/Actions/ApproveAction.php
+++ b/app/Filament/Pages/AdminVerification/Actions/ApproveAction.php
@ -3,13 +3,13 @@
 namespace App\Filament\Pages\AdminVerification\Actions;

 use App\Enums\DecisionAdmin;
-use App\Filament\Pages\AdminVerification\Actions\Concerns\CanProcessReview;
+use App\Filament\Pages\AdminVerification\Concerns\CanProcessVerificationReview;
 use App\Filament\Support\CheerfulNotification;
 use Filament\Actions\Action;

 class ApproveAction extends Action
 {
-    use CanProcessReview;
+    use CanProcessVerificationReview;

    public static function getDefaultName(): ?string
    {
@ -21,9 +21,11 @@ protected function setUp(): void
        parent::setUp();

        $this->label('Setujui')
+            ->authorize(fn (): bool => auth()->user()?->can('Approve:AdminVerification'))
            ->color('success')
            ->icon('heroicon-o-check')
            ->size('sm')
+            ->link()
            ->requiresConfirmation()
            ->modalHeading(fn () => CheerfulNotification::getByKey('actions.approve.title'))
            ->modalDescription(fn () => CheerfulNotification::getByKey('actions.approve.description'))
--- a/app/Filament/Pages/AdminVerification/Actions/RejectAction.php
+++ b/app/Filament/Pages/AdminVerification/Actions/RejectAction.php
@ -3,14 +3,14 @@
 namespace App\Filament\Pages\AdminVerification\Actions;

 use App\Enums\DecisionAdmin;
-use App\Filament\Pages\AdminVerification\Actions\Concerns\CanProcessReview;
+use App\Filament\Pages\AdminVerification\Concerns\CanProcessVerificationReview;
 use App\Filament\Support\CheerfulNotification;
 use Filament\Actions\Action;
 use Filament\Forms\Components\Textarea;

 class RejectAction extends Action
 {
-    use CanProcessReview;
+    use CanProcessVerificationReview;

    public static function getDefaultName(): ?string
    {
@ -22,9 +22,11 @@ protected function setUp(): void
        parent::setUp();

        $this->label('Tolak')
+            ->authorize(fn (): bool => auth()->user()?->can('Reject:AdminVerification'))
            ->color('danger')
            ->icon('heroicon-o-x-mark')
            ->size('sm')
+            ->link()
            ->requiresConfirmation()
            ->modalHeading(fn () => CheerfulNotification::getByKey('actions.reject.title'))
            ->modalDescription(fn () => CheerfulNotification::getByKey('actions.reject.description'))
--- a/app/Filament/Pages/AdminVerification/Actions/RevisionAction.php
+++ b/app/Filament/Pages/AdminVerification/Actions/RevisionAction.php
@ -3,7 +3,7 @@
 namespace App\Filament\Pages\AdminVerification\Actions;

 use App\Enums\DecisionAdmin;
-use App\Filament\Pages\AdminVerification\Actions\Concerns\CanProcessReview;
+use App\Filament\Pages\AdminVerification\Concerns\CanProcessVerificationReview;
 use App\Filament\Support\CheerfulNotification;
 use Filament\Actions\Action;
 use Filament\Forms\Components\Textarea;
@ -11,7 +11,7 @@

 class RevisionAction extends Action
 {
-    use CanProcessReview;
+    use CanProcessVerificationReview;

    public static function getDefaultName(): ?string
    {
@ -23,9 +23,11 @@ protected function setUp(): void
        parent::setUp();

        $this->label('Minta Revisi')
+            ->authorize(fn (): bool => auth()->user()?->can('Revision:AdminVerification'))
            ->color('warning')
            ->icon('heroicon-o-pencil-square')
            ->size('sm')
+            ->link()
            ->modalHeading(fn () => CheerfulNotification::getByKey('actions.revision.title'))
            ->modalDescription(fn () => CheerfulNotification::getByKey('actions.revision.description'))
            ->schema([
--- a/app/Filament/Pages/AdminVerification/Actions/ViewAction.php
+++ b/app/Filament/Pages/AdminVerification/Actions/ViewAction.php
@ -0,0 +1,29 @@
+<?php
+
+namespace App\Filament\Pages\AdminVerification\Actions;
+
+use App\Filament\Pages\AdminVerification\Concerns\CanProcessVerificationReview;
+use App\Filament\Resources\Manage\Partners\Pages\ViewPartner;
+use Filament\Actions\Action;
+
+class ViewAction extends Action
+{
+    use CanProcessVerificationReview;
+
+    public static function getDefaultName(): ?string
+    {
+        return 'view';
+    }
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->label('Lihat')
+            ->color('success')
+            ->icon('heroicon-o-eye')
+            ->size('sm')
+            ->link()
+            ->url(fn (array $arguments) => ViewPartner::getUrl(['record' => $arguments['id']]));
+    }
+}
--- a/app/Filament/Pages/AdminVerification/Concerns/CanProcessVerificationReview.php
+++ b/app/Filament/Pages/AdminVerification/Concerns/CanProcessVerificationReview.php
@ -1,6 +1,6 @@
 <?php

-namespace App\Filament\Pages\AdminVerification\Actions\Concerns;
+namespace App\Filament\Pages\AdminVerification\Concerns;

 use App\Enums\DecisionAdmin;
 use App\Enums\VerificationStatus;
@ -13,45 +13,33 @@
 use Illuminate\Support\Facades\DB;
 use Illuminate\Support\Facades\Log;

-trait CanProcessReview
+trait CanProcessVerificationReview
 {
    protected function processReview(int $requestId, DecisionAdmin $decision, ?string $note): void
    {
-        $verificationRequest = VerificationRequest::with(['company.partnerMedia.journalists'])->find($requestId);
-
-        if (! $verificationRequest) {
-            CheerfulNotification::danger(
-                CheerfulNotification::getByKey('verification.admin.process.not_found.title'),
-                CheerfulNotification::getByKey('verification.admin.process.not_found.body')
-            )
-                ->send();
-
-            return;
-        }
+        $verificationRequest = VerificationRequest::with(['company.partnerMedia.journalists'])->findOrFail($requestId);

        try {
-            DB::beginTransaction();
+            DB::transaction(function () use ($verificationRequest, $decision, $note) {
+                // Create review record
+                VerificationReview::create([
+                    'verification_request_id' => $verificationRequest->id,
+                    'reviewer_id' => auth()->id(),
+                    'decision' => $decision,
+                    'note' => $note,
+                ]);

-            // Create review record
-            VerificationReview::create([
-                'verification_request_id' => $verificationRequest->id,
-                'reviewer_id' => auth()->id(),
-                'decision' => $decision,
-                'note' => $note,
-            ]);
+                // Update verification request status
+                $newStatus = match ($decision) {
+                    DecisionAdmin::APPROVED => VerificationStatus::APPROVED,
+                    DecisionAdmin::NEED_REVISION => VerificationStatus::NEED_REVISION,
+                    DecisionAdmin::REJECTED => VerificationStatus::REJECTED,
+                };

-            // Update verification request status
-            $newStatus = match ($decision) {
-                DecisionAdmin::APPROVED => VerificationStatus::APPROVED,
-                DecisionAdmin::NEED_REVISION => VerificationStatus::NEED_REVISION,
-                DecisionAdmin::REJECTED => VerificationStatus::REJECTED,
-            };
-
-            $verificationRequest->update([
-                'status' => $newStatus,
-            ]);
-
-            DB::commit();
+                $verificationRequest->update([
+                    'status' => $newStatus,
+                ]);
+            });

            $actionLabel = match ($decision) {
                DecisionAdmin::APPROVED => 'disetujui',
@ -95,7 +83,6 @@ protected function processReview(int $requestId, DecisionAdmin $decision, ?strin
                ]));
            }
        } catch (\Throwable $e) {
-            DB::rollBack();
            Log::error('Verification processing failed', [
                'error' => $e->getMessage(),
                'trace' => $e->getTraceAsString(),
--- a/app/Filament/Pages/AdminVerification/Concerns/HasVerificationActions.php
+++ b/app/Filament/Pages/AdminVerification/Concerns/HasVerificationActions.php
@ -0,0 +1,32 @@
+<?php
+
+namespace App\Filament\Pages\AdminVerification\Concerns;
+
+use App\Filament\Pages\AdminVerification\Actions\ApproveAction;
+use App\Filament\Pages\AdminVerification\Actions\RejectAction;
+use App\Filament\Pages\AdminVerification\Actions\RevisionAction;
+use App\Filament\Pages\AdminVerification\Actions\ViewAction;
+use Filament\Actions\Action;
+
+trait HasVerificationActions
+{
+    public function approveAction(): Action
+    {
+        return ApproveAction::make();
+    }
+
+    public function revisionAction(): Action
+    {
+        return RevisionAction::make();
+    }
+
+    public function rejectAction(): Action
+    {
+        return RejectAction::make();
+    }
+
+    public function viewAction(): Action
+    {
+        return ViewAction::make();
+    }
+}
--- a/app/Filament/Pages/AdminVerification/Concerns/HasVerificationFilters.php
+++ b/app/Filament/Pages/AdminVerification/Concerns/HasVerificationFilters.php
@ -0,0 +1,67 @@
+<?php
+
+namespace App\Filament\Pages\AdminVerification\Concerns;
+
+use App\Enums\VerificationStatus;
+use App\Models\VerificationRequest;
+use Livewire\Attributes\Computed;
+
+trait HasVerificationFilters
+{
+    public string $filterStatus = '1';
+
+    public int $rowsToDisplay = 12;
+
+    public function loadMore(): void
+    {
+        $this->rowsToDisplay += 12;
+    }
+
+    public function setFilter(string $status): void
+    {
+        $this->filterStatus = $status;
+        $this->rowsToDisplay = 12;
+    }
+
+    #[Computed]
+    public function getFilters(): array
+    {
+        return [
+            [
+                'id' => 'all',
+                'label' => 'Semua',
+                'icon' => 'heroicon-s-squares-2x2',
+                'color' => 'primary',
+                'count' => VerificationRequest::count(),
+            ],
+            [
+                'id' => (string) VerificationStatus::PENDING->value,
+                'label' => 'Menunggu',
+                'icon' => 'heroicon-s-clock',
+                'color' => 'warning',
+                'count' => VerificationRequest::query()->pending()->count(),
+            ],
+            [
+                'id' => (string) VerificationStatus::NEED_REVISION->value,
+                'label' => 'Revisi',
+                'icon' => 'heroicon-s-pencil-square',
+                'color' => 'info',
+                'count' => VerificationRequest::query()->needRevision()->count(),
+            ],
+            [
+                'id' => (string) VerificationStatus::APPROVED->value,
+                'label' => 'Disetujui',
+                'icon' => 'heroicon-s-check-circle',
+                'color' => 'success',
+                'count' => VerificationRequest::query()->approved()->count(),
+            ],
+            [
+                'id' => (string) VerificationStatus::REJECTED->value,
+                'label' => 'Ditolak',
+                'icon' => 'heroicon-s-x-circle',
+                'color' => 'danger',
+                'count' => VerificationRequest::query()->rejected()->count(),
+            ],
+        ];
+    }
+}
--- a/app/Filament/Pages/AdminVerification/Concerns/HasVerificationNotifications.php
+++ b/app/Filament/Pages/AdminVerification/Concerns/HasVerificationNotifications.php
@ -0,0 +1,18 @@
+<?php
+
+namespace App\Filament\Pages\AdminVerification\Concerns;
+
+use App\Filament\Support\CheerfulNotification;
+
+trait HasVerificationNotifications
+{
+    public function getEmptyStateHeading(): string
+    {
+        return CheerfulNotification::getByKey('verification.admin.empty_state.heading');
+    }
+
+    public function getEmptyStateDescription(): string
+    {
+        return CheerfulNotification::getByKey('verification.admin.empty_state.description');
+    }
+}
--- a/app/Filament/Pages/AdminVerification/Index.php
+++ b/app/Filament/Pages/AdminVerification/Index.php
@ -3,15 +3,14 @@
 namespace App\Filament\Pages\AdminVerification;

 use App\Enums\VerificationStatus;
-use App\Filament\Pages\AdminVerification\Actions\ApproveAction;
-use App\Filament\Pages\AdminVerification\Actions\RejectAction;
-use App\Filament\Pages\AdminVerification\Actions\RevisionAction;
+use App\Filament\Pages\AdminVerification\Concerns\HasVerificationActions;
+use App\Filament\Pages\AdminVerification\Concerns\HasVerificationFilters;
+use App\Filament\Pages\AdminVerification\Concerns\HasVerificationNotifications;
 use App\Filament\Resources\Manage\Partners\Pages\ViewPartner;
 use App\Filament\Support\CheerfulNotification;
 use App\Models\VerificationRequest;
 use BackedEnum;
 use BezhanSalleh\FilamentShield\Traits\HasPageShield;
-use Filament\Actions\Action;
 use Filament\Actions\Concerns\InteractsWithActions;
 use Filament\Actions\Contracts\HasActions;
 use Filament\Forms\Concerns\InteractsWithForms;
@ -24,11 +23,7 @@

 class Index extends Page implements HasActions, HasForms
 {
-    use HasPageShield, InteractsWithActions, InteractsWithForms;
-
-    public string $filterStatus = '1';
-
-    public int $rowsToDisplay = 12;
+    use HasPageShield, HasVerificationActions, HasVerificationFilters, HasVerificationNotifications, InteractsWithActions, InteractsWithForms;

    protected static string|UnitEnum|null $navigationGroup = 'Kelola';

@ -44,7 +39,7 @@ class Index extends Page implements HasActions, HasForms

    protected string $view = 'filament.pages.admin-verification';

-    public static function canAccess(array $parameters = []): bool
+    public static function canAccess(): bool
    {
        return auth()->user()->can('View:AdminVerification');
    }
@ -157,6 +152,7 @@ public function verifications(): LengthAwarePaginator
                            'createdAt' => $review->created_at->translatedFormat('l, d M Y H:i'),
                        ]),
                    ],
+
                    'messages' => [
                        'detail' => CheerfulNotification::getByKey('verification.admin.messages.detail'),
                        'revision' => CheerfulNotification::getByKey('verification.admin.messages.revision'),
@ -166,91 +162,4 @@ public function verifications(): LengthAwarePaginator
                ];
            });
    }
-
-    public function loadMore(): void
-    {
-        $this->rowsToDisplay += 12;
-    }
-
-    public function setFilter(string $status): void
-    {
-        $this->filterStatus = $status;
-        $this->rowsToDisplay = 12;
-    }
-
-    #[Computed]
-    public function getFilters(): array
-    {
-        return [
-            [
-                'id' => 'all',
-                'label' => 'Semua',
-                'icon' => 'heroicon-s-squares-2x2',
-                'color' => 'primary',
-                'count' => VerificationRequest::count(),
-            ],
-            [
-                'id' => (string) VerificationStatus::PENDING->value,
-                'label' => 'Menunggu',
-                'icon' => 'heroicon-s-clock',
-                'color' => 'warning',
-                'count' => VerificationRequest::pending()->count(),
-            ],
-            [
-                'id' => (string) VerificationStatus::NEED_REVISION->value,
-                'label' => 'Revisi',
-                'icon' => 'heroicon-s-pencil-square',
-                'color' => 'info',
-                'count' => VerificationRequest::needRevision()->count(),
-            ],
-            [
-                'id' => (string) VerificationStatus::APPROVED->value,
-                'label' => 'Disetujui',
-                'icon' => 'heroicon-s-check-circle',
-                'color' => 'success',
-                'count' => VerificationRequest::approved()->count(),
-            ],
-            [
-                'id' => (string) VerificationStatus::REJECTED->value,
-                'label' => 'Ditolak',
-                'icon' => 'heroicon-s-x-circle',
-                'color' => 'danger',
-                'count' => VerificationRequest::rejected()->count(),
-            ],
-        ];
-    }
-
-    /**
-     * Approve verification action
-     */
-    public function approveAction(): Action
-    {
-        return ApproveAction::make();
-    }
-
-    /**
-     * Revision verification action
-     */
-    public function revisionAction(): Action
-    {
-        return RevisionAction::make();
-    }
-
-    /**
-     * Reject verification action
-     */
-    public function rejectAction(): Action
-    {
-        return RejectAction::make();
-    }
-
-    public function getEmptyStateHeading(): string
-    {
-        return CheerfulNotification::getByKey('verification.admin.empty_state.heading');
-    }
-
-    public function getEmptyStateDescription(): string
-    {
-        return CheerfulNotification::getByKey('verification.admin.empty_state.description');
-    }
 }
--- a/database/seeders/ShieldSeeder.php
+++ b/database/seeders/ShieldSeeder.php
@ -21,6 +21,9 @@ public function run(): void
                    "View:Analytic",

                    "View:AdminVerification",
+                    "Approve:AdminVerification",
+                    "Reject:AdminVerification",
+                    "Revision:AdminVerification",

                    "ViewAny:Announcement",
                    "View:Announcement",
@ -281,6 +284,9 @@ public function run(): void
                    "View:Analytic",

                    "View:AdminVerification",
+                    "Approve:AdminVerification",
+                    "Reject:AdminVerification",
+                    "Revision:AdminVerification",

                    "ViewAny:Announcement",
                    "View:Announcement",
--- a/lang/id/notif.php
+++ b/lang/id/notif.php
@ -265,16 +265,6 @@
        ],
        'admin' => [
            'process' => [
-                'not_found' => [
-                    'title' => [
-                        'cheerful' => 'Belum ketemu nih 🙌',
-                        'formal' => 'Data Tidak Ditemukan',
-                    ],
-                    'body' => [
-                        'cheerful' => 'Data verifikasi belum kami temukan. Coba sebentar lagi, ya.',
-                        'formal' => 'Permintaan verifikasi tidak ditemukan dalam sistem kami.',
-                    ],
-                ],
                'success' => [
                    'title' => [
                        'cheerful' => 'Berhasil Diproses! ✨',
--- a/resources/views/filament/pages/admin-verification.blade.php
+++ b/resources/views/filament/pages/admin-verification.blade.php
@ -1,24 +1,31 @@
 <x-filament-panels::page>
    <div class="flex flex-wrap items-center gap-3">
        @foreach ($this->getFilters as $filter)
-            <button wire:click="setFilter('{{ $filter['id'] }}')" 
-                @class([
-                    'group inline-flex items-center gap-2.5 px-5 py-2.5 text-sm font-bold custom-rounded transition-all duration-300 active:scale-95 shadow-sm hover:shadow-md',
-                    // Active Styles
-                    $filterStatus === $filter['id'] ? match($filter['color']) {
-                        'primary' => 'bg-primary-500 text-white shadow-primary-500/30 ring-2 ring-primary-500/20',
-                        'warning' => 'bg-warning-500 text-white shadow-warning-500/30 ring-2 ring-warning-500/20',
-                        'success' => 'bg-success-500 text-white shadow-success-500/30 ring-2 ring-success-500/20',
-                        'danger' => 'bg-danger-500 text-white shadow-danger-500/30 ring-2 ring-danger-500/20',
-                        'info' => 'bg-info-500 text-white shadow-info-500/30 ring-2 ring-info-500/20',
+            <x-filament::button wire:click="setFilter('{{ $filter['id'] }}')" @class([
+                'group inline-flex items-center gap-2.5 px-5 py-2.5 text-sm font-bold custom-rounded transition-all duration-300 active:scale-95 shadow-sm hover:shadow-md',
+                // Active Styles
+                $filterStatus === $filter['id']
+                    ? match ($filter['color']) {
+                        'primary'
+                            => 'bg-primary-500 text-white shadow-primary-500/30 ring-2 ring-primary-500/20',
+                        'warning'
+                            => 'bg-warning-500 text-white shadow-warning-500/30 ring-2 ring-warning-500/20',
+                        'success'
+                            => 'bg-success-500 text-white shadow-success-500/30 ring-2 ring-success-500/20',
+                        'danger'
+                            => 'bg-danger-500 text-white shadow-danger-500/30 ring-2 ring-danger-500/20',
+                        'info'
+                            => 'bg-info-500 text-white shadow-info-500/30 ring-2 ring-info-500/20',
                        default => 'bg-gray-500 text-white shadow-gray-500/25',
-                    } : 'bg-white dark:bg-gray-900 text-gray-600 dark:text-gray-400 border border-gray-200 dark:border-gray-800 hover:border-gray-300 dark:hover:border-gray-700',
-                ])>
+                    }
+                    : 'bg-white dark:bg-gray-900 text-gray-600 dark:text-gray-400 border border-gray-200 dark:border-gray-800 hover:border-gray-300 dark:hover:border-gray-700',
+            ])>
                @if ($filter['icon'])
-                    <x-dynamic-component :component="$filter['icon']" 
-                        @class([
-                            'w-5 h-5 transition-transform duration-300 group-hover:scale-110',
-                            $filterStatus === $filter['id'] ? 'text-white' : match($filter['color']) {
+                    <x-dynamic-component :component="$filter['icon']" @class([
+                        'w-5 h-5 transition-transform duration-300 group-hover:scale-110',
+                        $filterStatus === $filter['id']
+                            ? 'text-white'
+                            : match ($filter['color']) {
                                'primary' => 'text-primary-500',
                                'warning' => 'text-warning-500',
                                'success' => 'text-success-500',
@ -26,257 +33,278 @@
                                'info' => 'text-info-500',
                                default => 'text-gray-500',
                            },
-                        ]) 
-                    />
+                    ]) />
                @endif
-                
+
                <span>{{ $filter['label'] }}</span>
-                
+
                <span @class([
                    'px-2.5 py-0.5 text-[10px] font-extrabold rounded-full transition-all duration-300',
-                    $filterStatus === $filter['id'] ? 'bg-white/20 text-white shadow-inner' : match($filter['color']) {
-                        'primary' => 'bg-primary-100 text-primary-700 dark:bg-primary-500/20 dark:text-primary-400',
-                        'warning' => 'bg-warning-100 text-warning-700 dark:bg-warning-500/20 dark:text-warning-300',
-                        'success' => 'bg-success-100 text-success-700 dark:bg-success-500/20 dark:text-success-400',
-                        'danger' => 'bg-danger-100 text-danger-700 dark:bg-danger-500/20 dark:text-danger-400',
-                        'info' => 'bg-info-100 text-info-700 dark:bg-info-500/20 dark:text-info-400',
-                        default => 'bg-gray-100 text-gray-700 dark:bg-gray-500/20 dark:text-gray-400',
-                    },
+                    $filterStatus === $filter['id']
+                        ? 'bg-white/20 text-white shadow-inner'
+                        : match ($filter['color']) {
+                            'primary'
+                                => 'bg-primary-100 text-primary-700 dark:bg-primary-500/20 dark:text-primary-400',
+                            'warning'
+                                => 'bg-warning-100 text-warning-700 dark:bg-warning-500/20 dark:text-warning-300',
+                            'success'
+                                => 'bg-success-100 text-success-700 dark:bg-success-500/20 dark:text-success-400',
+                            'danger'
+                                => 'bg-danger-100 text-danger-700 dark:bg-danger-500/20 dark:text-danger-400',
+                            'info'
+                                => 'bg-info-100 text-info-700 dark:bg-info-500/20 dark:text-info-400',
+                            default
+                                => 'bg-gray-100 text-gray-700 dark:bg-gray-500/20 dark:text-gray-400',
+                        },
                ])>
                    {{ $filter['count'] ?? 0 }}
                </span>
-            </button>
+            </x-filament::button>
        @endforeach
    </div>

-    {{-- Verification Cards Grid --}}
-    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-        @forelse ($this->verifications as $verification)
-            <x-filament::section class="h-full">
-                <x-slot name="heading">
-                    <div class="flex items-start justify-between gap-3">
-                        <div class="min-w-0 flex-1">
-                            <h3 class="font-bold text-lg text-gray-900 dark:text-white truncate"
-                                title="{{ $verification['company']['name'] }}">
-                                {{ $verification['company']['name'] }}
-                            </h3>
-                        </div>
-
-                        {{-- Status Badge --}}
-                        <x-filament::badge :color="$verification['status']['color']" size="lg">
-                            {{ $verification['status']['label'] }}
-                        </x-filament::badge>
-                    </div>
-                </x-slot>
-
-                <div class="space-y-4">
-                    {{-- Submitter Info --}}
-                    <div class="flex items-center gap-3 p-3 bg-gray-50 dark:bg-gray-800 custom-rounded">
-                        <div class="shrink-0">
-                            <div
-                                class="w-10 h-10 rounded-full bg-primary-100 dark:bg-primary-500/20 flex items-center justify-center">
-                                <x-heroicon-s-user class="w-5 h-5 text-primary-500" />
+    <x-filament::section>
+        {{-- Verification Cards Grid --}}
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+            @forelse ($this->verifications as $verification)
+                <x-filament::section class="h-full">
+                    <x-slot name="heading">
+                        <div class="flex items-start justify-between gap-3">
+                            <div class="min-w-0 flex-1">
+                                <h3 class="font-bold text-lg text-gray-900 dark:text-white truncate"
+                                    title="{{ $verification['company']['name'] }}">
+                                    {{ $verification['company']['name'] }}
+                                </h3>
                            </div>
-                        </div>
-                        <div class="min-w-0 flex-1">
-                            <p class="text-xs text-gray-500 dark:text-gray-400 uppercase font-semibold">Diajukan oleh
-                            </p>
-                            <p class="text-sm font-medium text-gray-900 dark:text-white truncate">
-                                {{ $verification['submittedBy'] }}
-                            </p>
-                        </div>
-                    </div>

-                    {{-- Data Summary --}}
-                    <div class="grid grid-cols-1 md:grid-cols-3 gap-3 p-3 bg-gray-50 dark:bg-gray-800 custom-rounded">
-                        {{-- Company Summary --}}
-                        <div>
-                            <div class="flex items-center gap-2 mb-1">
-                                <x-heroicon-o-building-office-2 class="w-4 h-4 text-primary-500" />
-                                <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Perusahaan
+                            {{-- Status Badge --}}
+                            <x-filament::badge :color="$verification['status']['color']" size="lg">
+                                {{ $verification['status']['label'] }}
+                            </x-filament::badge>
+                        </div>
+                    </x-slot>
+
+                    <div class="space-y-4">
+                        {{-- Submitter Info --}}
+                        <div class="flex items-center gap-3 p-3 bg-gray-50 dark:bg-gray-800 custom-rounded">
+                            <div class="shrink-0">
+                                <div
+                                    class="w-10 h-10 rounded-full bg-primary-100 dark:bg-primary-500/20 flex items-center justify-center">
+                                    <x-heroicon-s-user class="w-5 h-5 text-primary-500" />
+                                </div>
+                            </div>
+                            <div class="min-w-0 flex-1">
+                                <p class="text-xs text-gray-500 dark:text-gray-400 uppercase font-semibold">Diajukan
+                                    oleh
+                                </p>
+                                <p class="text-sm font-medium text-gray-900 dark:text-white truncate">
+                                    {{ $verification['submittedBy'] }}
                                </p>
                            </div>
-                            <p class="text-sm font-medium text-gray-900 dark:text-white truncate">
-                                {{ $verification['summary']['company']['name'] }}
-                            </p>
-                            <x-filament::badge :color="$verification['summary']['company']['exists'] ? 'success' : 'warning'" size="xs" class="mt-1">
-                                {{ $verification['summary']['company']['exists'] ? '✓ Lengkap' : '⚠ Belum diisi' }}
-                            </x-filament::badge>
                        </div>

-                        {{-- Media Summary --}}
-                        <div>
-                            <div class="flex items-center gap-2 mb-1">
-                                <x-heroicon-o-newspaper class="w-4 h-4 text-info-500" />
-                                <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Media</p>
-                            </div>
-                            <p class="text-sm font-medium text-gray-900 dark:text-white truncate">
-                                {{ $verification['summary']['media']['name'] }}
-                            </p>
-                            <x-filament::badge :color="$verification['summary']['media']['exists'] ? 'success' : 'warning'" size="xs" class="mt-1">
-                                {{ $verification['summary']['media']['exists'] ? '✓ Lengkap' : '⚠ Belum diisi' }}
-                            </x-filament::badge>
-                        </div>
-
-                        {{-- Journalists Summary --}}
-                        <div>
-                            <div class="flex items-center gap-2 mb-1">
-                                <x-heroicon-o-identification class="w-4 h-4 text-info-500" />
-                                <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Jurnalis</p>
-                            </div>
-                            <p class="text-sm font-medium text-gray-900 dark:text-white">
-                                {{ $verification['summary']['journalists']['count'] }} jurnalis
-                            </p>
-                            <x-filament::badge :color="$verification['summary']['journalists']['exists'] ? 'success' : 'warning'" size="xs" class="mt-1">
-                                {{ $verification['summary']['journalists']['exists'] ? '✓ Lengkap' : '⚠ Belum diisi' }}
-                            </x-filament::badge>
-                        </div>
-                    </div>
-
-                    {{-- Timeline Info --}}
-                    <div class="grid grid-cols-2 gap-3 text-sm">
-                        <div>
-                            <p class="text-xs text-gray-500 dark:text-gray-400 uppercase font-semibold">Diajukan</p>
-                            <p class="text-gray-700 dark:text-gray-300">
-                                {{ $verification['timestamps']['submittedAt'] }}
-                            </p>
-                            <p class="text-xs text-gray-500">
-                                {{ $verification['timestamps']['submittedAtHuman'] }}
-                            </p>
-                        </div>
-                        <div>
-                            <p class="text-xs text-gray-500 dark:text-gray-400 uppercase font-semibold">Pembaruan
-                                Terakhir
-                            </p>
-                            <p class="text-gray-700 dark:text-gray-300">
-                                {{ $verification['timestamps']['updatedAt'] }}
-                            </p>
-                            <p class="text-xs text-gray-500">
-                                {{ $verification['timestamps']['updatedAtHuman'] }}
-                            </p>
-                        </div>
-                    </div>
-
-                    {{-- Latest Review Note --}}
-                    @if ($verification['reviews']['latest']['note'])
-                        <div class="p-3 custom-rounded border {{ $verification['reviews']['latest']['classes'] }}">
-                            <p
-                                class="text-xs font-semibold uppercase mb-1 {{ $verification['reviews']['latest']['titleClasses'] }}">
-                                Catatan Terakhir
-                            </p>
-                            <p class="text-sm text-gray-700 dark:text-gray-300 line-clamp-2">
-                                {{ $verification['reviews']['latest']['note'] }}
-                            </p>
-                            <p class="text-xs text-gray-500 mt-1">
-                                oleh {{ $verification['reviews']['latest']['reviewer'] }} •
-                                {{ $verification['reviews']['latest']['createdAtHuman'] }}
-                            </p>
-                        </div>
-                    @endif
-
-                    {{-- Review History Accordion --}}
-                    @if ($verification['reviews']['count'] > 0)
-                        <div x-data="{ open: false }"
-                            class="border border-gray-200 dark:border-gray-700 custom-rounded overflow-hidden">
-                            <button @click="open = !open"
-                                class="w-full flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
-                                <div
-                                    class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
-                                    <x-heroicon-o-clock class="w-4 h-4" />
-                                    Riwayat Review ({{ $verification['reviews']['count'] }})
+                        {{-- Data Summary --}}
+                        <div
+                            class="grid grid-cols-1 md:grid-cols-3 gap-3 p-3 bg-gray-50 dark:bg-gray-800 custom-rounded">
+                            {{-- Company Summary --}}
+                            <div>
+                                <div class="flex items-center gap-2 mb-1">
+                                    <x-heroicon-o-building-office-2 class="w-4 h-4 text-primary-500" />
+                                    <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">
+                                        Perusahaan
+                                    </p>
                                </div>
-                                <x-heroicon-o-chevron-down
-                                    class="w-4 h-4 text-gray-500 transition-transform duration-200"
-                                    x-bind:class="{ 'rotate-180': open }" />
-                            </button>
+                                <p class="text-sm font-medium text-gray-900 dark:text-white truncate">
+                                    {{ $verification['summary']['company']['name'] }}
+                                </p>
+                                <x-filament::badge :color="$verification['summary']['company']['exists'] ? 'success' : 'warning'" size="xs" class="mt-1">
+                                    {{ $verification['summary']['company']['exists'] ? '✓ Lengkap' : '⚠ Belum diisi' }}
+                                </x-filament::badge>
+                            </div>

-                            <div x-show="open" x-collapse class="border-t border-gray-200 dark:border-gray-700">
-                                <div class="divide-y divide-gray-100 dark:divide-gray-700 max-h-60 overflow-y-auto">
-                                    @foreach ($verification['reviews']['history'] as $review)
-                                        <div class="p-3">
-                                            <div class="flex items-start justify-between gap-3">
-                                                <div class="flex-1 min-w-0">
-                                                    <div class="flex items-center gap-2 mb-1">
-                                                        <x-filament::badge :color="$review['decisionColor']" size="sm">
-                                                            {{ $review['decisionLabel'] }}
-                                                        </x-filament::badge>
-                                                        <span class="text-xs text-gray-500 dark:text-gray-400">
-                                                            oleh {{ $review['reviewerName'] }}
-                                                        </span>
+                            {{-- Media Summary --}}
+                            <div>
+                                <div class="flex items-center gap-2 mb-1">
+                                    <x-heroicon-o-newspaper class="w-4 h-4 text-info-500" />
+                                    <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Media
+                                    </p>
+                                </div>
+                                <p class="text-sm font-medium text-gray-900 dark:text-white truncate">
+                                    {{ $verification['summary']['media']['name'] }}
+                                </p>
+                                <x-filament::badge :color="$verification['summary']['media']['exists'] ? 'success' : 'warning'" size="xs" class="mt-1">
+                                    {{ $verification['summary']['media']['exists'] ? '✓ Lengkap' : '⚠ Belum diisi' }}
+                                </x-filament::badge>
+                            </div>
+
+                            {{-- Journalists Summary --}}
+                            <div>
+                                <div class="flex items-center gap-2 mb-1">
+                                    <x-heroicon-o-identification class="w-4 h-4 text-info-500" />
+                                    <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Jurnalis
+                                    </p>
+                                </div>
+                                <p class="text-sm font-medium text-gray-900 dark:text-white">
+                                    {{ $verification['summary']['journalists']['count'] }} jurnalis
+                                </p>
+                                <x-filament::badge :color="$verification['summary']['journalists']['exists'] ? 'success' : 'warning'" size="xs" class="mt-1">
+                                    {{ $verification['summary']['journalists']['exists'] ? '✓ Lengkap' : '⚠ Belum diisi' }}
+                                </x-filament::badge>
+                            </div>
+                        </div>
+
+                        {{-- Timeline Info --}}
+                        <div class="grid grid-cols-2 gap-3 text-sm">
+                            <div>
+                                <p class="text-xs text-gray-500 dark:text-gray-400 uppercase font-semibold">Diajukan</p>
+                                <p class="text-gray-700 dark:text-gray-300">
+                                    {{ $verification['timestamps']['submittedAt'] }}
+                                </p>
+                                <p class="text-xs text-gray-500">
+                                    {{ $verification['timestamps']['submittedAtHuman'] }}
+                                </p>
+                            </div>
+                            <div>
+                                <p class="text-xs text-gray-500 dark:text-gray-400 uppercase font-semibold">Pembaruan
+                                    Terakhir
+                                </p>
+                                <p class="text-gray-700 dark:text-gray-300">
+                                    {{ $verification['timestamps']['updatedAt'] }}
+                                </p>
+                                <p class="text-xs text-gray-500">
+                                    {{ $verification['timestamps']['updatedAtHuman'] }}
+                                </p>
+                            </div>
+                        </div>
+
+                        {{-- Latest Review Note --}}
+                        @if ($verification['reviews']['latest']['note'])
+                            <div class="p-3 custom-rounded border {{ $verification['reviews']['latest']['classes'] }}">
+                                <p
+                                    class="text-xs font-semibold uppercase mb-1 {{ $verification['reviews']['latest']['titleClasses'] }}">
+                                    Catatan Terakhir
+                                </p>
+                                <p class="text-sm text-gray-700 dark:text-gray-300 line-clamp-2">
+                                    {{ $verification['reviews']['latest']['note'] }}
+                                </p>
+                                <p class="text-xs text-gray-500 mt-1">
+                                    oleh {{ $verification['reviews']['latest']['reviewer'] }} •
+                                    {{ $verification['reviews']['latest']['createdAtHuman'] }}
+                                </p>
+                            </div>
+                        @endif
+
+                        {{-- Review History Accordion --}}
+                        @if ($verification['reviews']['count'] > 0)
+                            <div x-data="{ open: false }"
+                                class="border border-gray-200 dark:border-gray-700 custom-rounded overflow-hidden">
+                                <button @click="open = !open"
+                                    class="w-full flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
+                                    <div
+                                        class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
+                                        <x-heroicon-o-clock class="w-4 h-4" />
+                                        Riwayat Review ({{ $verification['reviews']['count'] }})
+                                    </div>
+                                    <x-heroicon-o-chevron-down
+                                        class="w-4 h-4 text-gray-500 transition-transform duration-200"
+                                        x-bind:class="{ 'rotate-180': open }" />
+                                </button>
+
+                                <div x-show="open" x-collapse class="border-t border-gray-200 dark:border-gray-700">
+                                    <div class="divide-y divide-gray-100 dark:divide-gray-700 max-h-60 overflow-y-auto">
+                                        @foreach ($verification['reviews']['history'] as $review)
+                                            <div class="p-3">
+                                                <div class="flex items-start justify-between gap-3">
+                                                    <div class="flex-1 min-w-0">
+                                                        <div class="flex items-center gap-2 mb-1">
+                                                            <x-filament::badge :color="$review['decisionColor']" size="sm">
+                                                                {{ $review['decisionLabel'] }}
+                                                            </x-filament::badge>
+                                                            <span class="text-xs text-gray-500 dark:text-gray-400">
+                                                                oleh {{ $review['reviewerName'] }}
+                                                            </span>
+                                                        </div>
+                                                        @if ($review['note'])
+                                                            <p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
+                                                                {{ $review['note'] }}
+                                                            </p>
+                                                        @endif
+                                                    </div>
+                                                    <div class="shrink-0 text-xs text-gray-400">
+                                                        {{ $review['createdAt'] }}
                                                    </div>
-                                                    @if ($review['note'])
-                                                        <p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
-                                                            {{ $review['note'] }}
-                                                        </p>
-                                                    @endif
-                                                </div>
-                                                <div class="shrink-0 text-xs text-gray-400">
-                                                    {{ $review['createdAt'] }}
                                                </div>
                                            </div>
-                                        </div>
-                                    @endforeach
+                                        @endforeach
+                                    </div>
                                </div>
                            </div>
-                        </div>
-                    @endif
-                </div>
-
-                <x-slot name="footer">
-                    <div class="flex flex-wrap items-center gap-2">
-                        {{-- View Detail Button --}}
-                        @if ($verification['company']['detailUrl'])
-                            <x-filament::button color="gray" size="sm" icon="heroicon-o-eye" tag="a"
-                                :href="$verification['company']['detailUrl']">
-                                {{ $verification['messages']['detail'] }}
-                            </x-filament::button>
-                        @endif
-
-                        {{-- Action Buttons based on status --}}
-                        @if ($verification['status']['isPending'])
-                            {{ ($this->approveAction)(['id' => $verification['id']]) }}
-                            {{ ($this->revisionAction)(['id' => $verification['id']]) }}
-                            {{ ($this->rejectAction)(['id' => $verification['id']]) }}
-                        @elseif($verification['status']['isRevision'])
-                            <span
-                                class="flex items-center gap-1 text-xs text-warning-600 dark:text-warning-400 font-medium italic">
-                                <x-heroicon-s-clock class="w-3 h-3 animate-pulse" />
-                                {{ $verification['messages']['revision'] }}
-                            </span>
-                        @elseif($verification['status']['isApproved'])
-                            <span
-                                class="flex items-center gap-1 text-xs text-success-600 dark:text-success-400 font-medium">
-                                <x-heroicon-s-check-circle class="w-3 h-3" />
-                                {{ $verification['messages']['approved'] }}
-                            </span>
-                        @elseif($verification['status']['isRejected'])
-                            <span
-                                class="flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400 font-medium">
-                                <x-heroicon-s-x-circle class="w-3 h-3" />
-                                {{ $verification['messages']['rejected'] }}
-                            </span>
                        @endif
                    </div>
-                </x-slot>
-            </x-filament::section>
-        @empty
-            <div class="col-span-full">
-                <x-filament::empty-state 
-                    icon="heroicon-o-inbox" 
-                    :heading="$this->getEmptyStateHeading()"
-                    :description="$this->getEmptyStateDescription()" 
-                    icon-color="gray">
-                </x-filament::empty-state>
-            </div>
-        @endforelse
-    </div>

-    {{-- Infinite Scroll Sentinel --}}
-    @if ($this->verifications->hasMorePages())
-        <div x-intersect="$wire.loadMore()" class="py-6 flex justify-center">
-            <x-filament::loading-indicator class="w-8 h-8 text-primary-500" />
+                    <x-slot name="footer">
+                        <div class="flex flex-wrap items-center gap-2">
+                            {{-- View Detail Button --}}
+                            @can('View:AdminVerification')
+                                @if ($verification['company']['detailUrl'])
+                                    {{ ($this->viewAction)(['id' => $verification['id']]) }}
+                                @endif
+                            @endcan
+
+                            {{-- Action Buttons based on status --}}
+                            @if ($verification['status']['isPending'])
+                                @canAny(['Approve:AdminVerification', 'Revision:AdminVerification',
+                                    'Reject:AdminVerification'])
+                                    @can('Approve:AdminVerification')
+                                        {{ ($this->approveAction)(['id' => $verification['id']]) }}
+                                    @endcan
+
+                                    @can('Revision:AdminVerification')
+                                        {{ ($this->revisionAction)(['id' => $verification['id']]) }}
+                                    @endcan
+
+                                    @can('Reject:AdminVerification')
+                                        {{ ($this->rejectAction)(['id' => $verification['id']]) }}
+                                    @endcan
+                                @endcanAny
+                            @elseif($verification['status']['isRevision'])
+                                <span
+                                    class="flex items-center gap-1 text-xs text-warning-600 dark:text-warning-400 font-medium italic">
+                                    <x-heroicon-s-clock class="w-3 h-3 animate-pulse" />
+                                    {{ $verification['messages']['revision'] }}
+                                </span>
+                            @elseif($verification['status']['isApproved'])
+                                <span
+                                    class="flex items-center gap-1 text-xs text-success-600 dark:text-success-400 font-medium">
+                                    <x-heroicon-s-check-circle class="w-3 h-3" />
+                                    {{ $verification['messages']['approved'] }}
+                                </span>
+                            @elseif($verification['status']['isRejected'])
+                                <span
+                                    class="flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400 font-medium">
+                                    <x-heroicon-s-x-circle class="w-3 h-3" />
+                                    {{ $verification['messages']['rejected'] }}
+                                </span>
+                            @endif
+                        </div>
+                    </x-slot>
+                </x-filament::section>
+            @empty
+                <div class="col-span-full">
+                    <x-filament::empty-state icon="heroicon-o-inbox" :heading="$this->getEmptyStateHeading()" :description="$this->getEmptyStateDescription()"
+                        icon-color="gray">
+                    </x-filament::empty-state>
+                </div>
+            @endforelse
        </div>
-    @endif

-    <x-filament-actions::modals />
+        {{-- Infinite Scroll Sentinel --}}
+        @if ($this->verifications->hasMorePages())
+            <div x-intersect="$wire.loadMore()" class="py-6 flex justify-center">
+                <x-filament::loading-indicator class="w-8 h-8 text-primary-500" />
+            </div>
+        @endif
+
+        <x-filament-actions::modals />
+    </x-filament::section>
 </x-filament-panels::page>