@php
    $subRoute = fn (string $name, mixed $params = []) => route(($subscriptionRoutePrefix ?? 'admin.my-plan') . '.' . $name, $params);
    $provider = $provider ?? config('subscription-plans.provider', []);
    $providerName = $provider['name'] ?? 'IT Square BD';
    $providerWhatsapp = $provider['whatsapp_url'] ?? 'https://wa.me/8801331311711';
    $activeTab = in_array($tab ?? 'plan', ['history', 'limit', 'modules'], true) ? $tab : 'plan';
    $canPurchase = ($usageStats['overage_due'] ?? 0) <= 0;
@endphp

<div class="container-fluid py-3 subscription-store-page">
    @if(count($pendingRequests ?? []) > 0)
    <div class="alert alert-warning small mb-3">
        <i class="fas fa-hourglass-half me-1"></i>
        <strong>{{ count($pendingRequests) }} payment request pending.</strong>
        {{ $providerName }} super admin manually approve করলে plan activate হবে।
        <a href="{{ $subRoute('index', ['tab' => 'history']) }}" class="alert-link">History দেখুন</a>
    </div>
    @endif

    @if(! $canPurchase)
    <div class="alert alert-danger small mb-3">
        <i class="fas fa-exclamation-triangle me-1"></i>
        <strong>Overage due: ৳{{ number_format($usageStats['overage_due'], 2) }}</strong> —
        Limit tab থেকে overage clear করুন, তারপর নতুন package purchase করতে পারবেন।
        <a href="{{ $subRoute('index', ['tab' => 'limit']) }}" class="alert-link">Limit দেখুন</a>
    </div>
    @endif

    <div class="card shadow-sm border-0 subscription-store-card">
        <div class="card-header bg-white py-3">
            <span class="fw-bold"><i class="fas fa-credit-card me-2 text-success"></i>Subscription Management</span>
        </div>
        <div class="card-body p-0">
            <ul class="nav nav-tabs subscription-store-tabs px-2 px-md-3" role="tablist">
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'plan' ? 'active' : '' }}"
                       href="{{ $subRoute('index', ['tab' => 'plan']) }}">
                        <i class="fas fa-shopping-cart me-2"></i> Purchase
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'history' ? 'active' : '' }}"
                       href="{{ $subRoute('index', ['tab' => 'history']) }}">
                        <i class="fas fa-history me-2"></i> History
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'limit' ? 'active' : '' }}"
                       href="{{ $subRoute('index', ['tab' => 'limit']) }}">
                        <i class="fas fa-money-bill-wave me-2"></i> Limit
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'modules' ? 'active' : '' }}"
                       href="{{ $subRoute('index', ['tab' => 'modules']) }}">
                        <i class="fas fa-puzzle-piece me-2"></i> Modules
                    </a>
                </li>
            </ul>

            <div class="tab-content p-3 p-md-4">
                @if($activeTab === 'plan')
                <div class="tab-pane fade show active">
                    @include('backEnd.subscriptions.partials.order-limit-widget')

                    <div class="mb-4">
                        <div class="row" id="basicPackagesContainer">
                            @foreach($basicPlans ?? $plans as $planKey => $plan)
                                @include('backEnd.subscriptions.partials.plan-card', compact('planKey', 'plan', 'storeSub', 'providerWhatsapp', 'platformMode'))
                            @endforeach
                        </div>
                        @if(! empty($proAddons))
                        <div class="mt-4 mb-2">
                            <h5 class="pro-features-heading">
                                <i class="fas fa-star me-2 text-warning"></i>Pro Features (Optional)
                            </h5>
                        </div>
                        <div class="row" id="proPackagesContainer">
                            @foreach($proAddons as $planKey => $plan)
                                @include('backEnd.subscriptions.partials.plan-card', compact('planKey', 'plan', 'storeSub', 'providerWhatsapp', 'platformMode'))
                            @endforeach
                        </div>
                        @endif
                    </div>

                    @include('backEnd.subscriptions.partials.checkout-panel', ['canPurchase' => $canPurchase])
                </div>

                @elseif($activeTab === 'history')
                <div class="tab-pane fade show active">
                    @include('backEnd.subscriptions.partials.history-table', ['historyRows' => $subscriptionHistory ?? []])
                </div>

                @elseif($activeTab === 'limit')
                <div class="tab-pane fade show active">
                    @include('backEnd.subscriptions.partials.order-limit-widget')
                    @include('backEnd.subscriptions.partials.overage-history')
                </div>

                @elseif($activeTab === 'modules')
                <div class="tab-pane fade show active">
                    @include('backEnd.subscriptions.partials.modules-panel')
                </div>
                @endif
            </div>
        </div>
    </div>
</div>