@php
    $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';
        }
    }

    $visibilityTone = ! $business->is_enabled
        ? 'danger'
        : (($subscription || $business->public_without_plan) ? 'success' : 'warning');
    $visibilityLabel = ! $business->is_enabled
        ? 'Disabled by admin'
        : ($subscription
            ? 'Visible to customers'
            : ($business->public_without_plan
                ? 'Visible without a plan'
                : 'Not visible: no active plan'));
@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="$visibilityTone">{{ $visibilityLabel }}</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">
                @if ($business->public_without_plan && $business->is_enabled)
                    Your shop is visible to customers without a plan because the admin approved it.
                @else
                    Subscribe to a plan so customers can find your shop.
                @endif
            </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>