@php
    $approvalTone = match ($business->approval_status) {
        'approved' => 'success',
        'rejected' => 'danger',
        default => 'warning',
    };

    $subscription = $business->activeSubscription;
    $subscriptionTone = 'neutral';
    $subscriptionLabel = 'No active plan';

    if ($subscription) {
        $daysLeft = now()->diffInDays($subscription->ends_at, false);
        if ($daysLeft <= 3) {
            $subscriptionTone = 'warning';
            $subscriptionLabel = 'Expiring soon';
        } else {
            $subscriptionTone = 'success';
            $subscriptionLabel = 'Active';
        }
    }
@endphp

<div class="space-y-6">
    <div>
        <h1 class="text-xl font-semibold">{{ $business->name }}</h1>
        <p class="text-sm text-neutral-500 dark:text-neutral-400">{{ $business->address }}</p>
    </div>

    <x-partner.card>
        <p class="text-sm font-medium text-neutral-500 dark:text-neutral-400">Shop status</p>
        <div class="mt-3 flex flex-wrap gap-2">
            <x-partner.badge :tone="$approvalTone">{{ ucfirst($business->approval_status) }}</x-partner.badge>
            <x-partner.badge :tone="$business->is_enabled ? 'success' : 'danger'">{{ $business->is_enabled ? 'Live' : 'Disabled by admin' }}</x-partner.badge>
            <x-partner.badge :tone="$subscriptionTone">{{ $subscriptionLabel }}</x-partner.badge>
        </div>

        @if ($subscription)
            <p class="mt-3 text-sm text-neutral-500 dark:text-neutral-400">
                {{ $subscription->plan->name }} plan &middot; renews/expires {{ $subscription->ends_at->format('d M Y') }}
            </p>
        @else
            <p class="mt-3 text-sm text-neutral-500 dark:text-neutral-400">
                Subscribe to a plan so customers can find your shop.
            </p>
        @endif

        <a href="{{ route('partner.subscription') }}" wire:navigate class="mt-3 inline-block text-sm font-medium underline underline-offset-2">
            Manage subscription &rarr;
        </a>
    </x-partner.card>

    <div class="grid grid-cols-2 gap-4 sm:grid-cols-3">
        <a href="{{ route('partner.products') }}" wire:navigate>
            <x-partner.card class="h-full transition hover:border-neutral-300 dark:hover:border-neutral-700">
                <x-heroicon-o-shopping-bag class="h-6 w-6 text-neutral-400" />
                <p class="mt-3 text-2xl font-semibold">{{ $productCount }}</p>
                <p class="text-sm text-neutral-500 dark:text-neutral-400">Products</p>
            </x-partner.card>
        </a>
        <a href="{{ route('partner.onboarding.categories') }}" wire:navigate>
            <x-partner.card class="h-full transition hover:border-neutral-300 dark:hover:border-neutral-700">
                <x-heroicon-o-tag class="h-6 w-6 text-neutral-400" />
                <p class="mt-3 text-2xl font-semibold">{{ $business->categories->count() }}</p>
                <p class="text-sm text-neutral-500 dark:text-neutral-400">Categories</p>
            </x-partner.card>
        </a>
        <a href="{{ route('partner.settings') }}" wire:navigate>
            <x-partner.card class="h-full transition hover:border-neutral-300 dark:hover:border-neutral-700">
                <x-heroicon-o-cog-6-tooth class="h-6 w-6 text-neutral-400" />
                <p class="mt-3 text-2xl font-semibold">&nbsp;</p>
                <p class="text-sm text-neutral-500 dark:text-neutral-400">Shop settings</p>
            </x-partner.card>
        </a>
    </div>
</div>