@php
    $subscription = $type === 'shared' ? $item : $item->sharedSubscription;
    $service = $subscription?->service;
    $serviceName = $service?->name ?? 'Subscription';
    $planName = $subscription?->servicePlan?->name ?? 'Plan';
    $cardTitle = trim($serviceName . ' ' . $planName);
    $ownerName = $subscription?->owner?->name ?? 'Unknown owner';
    $logo = $service?->logo ? asset($service->logo) : null;
    $initial = strtoupper(substr(trim((string) $serviceName), 0, 1)) ?: 'S';
    $avatarInitial = strtoupper(substr(trim((string) ($type === 'shared' ? $ownerName : ($item->user?->name ?? $ownerName))), 0, 1)) ?: 'S';
    $statusValue = (string) ($type === 'shared' ? $item->status : $item->status);
    $isExpired = in_array($statusValue, ['expired', 'cancelled'], true)
        || ($type === 'shared' && $item->ends_at && $item->ends_at->isPast())
        || ($type === 'subscribed' && $item->expires_at && $item->expires_at->isPast())
        || ($type === 'subscribed' && $subscription && in_array((string) $subscription->status, ['expired', 'cancelled'], true))
        || ($type === 'subscribed' && $subscription && $subscription->ends_at && $subscription->ends_at->isPast());
    $currency = strtoupper((string) ($subscription?->servicePlan?->currency ?? 'USD'));
    $currencySymbol = [
        'USD' => '$',
        'EUR' => '€',
        'GBP' => '£',
    ][$currency] ?? '$';
    $priceValue = (float) ($type === 'shared' ? $item->price_per_slot : $item->subscription_amount);
    $noteLabel = $isExpired
        ? 'Subscription sharing canceled'
        : ($type === 'shared'
            ? ($item->is_public ? 'Subscription is public' : 'Subscription is hidden')
            : ($item->payment_verified ? 'Payment verified' : 'Payment pending'));
    $slotTotal = $type === 'shared'
        ? max((int) $item->total_slots, 1)
        : max((int) ($subscription?->total_slots ?? $item->slots_taken), max((int) $item->slots_taken, 1));
    $slotFilled = $type === 'shared'
        ? min(max((int) ($item->active_members_count ?? 0), 0), $slotTotal)
        : min(max((int) $item->slots_taken, 0), $slotTotal);
    $progressSegments = 6;
    $filledSegments = (int) round(($slotFilled / max($slotTotal, 1)) * $progressSegments);
    $filledSegments = max(0, min($filledSegments, $progressSegments));
    $metricLabel = $type === 'shared' ? 'Co-subscribers' : 'Your seats';
    $openUrl = $subscription ? route('subscriptions.manage', $subscription) : route('subscriptions.index');
@endphp

<article class="my-subscriptions-entry-card h-100">
    <div class="my-subscriptions-entry-head">
        <div class="my-subscriptions-entry-logo">
            @if($logo)
                <img
                    src="{{ $logo }}"
                    alt="{{ $serviceName }}"
                    onerror="this.style.display='none'; this.parentNode.querySelector('.my-subscriptions-entry-logo-fallback').style.display='inline-flex';"
                >
            @endif
            <span class="my-subscriptions-entry-logo-fallback" @if($logo) style="display:none;" @endif>{{ $initial }}</span>
        </div>

        <div class="my-subscriptions-entry-copy">
            <h3 class="my-subscriptions-entry-title">{{ $cardTitle }}</h3>
        </div>

        @if($isExpired)
            <span class="my-subscriptions-entry-flag is-expired">
                Expired
            </span>
        @endif
    </div>

    <div class="my-subscriptions-entry-price">
        <strong>{{ $currencySymbol }}{{ number_format($priceValue, 2) }}</strong>
        <span>/ month</span>
    </div>

    <div class="my-subscriptions-entry-note-box {{ $isExpired ? 'is-cancelled' : '' }}">{{ $noteLabel }}</div>

    <div class="my-subscriptions-entry-metric">
        <strong>{{ $slotFilled }}<span>/{{ $slotTotal }}</span></strong>
        <span class="my-subscriptions-entry-metric-label">{{ $metricLabel }}</span>
    </div>

    <div class="my-subscriptions-entry-progress" aria-hidden="true">
        @for($index = 0; $index < $progressSegments; $index++)
            <span class="my-subscriptions-entry-progress-bar {{ $index < $filledSegments ? 'is-filled' : '' }}"></span>
        @endfor
    </div>

    <div class="my-subscriptions-entry-avatar-row">
        <span class="my-subscriptions-entry-avatar">{{ $avatarInitial }}</span>
    </div>

    <div class="my-subscriptions-entry-actions">
        <a href="{{ $openUrl }}" class="btn btn-sm btn-primary">
            Manage subscription
            <i class="icon-base ti tabler-chevron-right ms-1"></i>
        </a>

        @if($type === 'shared')
            @if($isSuperAdmin && auth()->user()->can('update subscription'))
                <div class="my-subscriptions-entry-admin-links">
                    <a href="{{ route('admin.shared-subscriptions.edit', $item) }}">Manage</a>
                    @if(! $isExpired && auth()->user()->can('delete subscription'))
                        <form method="POST" action="{{ route('admin.shared-subscriptions.destroy', $item) }}">
                            @csrf
                            @method('DELETE')
                            <button type="submit" onclick="return confirm('Delete this shared subscription?')">Delete</button>
                        </form>
                    @endif
                </div>
            @endif
        @else
            @if(! $isExpired && (auth()->user()->can('update subscription member status') || auth()->user()->can('delete subscription')))
                <div class="my-subscriptions-entry-admin-links">
                    @can('update subscription member status')
                        <a href="{{ route('dashboard.subscription-members.edit', $item) }}">Edit</a>
                    @endcan

                    @can('delete subscription')
                        <form method="POST" action="{{ route('dashboard.subscription-members.destroy', $item) }}">
                            @csrf
                            @method('DELETE')
                            <button type="submit" onclick="return confirm('Delete this joined subscription?')">Delete</button>
                        </form>
                    @endcan
                </div>
            @endif
        @endif
    </div>
</article>