@extends('api_panel.layouts.app')

@section('title', \App\Services\ApiPlatform\ProductCatalog::text('apipanel-access-title', 'Erişimlerim', 'My access'))

@section('content')
    @php
        use App\Services\ApiPlatform\ProductCatalog;

        /** Durum rozeti: [etiket tr, etiket en, css sınıfı] */
        $stateLabels = [
            'free' => ['Ücretsiz', 'Free', 'is-active'],
            'plan' => ['Plan kapsamında', 'Included in plan', 'is-active'],
            'pack' => ['Paket bakiyeniz var', 'Pack balance available', 'is-active'],
            'credits' => ['Kredi ile kullanılabilir', 'Usable with credits', 'is-monthly'],
            'none' => ['Erişim yok', 'No access', 'is-danger'],
        ];
    @endphp

    <h1 class="apipanel-h1 mb-1">{{ ProductCatalog::text('apipanel-access-title', 'Erişimlerim', 'My access') }}</h1>
    <p class="apipanel-muted mb-4">
        {{ ProductCatalog::text('apipanel-access-subtitle', 'Şu anda hangi endpointleri çağırabildiğinizin tam dökümü.', 'A full breakdown of the endpoints you can call right now.') }}
    </p>

    {{-- ─── Özet ─── --}}
    <div class="row g-3 mb-4">
        <div class="col-12 col-md-4">
            <div class="apipanel-stat">
                <span class="apipanel-stat-label">{{ t('apipanel-stat-plan') }}</span>
                <span class="apipanel-stat-value">{{ $plan ? t((string) $plan->name_key) : t('apipanel-stat-no-plan') }}</span>
                @if($planSubscription && $planSubscription->ends_at)
                    <span class="apipanel-stat-sub">{{ t('apipanel-stat-plan-until') }}: {{ $planSubscription->ends_at->format('d.m.Y') }}</span>
                @endif
            </div>
        </div>
        <div class="col-12 col-md-4">
            <div class="apipanel-stat">
                <span class="apipanel-stat-label">{{ t('apipanel-stat-quota') }}</span>
                <span class="apipanel-stat-value">
                    @if(!$plan)
                        —
                    @elseif($snapshot['quota_remaining'] === null)
                        {{ t('apipanel-stat-unlimited') }}
                    @else
                        {{ number_format((int) $snapshot['quota_remaining']) }}
                    @endif
                </span>
                @if($plan && !$plan->isUnlimited())
                    <span class="apipanel-stat-sub">
                        / {{ number_format((int) $plan->monthly_request_quota) }} {{ t('apipanel-usage-requests') }} / {{ t('apipanel-month') }}
                    </span>
                @endif
            </div>
        </div>
        <div class="col-12 col-md-4">
            <div class="apipanel-stat">
                <span class="apipanel-stat-label">{{ t('apipanel-stat-credits') }}</span>
                <span class="apipanel-stat-value">{{ number_format($credits) }}</span>
                <span class="apipanel-stat-sub">
                    {{ ProductCatalog::text('apipanel-access-credits-note', 'Kredi her endpointte geçerlidir.', 'Credits work on every endpoint.') }}
                </span>
            </div>
        </div>
    </div>

    @unless($hasAnyAccess)
        <div class="apipanel-card mb-4 text-center">
            <h2 class="apipanel-h2 mb-2">
                {{ ProductCatalog::text('apipanel-access-empty-title', 'Henüz bir erişiminiz yok', 'You have no access yet') }}
            </h2>
            <p class="apipanel-muted">
                {{ ProductCatalog::text('apipanel-access-empty-text', 'Bir plan, kredi paketi veya tek endpoint için istek paketi alarak başlayın. Geo Location endpointleri her zaman ücretsizdir.', 'Start with a plan, a credit pack or a request pack for a single endpoint. Geo Location endpoints are always free.') }}
            </p>
            <a class="apipanel-btn apipanel-btn-primary" href="{{ route('apipanel.store') }}">
                {{ t('apipanel-nav-store') }}
            </a>
        </div>
    @endunless

    {{-- ─── Ürün bazlı erişim ─── --}}
    <h2 class="apipanel-h2">{{ ProductCatalog::text('apipanel-access-products-title', 'Ürün bazlı erişim', 'Access by product') }}</h2>

    <div class="row g-3 mb-4">
        @foreach($products as $product)
            @php
                [$stateTr, $stateEn, $stateClass] = $stateLabels[$product['state']];
            @endphp
            <div class="{{ $product['is_mcp'] ? 'col-12' : 'col-12 col-lg-6' }}">
                <article class="apipanel-product {{ $product['is_mcp'] ? 'is-mcp' : '' }}">
                    <span class="apipanel-product-icon" aria-hidden="true">
                        <i class="{{ $product['icon'] }}"></i>
                    </span>

                    <div class="apipanel-product-body">
                        <h3 class="apipanel-product-name">{{ $product['name'] }}</h3>
                        <p class="apipanel-product-tagline">{{ $product['tagline'] }}</p>

                        <div class="apipanel-product-meta">
                            <span class="apipanel-badge {{ $stateClass }}">
                                {{ ProductCatalog::text('apipanel-access-state-' . $product['state'], $stateTr, $stateEn) }}
                            </span>
                            @if($product['balance_count'] > 0)
                                <span class="apipanel-chip">
                                    {{ $product['balance_count'] }} {{ ProductCatalog::text('apipanel-access-balance-unit', 'paket bakiyesi', 'pack balances') }}
                                </span>
                            @endif
                            @if($product['subscription_count'] > 0)
                                <span class="apipanel-chip">
                                    {{ $product['subscription_count'] }} {{ ProductCatalog::text('apipanel-access-subscription-unit', 'aylık abonelik', 'monthly subscriptions') }}
                                </span>
                            @endif
                        </div>

                        <div class="apipanel-product-foot">
                            @if($product['is_mcp'])
                                @if(in_array($product['state'], ['plan', 'pack'], true))
                                    <a class="apipanel-btn apipanel-btn-ghost btn-sm" href="{{ route('api-services.mcp') }}" target="_blank" rel="noopener">
                                        {{ ProductCatalog::text('apipanel-product-mcp-cta', 'Nasıl bağlanır', 'How to connect') }}
                                        <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i>
                                    </a>
                                @else
                                    <a class="apipanel-btn apipanel-btn-ghost btn-sm"
                                       href="{{ route('apipanel.store', ['tab' => 'plans']) }}">
                                        {{ ProductCatalog::text('apipanel-product-mcp-upgrade', 'MCP\'li plana yükselt', 'Upgrade to an MCP-enabled plan') }}
                                    </a>
                                @endif
                            @elseif($product['state'] === 'none')
                                <a class="apipanel-btn apipanel-btn-ghost btn-sm"
                                   href="{{ route('apipanel.store', ['tab' => 'endpoints']) }}#urun-{{ $product['key'] }}">
                                    {{ t('apipanel-store-buy') }}
                                </a>
                            @else
                                <span class="apipanel-muted">
                                    {{ $product['sku_count'] }} {{ ProductCatalog::text('apipanel-products-endpoint-unit', 'endpoint', 'endpoints') }}
                                </span>
                            @endif
                        </div>
                    </div>
                </article>
            </div>
        @endforeach
    </div>

    <div class="row g-3">
        {{-- ─── Tek seferlik SKU bakiyeleri ─── --}}
        <div class="col-12 col-lg-6">
            <div class="apipanel-card h-100">
                <h2 class="apipanel-h2">{{ t('apipanel-offer-onetime') }} — {{ ProductCatalog::text('apipanel-access-balances-title', 'İstek paketi bakiyeleri', 'Request pack balances') }}</h2>

                @if(empty($skuBalances))
                    <p class="apipanel-muted mb-0">
                        {{ ProductCatalog::text('apipanel-access-balances-empty', 'Tek seferlik istek paketi bakiyeniz yok.', 'You have no one-time request pack balance.') }}
                    </p>
                @else
                    <div class="table-responsive">
                        <table class="apipanel-table">
                            <thead>
                            <tr>
                                <th>{{ t('apipanel-usage-sku') }}</th>
                                <th class="text-end">{{ ProductCatalog::text('apipanel-access-remaining', 'Kalan istek', 'Remaining requests') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($skuBalances as $balance)
                                <tr>
                                    <td>
                                        <span class="d-block">{{ $balance['name'] }}</span>
                                        <code class="apipanel-muted">{{ $balance['sku'] }}</code>
                                    </td>
                                    <td class="text-end">{{ number_format($balance['remaining']) }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>

        {{-- ─── Aylık endpoint abonelikleri ─── --}}
        <div class="col-12 col-lg-6">
            <div class="apipanel-card h-100">
                <h2 class="apipanel-h2">{{ t('apipanel-offer-monthly') }} — {{ ProductCatalog::text('apipanel-access-subscriptions-title', 'Endpoint abonelikleri', 'Endpoint subscriptions') }}</h2>

                @if(empty($endpointSubscriptions))
                    <p class="apipanel-muted mb-0">
                        {{ ProductCatalog::text('apipanel-access-subscriptions-empty', 'Aylık endpoint aboneliğiniz yok.', 'You have no monthly endpoint subscription.') }}
                    </p>
                @else
                    <div class="table-responsive">
                        <table class="apipanel-table">
                            <thead>
                            <tr>
                                <th>{{ t('apipanel-usage-sku') }}</th>
                                <th class="text-end">{{ ProductCatalog::text('apipanel-access-period-quota', 'Dönem kotası', 'Period quota') }}</th>
                                <th class="text-end">{{ ProductCatalog::text('apipanel-access-remaining', 'Kalan istek', 'Remaining requests') }}</th>
                                <th class="text-end">{{ t('apipanel-stat-plan-until') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($endpointSubscriptions as $subscription)
                                <tr>
                                    <td>
                                        <span class="d-block">{{ $subscription['name'] }}</span>
                                        <code class="apipanel-muted">{{ $subscription['sku'] }}</code>
                                    </td>
                                    <td class="text-end">{{ number_format($subscription['quota']) }}</td>
                                    <td class="text-end">{{ number_format($subscription['remaining']) }}</td>
                                    <td class="text-end">{{ $subscription['ends_at'] ? $subscription['ends_at']->format('d.m.Y') : '—' }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection