@php
    $isPro = ! empty($plan['is_pro']) || ($plan['type'] ?? 'basic') === 'pro';
    $isCurrent = ($storeSub['plan_key'] ?? '') === $planKey;
    $activePro = is_array($storeSub['active_pro_features'] ?? null) ? $storeSub['active_pro_features'] : [];
    $isProActive = $isPro && in_array($planKey, $activePro, true);
    $platformMode = $platformMode ?? false;
    $subRoute = $subRoute ?? fn (string $name, mixed $params = []) => route(($subscriptionRoutePrefix ?? 'admin.subscriptions') . '.' . $name, $params);
    $features = $plan['features_bn'] ?? $plan['features'] ?? [];
    $headerClass = $plan['header_class'] ?? 'bg-primary';
    $ordersBadge = (int) ($plan['orders_badge'] ?? $plan['order_limit'] ?? 0);
    $overage = (float) ($plan['overage_rate'] ?? 0);
    $borderClass = match (true) {
        ($isCurrent || $isProActive) && $headerClass === 'bg-success' => 'border-success',
        $isCurrent || $isProActive => 'border-success',
        $isPro => 'border-warning',
        $headerClass === 'bg-success' => 'border-success',
        default => 'border-primary',
    };
    $btnClass = match (true) {
        $isPro => 'btn-warning-modern',
        $headerClass === 'bg-success' => 'btn-success-modern',
        default => 'btn-primary-modern',
    };
    $priceClass = $isPro ? 'price-amount-warning' : '';
    $periodLabel = match ($plan['period'] ?? 'month') {
        'trial' => '/ ' . ($plan['trial_days'] ?? 3) . ' days',
        default => '/month',
    };
    $description = $plan['description_bn'] ?? $plan['description_en'] ?? null;
@endphp
<div class="col-md-6 col-lg-4 mb-3">
    <div class="subscription-card-compact card h-100 {{ $borderClass }} shadow-sm {{ ($isCurrent || $isProActive) ? 'subscription-card-compact--current' : '' }}">
        <div class="package-card-header-modern {{ $headerClass }} {{ $isPro ? 'package-header-pro' : '' }}">
            @if($isPro)
            <div class="pro-badge-modern">
                <i class="fas fa-star"></i> PRO
            </div>
            @endif
            <div class="package-header-content">
                <div class="package-icon-wrapper {{ $isPro ? 'package-icon-pro' : '' }}">
                    <i class="fas {{ $plan['icon'] ?? 'fa-cube' }}"></i>
                </div>
                <h6 class="package-title-modern mb-2">{{ $plan['name'] }}</h6>
                @if($ordersBadge > 0)
                <div class="package-badge-modern package-badge-success">
                    <span class="badge-text-main">Orders {{ number_format($ordersBadge) }}</span>
                    <span class="badge-text-sub">/month</span>
                </div>
                @endif
                @if($overage > 0)
                <div class="package-badge-modern package-badge-info mt-2">
                    <i class="fas fa-plus-circle me-1"></i>
                    <span>Overage Rate {{ number_format($overage, 2) }} ৳/order</span>
                </div>
                @endif
            </div>
            @if($description)
            <div class="package-description-modern">
                <p class="mb-0 text-white text-center">{{ $description }}</p>
            </div>
            @endif
        </div>
        <div class="card-body p-2 d-flex flex-column">
            <div class="features-list-enhanced mb-2 flex-grow-1">
                <ul class="list-unstyled mb-0 text-start">
                    @foreach($features as $feature)
                    <li class="mb-2 feature-item-enhanced">
                        <div class="d-flex align-items-center">
                            <i class="fas fa-check {{ $isPro ? 'text-warning' : 'text-success' }} feature-icon-enhanced me-2"></i>
                            <span class="feature-text-enhanced">{{ $feature }}</span>
                        </div>
                    </li>
                    @endforeach
                </ul>
            </div>
            <div class="package-card-footer-modern mt-auto">
                <div class="pricing-display-modern">
                    <div class="price-label-modern">Starting from</div>
                    <div class="price-amount-modern {{ $priceClass }}">
                        <span class="price-currency">৳</span>
                        <span class="price-value">{{ number_format($plan['price'] ?? 0) }}</span>
                    </div>
                    <div class="price-period-modern">{{ $periodLabel }}</div>
                </div>
                <div class="package-footer-button">
                    @if($isCurrent || $isProActive)
                    <button type="button" class="btn btn-modern btn-success-modern btn-block w-100" disabled>
                        <i class="fas fa-check me-2"></i> Active
                    </button>
                    @elseif(! ($platformMode ?? false))
                    <button type="button"
                            class="btn btn-modern {{ $btnClass }} btn-block w-100 package-select-btn"
                            data-plan-key="{{ $planKey }}"
                            data-package-type="{{ $isPro ? 'pro' : 'basic' }}"
                            data-package-name="{{ $plan['name'] }}">
                        <i class="fas fa-{{ $isPro ? 'shopping-bag' : 'shopping-cart' }} me-2"></i> {{ $isPro ? 'Buy' : 'Select' }}
                    </button>
                    @else
                    <form method="POST" action="{{ $subRoute('plan.save') }}">
                        @csrf
                        <input type="hidden" name="plan_key" value="{{ $planKey }}">
                        <input type="hidden" name="status" value="{{ $planKey === 'free_trial' ? 'trial' : 'active' }}">
                        <input type="hidden" name="expires_at" value="{{ $planKey === 'free_trial' ? now()->addDays($plan['trial_days'] ?? 3)->toDateString() : now()->addMonth()->toDateString() }}">
                        <button type="submit" class="btn btn-modern {{ $btnClass }} btn-block w-100">
                            <i class="fas fa-shopping-cart me-2"></i> Select
                        </button>
                    </form>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>