@extends($panelLayout ?? 'backEnd.layouts.master')
@section('title', 'Subscriptions')

@section('content')
@php
    $subRoute = fn (string $name, mixed $params = []) => route(($subscriptionRoutePrefix ?? 'admin.subscriptions') . '.' . $name, $params);
    $platformMode = $platformMode ?? false;
    $provider = $provider ?? config('subscription-plans.provider', []);
    $providerName = $provider['name'] ?? 'IT Square BD';
    $providerUrl = $provider['website'] ?? 'https://itsquarebd.com';
    $providerEmail = $provider['email'] ?? 'itsquarebd@gmail.com';
    $providerEmailAlt = $provider['email_alt'] ?? 'info@itsquarebd.com';
    $providerPhone = $provider['phone'] ?? '+8801331311711';
    $providerWhatsapp = $provider['whatsapp_url'] ?? 'https://wa.me/8801331311711';
    $providerAddress = $provider['address'] ?? 'Moszid Market, Hamzerbag, Panchlaish, Chittagong';
    $paymentNote = $provider['payment_note'] ?? '';
    $manualAccounts = $manualAccounts ?? [];
@endphp
@if(! ($platformMode ?? false))
@include('backEnd.subscriptions.partials.store-subscription')
@else
<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <div>
            <h4 class="mb-0 fw-bold"><i class="fas fa-credit-card me-2 text-success"></i>{{ ($platformMode ?? false) ? 'Subscription Management' : 'Subscription / সাবস্ক্রিপশন' }}</h4>
            <small class="text-muted">
                @if($platformMode ?? false)
                IT Square BD platform — approve store payments & manage plans
                @else
                Select plan, pay & upload slip — <strong>{{ $providerName }}</strong> team verify করে activate করবে
                @endif
            </small>
        </div>
        @if($tab === 'subscribers')
        <div class="d-flex gap-2">
            <a href="{{ $subRoute('export') }}" class="btn btn-outline-success btn-sm">
            <i class="fas fa-file-export me-1"></i> Export CSV
            </a>
            <button class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#addSubscriberModal">
                <i class="fas fa-plus me-1"></i> Add Subscriber
        </button>
        </div>
        @endif
    </div>

    {{-- IT Square BD platform banner --}}
    <div class="alert alert-light border d-flex flex-wrap align-items-center justify-content-between gap-3 mb-3 py-3">
        <div class="d-flex align-items-center gap-3">
            <div class="rounded-circle bg-success bg-opacity-10 d-flex align-items-center justify-content-center flex-shrink-0"
                 style="width:48px;height:48px">
                <i class="fas fa-store text-success fa-lg"></i>
            </div>
            <div>
                <div class="fw-bold">{{ $providerName }} <span class="badge bg-success ms-1">Platform</span></div>
                <div class="small text-muted">{{ $provider['tagline_bn'] ?? $provider['tagline'] ?? 'Complete ecommerce platform for Bangladesh' }}</div>
            </div>
        </div>
        <div class="small text-end">
            <div><i class="fas fa-globe me-1 text-success"></i> <a href="{{ $providerUrl }}" target="_blank" rel="noopener">{{ str_replace(['https://', 'http://'], '', $providerUrl) }}</a></div>
            <div><i class="fab fa-whatsapp me-1 text-success"></i> <a href="{{ $providerWhatsapp }}" target="_blank" rel="noopener">{{ $providerPhone }}</a></div>
            <div><i class="fas fa-envelope me-1 text-muted"></i> <a href="mailto:{{ $providerEmail }}">{{ $providerEmail }}</a></div>
            <div class="text-muted"><i class="fas fa-map-marker-alt me-1"></i> {{ $providerAddress }}</div>
        </div>
    </div>

    <div class="row g-3">
        {{-- Sidebar tabs --}}
        <div class="col-md-3 col-lg-2">
            <div class="card shadow-sm border-0">
                <div class="list-group list-group-flush rounded">
                    @php
                        $sidebarTabs = ($platformMode ?? false)
                            ? [
                                ['plan', 'fas fa-id-card', 'Overview', 'ওভারভিউ', 0],
                                ['pending', 'fas fa-clock', 'Pending Approvals', 'অপেক্ষমান', count($pendingRequests ?? [])],
                                ['upgrade', 'fas fa-layer-group', 'Packages', 'প্যাকেজ', 0],
                                ['settings', 'fas fa-sliders-h', 'Form Settings', 'ফর্ম সেটিংস', 0],
                                ['subscribers', 'fas fa-envelope-open-text', 'Email Subscribers', 'ইমেইল', 0],
                                ['payments', 'fas fa-receipt', 'Payment Records', 'পেমেন্ট', 0],
                            ]
                            : [
                                ['plan', 'fas fa-shopping-cart', 'Purchase', 'কিনুন', 0],
                                ['history', 'fas fa-history', 'History', 'ইতিহাস', 0],
                                ['limit', 'fas fa-money-bill-wave', 'Limit', 'লিমিট', 0],
                            ];
                    @endphp
                    @foreach($sidebarTabs as [$key, $icon, $label, $labelBn, $badge])
                    <a href="{{ $subRoute('index', ['tab' => $key]) }}"
                       class="list-group-item list-group-item-action {{ $tab === $key ? 'active bg-success border-success text-white' : '' }}">
                        <i class="{{ $icon }} me-2"></i> {{ $label }}
                        @if($badge > 0)
                        <span class="badge bg-danger ms-1">{{ $badge }}</span>
                        @endif
                        <div class="small {{ $tab === $key ? 'text-white-50' : 'text-muted' }}">{{ $labelBn }}</div>
                    </a>
                    @endforeach
                </div>
            </div>
        </div>

        <div class="col-md-9 col-lg-10">

            {{-- MY PLAN --}}
            @if($tab === 'plan')
            @if(! ($platformMode ?? false) && 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 }} team verify করে plan activate করবে।
                <a href="{{ $subRoute('index', ['tab' => 'history']) }}" class="alert-link">History দেখুন</a>
            </div>
            @endif
            @php
                $status = $storeSub['status'] ?? 'active';
                $statusClass = match($status) {
                    'active' => 'success',
                    'trial' => 'info',
                    'expired', 'suspended' => 'danger',
                    default => 'secondary',
                };
            @endphp
            <div class="row g-3 mb-3">
                <div class="col-lg-8">
                    <div class="card shadow-sm border-0 h-100">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
                                <div>
                                    <span class="badge bg-{{ $statusClass }} mb-2">{{ strtoupper($status) }}</span>
                                    <h5 class="fw-bold mb-1">{{ $currentPlan['name'] ?? $storeSub['plan_name'] ?? 'Startup Plan' }}</h5>
                                    <p class="text-muted small mb-0">
                                        Started: {{ $storeSub['started_at'] ?? '—' }}
                                        · Expires: <strong>{{ $storeSub['expires_at'] ?? '—' }}</strong>
                                    </p>
                                </div>
                                <div class="text-end">
                                    @if($daysLeft !== null)
                                    <div class="fs-2 fw-bold {{ $daysLeft < 7 ? 'text-danger' : 'text-success' }}">{{ max(0, $daysLeft) }}</div>
                                    <div class="small text-muted">days remaining</div>
                                    @endif
                                </div>
                            </div>

                            <div class="row g-2 mb-3">
                                @foreach([
                                    ['Orders', $usage['orders'], $storeSub['order_limit'] ?? 0],
                                    ['Products', $usage['products'], $storeSub['product_limit'] ?? 0],
                                    ['Staff', $usage['staff'], $storeSub['staff_limit'] ?? 0],
                                    ['Landing Pages', $usage['landings'] ?? 0, $storeSub['landing_limit'] ?? 0],
                                ] as [$label, $used, $limit])
                                @php $pct = $limit > 0 ? min(100, round($used / $limit * 100)) : 0; @endphp
                                <div class="col-md-3 col-6">
                                    <div class="border rounded p-2">
                                        <div class="d-flex justify-content-between small mb-1">
                                            <span>{{ $label }}</span>
                                            <span class="fw-semibold">{{ number_format($used) }} / {{ number_format($limit) }}</span>
                                        </div>
                                        <div class="progress" style="height:6px">
                                            <div class="progress-bar bg-{{ $pct >= 90 ? 'danger' : 'success' }}" style="width:{{ $pct }}%"></div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>

                            @if($currentPlan)
                            <ul class="list-unstyled small mb-0">
                                @foreach(($currentPlan['features_bn'] ?? $currentPlan['features'] ?? []) as $feature)
                                <li class="mb-1"><i class="fas fa-check text-success me-2"></i>{{ $feature }}</li>
                                @endforeach
                            </ul>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card shadow-sm border-0 h-100">
                        <div class="card-header bg-white fw-bold">Quick Actions</div>
                        <div class="card-body d-grid gap-2">
                            <a href="{{ $subRoute('index', ['tab' => 'upgrade']) }}" class="btn btn-success">
                                <i class="fas fa-arrow-up me-1"></i> Upgrade Plan
                            </a>
                            <a href="{{ $subRoute('index', ['tab' => 'payments']) }}" class="btn btn-outline-secondary">
                                <i class="fas fa-receipt me-1"></i> Payment History
                            </a>
                            <a href="{{ $providerWhatsapp }}" target="_blank" rel="noopener" class="btn btn-outline-success">
                                <i class="fab fa-whatsapp me-1"></i> Renew via WhatsApp
                            </a>
                            <a href="tel:{{ preg_replace('/\s+/', '', $providerPhone) }}" class="btn btn-outline-primary btn-sm">
                                <i class="fas fa-phone me-1"></i> Call {{ $providerPhone }}
                            </a>
                            <a href="{{ $providerUrl }}" target="_blank" rel="noopener" class="btn btn-outline-success btn-sm">
                                <i class="fas fa-external-link-alt me-1"></i> Visit {{ $providerName }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mb-4">
                @include('backEnd.subscriptions.partials.order-limit-widget')
                @if($platformMode ?? false)
                <h5 class="fw-bold mb-3"><i class="fas fa-layer-group me-2 text-primary"></i>Available Packages</h5>
                @else
                <h5 class="fw-bold mb-3"><i class="fas fa-layer-group me-2 text-primary"></i>Available Packages</h5>
                @endif
                <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>

            @if(! ($platformMode ?? false))
            @include('backEnd.subscriptions.partials.checkout-panel')
            @endif

            @if($platformMode ?? false)
            <div class="card shadow-sm border-0">
                <div class="card-header bg-white fw-bold">Edit Current Plan (Manual)</div>
                <div class="card-body">
                    <form method="POST" action="{{ $subRoute('plan.save') }}" class="row g-3">
                        @csrf
                        <div class="col-md-4">
                            <label class="form-label">Plan</label>
                            <select name="plan_key" class="form-select">
                                @foreach($basicPlans ?? $plans as $key => $plan)
                                <option value="{{ $key }}" {{ ($storeSub['plan_key'] ?? '') === $key ? 'selected' : '' }}>
                                    {{ $plan['name'] }}
                                    @if(($plan['price'] ?? 0) > 0)
                                        — ৳{{ number_format($plan['price']) }}/{{ $plan['period'] ?? 'month' }}
                                    @else
                                        — Free Trial
                                    @endif
                                </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Status</label>
                            <select name="status" class="form-select">
                                @foreach(['active','trial','expired','suspended'] as $st)
                                <option value="{{ $st }}" {{ ($storeSub['status'] ?? '') === $st ? 'selected' : '' }}>{{ ucfirst($st) }}</option>
                                @endforeach
                            </select>
        </div>
        <div class="col-md-3">
                            <label class="form-label">Expires At</label>
                            <input type="date" name="expires_at" class="form-control" value="{{ $storeSub['expires_at'] ?? '' }}">
                        </div>
                        <div class="col-md-2 d-flex align-items-end">
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="auto_renew" value="1" id="auto_renew"
                                    {{ !empty($storeSub['auto_renew']) ? 'checked' : '' }}>
                                <label class="form-check-label" for="auto_renew">Auto renew</label>
                            </div>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Billing Note</label>
                            <input type="text" name="billing_note" class="form-control" value="{{ $storeSub['billing_note'] ?? '' }}" placeholder="Internal note">
                        </div>
                        <div class="col-12">
                            <button type="submit" class="btn btn-success btn-sm"><i class="fas fa-save me-1"></i> Save Plan</button>
                        </div>
                    </form>
                </div>
            </div>
            @endif

            {{-- UPGRADE PLAN --}}
            @elseif($tab === 'upgrade')
            @include('backEnd.subscriptions.partials.order-limit-widget')

            <div class="alert alert-info small mb-3">
                <i class="fas fa-info-circle me-1"></i>
                প্ল্যান আপগ্রেড ও রিনিউ <strong>{{ $providerName }}</strong> এর মাধ্যমে।
                পেমেন্ট করার পর WhatsApp এ screenshot পাঠান — team activate করবে।
            </div>

            <div class="card shadow-sm border-0 mb-3 border-start border-4 border-success">
                <div class="card-header bg-white fw-bold"><i class="fas fa-money-check-alt me-2 text-success"></i>Pay & Renew — {{ $providerName }}</div>
                <div class="card-body">
                    <p class="small text-muted mb-3">{{ $paymentNote }}</p>
                    <div class="row g-3">
                        @php
                            $hasManual = collect($manualAccounts)->contains(fn ($a) => !empty($a['enabled']) && !empty($a['number']));
                        @endphp
                        @if($hasManual)
                            @foreach($manualAccounts as $key => $account)
                            @if(!empty($account['enabled']) && !empty($account['number']))
                            <div class="col-md-6 col-lg-3">
                                <div class="border rounded p-3 h-100" style="border-top:3px solid {{ $account['color'] ?? '#16a34a' }} !important">
                                    <div class="fw-bold" style="color:{{ $account['color'] ?? '#16a34a' }}">{{ $account['label_bn'] ?? $account['label'] ?? ucfirst($key) }}</div>
                                    <div class="fs-5 fw-bold my-2">{{ $account['number'] }}</div>
                                    @if(!empty($account['account_name']))
                                    <div class="small text-muted">{{ $account['account_name'] }}</div>
                                    @endif
                                </div>
                            </div>
                            @endif
                            @endforeach
                        @else
                        <div class="col-md-6 col-lg-4">
                            <div class="border rounded p-3 h-100" style="border-top:3px solid #e2136e !important">
                                <div class="fw-bold text-danger">bKash / Nagad</div>
                                <div class="fs-5 fw-bold my-2">{{ $provider['phone_local'] ?? '01331311711' }}</div>
                                <div class="small text-muted">{{ $providerName }}</div>
                            </div>
                        </div>
                        @endif
                        <div class="col-md-6 col-lg-4">
                            <div class="border rounded p-3 h-100 bg-light">
                                <div class="fw-bold"><i class="fab fa-whatsapp text-success me-1"></i> WhatsApp Support</div>
                                <div class="fs-5 fw-bold my-2">{{ $providerPhone }}</div>
                                <a href="{{ $providerWhatsapp }}" target="_blank" rel="noopener" class="btn btn-success btn-sm">
                                    <i class="fab fa-whatsapp me-1"></i> Send Payment Screenshot
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mt-3 small">
                        <strong>Email:</strong>
                        <a href="mailto:{{ $providerEmail }}">{{ $providerEmail }}</a>,
                        <a href="mailto:{{ $providerEmailAlt }}">{{ $providerEmailAlt }}</a>
                    </div>
                </div>
            </div>

            <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>

            {{-- HISTORY (store admin + platform) --}}
            @elseif($tab === 'history')
            @include('backEnd.subscriptions.partials.history-table', ['historyRows' => $subscriptionHistory ?? []])

            {{-- PENDING APPROVALS (developer only) --}}
            @elseif($tab === 'pending' && ($platformMode ?? false))
            <div class="alert alert-warning mb-3">
                <h6 class="fw-bold mb-1"><i class="fas fa-user-shield me-1"></i> Manual Package Approval</h6>
                <p class="small mb-0">
                    Store admin payment slip upload করলে এখানে <strong>Pending</strong> আসবে।
                    Slip যাচাই করে <strong>Approve & Activate</strong> দিলে package active হবে — automatic activate হয় না।
                </p>
            </div>
            @include('backEnd.subscriptions.partials.pending-approvals', ['historyRows' => $pendingRequests ?? []])

            {{-- FORM SETTINGS --}}
            @elseif($tab === 'settings')
            <div class="card shadow-sm border-0">
                <div class="card-header bg-white fw-bold"><i class="fas fa-sliders-h me-2"></i>Newsletter / Subscribe Form Settings</div>
                <div class="card-body">
                    <form method="POST" action="{{ $subRoute('settings.save') }}">
                        @csrf
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="form-check form-switch mb-2">
                                    <input class="form-check-input" type="checkbox" name="newsletter_enabled" value="1" id="newsletter_enabled"
                                        {{ !empty($subSettings['newsletter_enabled']) ? 'checked' : '' }}>
                                    <label class="form-check-label fw-semibold" for="newsletter_enabled">Enable newsletter subscription</label>
                                </div>
                                <div class="form-check form-switch mb-2">
                                    <input class="form-check-input" type="checkbox" name="footer_enabled" value="1" id="footer_enabled"
                                        {{ !empty($subSettings['footer_enabled']) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="footer_enabled">Show subscribe box in footer</label>
                                </div>
                                <div class="form-check form-switch mb-2">
                                    <input class="form-check-input" type="checkbox" name="show_on_homepage" value="1" id="show_on_homepage"
                                        {{ !empty($subSettings['show_on_homepage']) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="show_on_homepage">Show on homepage</label>
                                </div>
                                <div class="form-check form-switch mb-2">
                                    <input class="form-check-input" type="checkbox" name="show_on_blog" value="1" id="show_on_blog"
                                        {{ !empty($subSettings['show_on_blog']) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="show_on_blog">Show on blog sidebar</label>
                                </div>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" name="require_name" value="1" id="require_name"
                                        {{ !empty($subSettings['require_name']) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="require_name">Name required on subscribe form</label>
                                </div>
                            </div>
                            <div class="col-md-6 border-start">
                                <div class="form-check form-switch mb-3">
                                    <input class="form-check-input" type="checkbox" name="popup_enabled" value="1" id="popup_enabled"
                                        {{ !empty($subSettings['popup_enabled']) ? 'checked' : '' }}>
                                    <label class="form-check-label fw-semibold" for="popup_enabled">Enable popup subscribe</label>
                                </div>
                                <div class="mb-2">
                                    <label class="form-label">Popup title</label>
                                    <input type="text" name="popup_title" class="form-control" value="{{ $subSettings['popup_title'] ?? '' }}">
                                </div>
                                <div class="mb-2">
                                    <label class="form-label">Popup message</label>
                                    <textarea name="popup_message" class="form-control" rows="2">{{ $subSettings['popup_message'] ?? '' }}</textarea>
                                </div>
                                <div class="row g-2">
                                    <div class="col-6">
                                        <label class="form-label">Button text</label>
                                        <input type="text" name="popup_button" class="form-control" value="{{ $subSettings['popup_button'] ?? '' }}">
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label">Delay (seconds)</label>
                                        <input type="number" name="popup_delay" class="form-control" min="0" max="120" value="{{ $subSettings['popup_delay'] ?? 8 }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Success message</label>
                                <input type="text" name="success_message" class="form-control" value="{{ $subSettings['success_message'] ?? '' }}">
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-success"><i class="fas fa-save me-1"></i> Save Settings</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            {{-- EMAIL SUBSCRIBERS --}}
            @elseif($tab === 'subscribers')
            <div class="row g-3 mb-3">
                <div class="col-md-3 col-6"><div class="card border-0 shadow-sm text-center p-3"><div class="fs-2 text-success fw-bold">{{ $stats['total'] }}</div><div class="text-muted small">Total</div></div></div>
                <div class="col-md-3 col-6"><div class="card border-0 shadow-sm text-center p-3"><div class="fs-2 text-primary fw-bold">{{ $stats['today'] }}</div><div class="text-muted small">Today</div></div></div>
                <div class="col-md-3 col-6"><div class="card border-0 shadow-sm text-center p-3"><div class="fs-2 text-warning fw-bold">{{ $stats['month'] }}</div><div class="text-muted small">This Month</div></div></div>
                <div class="col-md-3 col-6"><div class="card border-0 shadow-sm text-center p-3"><div class="fs-2 text-info fw-bold">{{ $stats['active'] }}</div><div class="text-muted small">Active</div></div></div>
            </div>

            <div class="card shadow-sm border-0 mb-3">
                <div class="card-body py-2">
                    <form method="GET" class="d-flex flex-wrap gap-2 align-items-center">
                        <input type="hidden" name="tab" value="subscribers">
                        <div class="live-search-wrap" style="max-width:280px;width:100%">
                            <input type="text" name="search" class="form-control form-control-sm live-search-input"
                                   value="{{ $search ?? '' }}" placeholder="Search email, name, phone..." autocomplete="off">
                        </div>
                        <select name="status_filter" class="form-select form-select-sm" style="width:130px">
                            <option value="">All status</option>
                            <option value="active" {{ request('status_filter') === 'active' ? 'selected' : '' }}>Active</option>
                            <option value="inactive" {{ request('status_filter') === 'inactive' ? 'selected' : '' }}>Inactive</option>
                        </select>
                        <select name="source_filter" class="form-select form-select-sm" style="width:130px">
                            <option value="">All sources</option>
                            @foreach(['website','blog','footer','popup','admin'] as $src)
                            <option value="{{ $src }}" {{ request('source_filter') === $src ? 'selected' : '' }}>{{ ucfirst($src) }}</option>
                            @endforeach
                        </select>
                        <button type="submit" class="btn btn-sm btn-outline-secondary">Search</button>
                    </form>
        </div>
    </div>

    <div class="card shadow-sm border-0">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Email</th>
                                <th>Name</th>
                                <th>Phone</th>
                                <th>Source</th>
                                <th>Status</th>
                                <th>Subscribed</th>
                                <th class="text-center">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($subscribers as $sub)
                            <tr>
                                <td>{{ $sub->email }}</td>
                                <td>{{ $sub->name ?? '—' }}</td>
                                <td>{{ $sub->phone ?? '—' }}</td>
                                <td><span class="badge bg-light text-dark border">{{ $sub->source ?? 'website' }}</span></td>
                                <td>
                                    <form method="POST" action="{{ $subRoute('toggle', $sub) }}">@csrf @method('PATCH')
                                        <div class="form-check form-switch mb-0">
                                            <input class="form-check-input" type="checkbox" onchange="this.form.submit()" {{ $sub->status ? 'checked' : '' }}>
                                        </div>
                                    </form>
                                </td>
                                <td><small class="text-muted">{{ $sub->created_at->format('d M Y H:i') }}</small></td>
                                <td class="text-center">
                                    <form action="{{ $subRoute('destroy', $sub) }}" method="POST" class="d-inline" id="del-sub-{{ $sub->id }}">@csrf @method('DELETE')
                                        <button type="button" class="btn btn-sm btn-outline-danger delete-confirm" data-form="#del-sub-{{ $sub->id }}"><i class="fas fa-trash"></i></button>
                                    </form>
                                </td>
                            </tr>
                            @empty
                            <tr><td colspan="7" class="text-center py-4 text-muted">No subscribers yet. Use footer/blog form or Add Subscriber.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                @if($subscribers->hasPages())<div class="p-3">{{ $subscribers->links() }}</div>@endif
            </div>

            {{-- PAYMENT HISTORY --}}
            @elseif($tab === 'payments')
            <div class="row g-3 mb-3">
                @if($platformMode)
                <div class="col-lg-5">
                    <div class="card shadow-sm border-0">
                        <div class="card-header bg-white fw-bold">Add Payment Record</div>
                        <div class="card-body">
                            <form method="POST" action="{{ $subRoute('payments.store') }}" class="row g-2">
                                @csrf
                                <div class="col-6">
                                    <label class="form-label">Amount (৳)</label>
                                    <input type="number" name="amount" class="form-control" min="0" step="0.01" required>
                                </div>
                                <div class="col-6">
                                    <label class="form-label">Method</label>
                                    <select name="method" class="form-select">
                                        <option>bKash</option>
                                        <option>Nagad</option>
                                        <option>Bank Transfer</option>
                                        <option>Cash</option>
                                        <option>Manual</option>
                                    </select>
                                </div>
                                <div class="col-6">
                                    <label class="form-label">Paid date</label>
                                    <input type="date" name="paid_at" class="form-control" value="{{ date('Y-m-d') }}">
                                </div>
                                <div class="col-6">
                                    <label class="form-label">Note</label>
                                    <input type="text" name="note" class="form-control" placeholder="Optional">
                                </div>
                                <div class="col-12">
                                    <button type="submit" class="btn btn-success btn-sm"><i class="fas fa-plus me-1"></i> Add Record</button>
                                </div>
                            </form>
                            <p class="text-muted small mt-3 mb-0">
                                Manual payment record — online renew:
                                <a href="{{ $providerWhatsapp }}" target="_blank" rel="noopener">{{ $providerName }} WhatsApp</a>
                                অথবা <a href="tel:{{ preg_replace('/\s+/', '', $providerPhone) }}">{{ $providerPhone }}</a>
                            </p>
                        </div>
                    </div>
                </div>
                @endif
                <div class="{{ $platformMode ? 'col-lg-7' : 'col-12' }}">
                    <div class="card shadow-sm border-0">
                        <div class="card-header bg-white fw-bold">Payment History</div>
                        <div class="table-responsive">
                            <table class="table table-hover mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>Invoice</th>
                                        <th>Date</th>
                                        <th>Amount</th>
                                        <th>Method</th>
                                        <th>Status</th>
                                        <th>Note</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse(array_reverse($payments) as $pay)
                                    <tr>
                                        <td><code>{{ $pay['invoice'] ?? '—' }}</code></td>
                                        <td>{{ $pay['paid_at'] ?? '—' }}</td>
                                        <td class="fw-semibold">৳{{ number_format($pay['amount'] ?? 0, 2) }}</td>
                                        <td>{{ $pay['method'] ?? '—' }}</td>
                                        <td><span class="badge bg-success">{{ $pay['status'] ?? 'paid' }}</span></td>
                                        <td class="small text-muted">{{ $pay['note'] ?? '—' }}</td>
                                    </tr>
                                    @empty
                                    <tr><td colspan="6" class="text-center py-4 text-muted">No payment records yet.</td></tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
        </div>
                </div>
            </div>
            @endif

        </div>
    </div>
</div>
@endif

@if($platformMode ?? false)
@if($tab === 'subscribers')
<div class="modal fade" id="addSubscriberModal" tabindex="-1">
    <div class="modal-dialog">
        <form method="POST" action="{{ $subRoute('store') }}" class="modal-content">
            @csrf
            <div class="modal-header"><h5 class="modal-title">Add Subscriber</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <div class="modal-body">
                <div class="mb-3"><label class="form-label fw-semibold">Email</label><input type="email" name="email" class="form-control" required></div>
                <div class="mb-3"><label class="form-label fw-semibold">Name</label><input type="text" name="name" class="form-control"></div>
                <div class="mb-0"><label class="form-label fw-semibold">Phone</label><input type="text" name="phone" class="form-control"></div>
            </div>
            <div class="modal-footer"><button type="submit" class="btn btn-success btn-sm">Add</button></div>
        </form>
    </div>
</div>
@endif
@endif
@endsection

@push('styles')
<link rel="stylesheet" href="{{ asset('backEnd/css/subscription-packages.css') }}">
@endpush

@if(! ($platformMode ?? false) && ($tab ?? 'plan') === 'plan')
@push('scripts')
<script>
window.subscriptionCheckoutConfig = {
    basic: @json($packagesJson['basic'] ?? []),
    pro: @json($packagesJson['pro'] ?? []),
    canPurchase: @json(($usageStats['overage_due'] ?? 0) <= 0),
};
</script>
<script src="{{ asset('backEnd/js/subscription-checkout.js') }}"></script>
@endpush
@endif