@extends('admin.layout')
@section('title', 'Detalle de Cliente API')
@section('page-title', 'API Müşteri Detayı')

@section('content')
    {{-- ═══ Profil ═══ --}}
    <div class="content-card mb-4">
        <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
            <div>
                <h3 class="mb-1">
                    {{ $customer->name }}
                    @if ($customer->google_id)
                        <span class="badge bg-danger-subtle text-danger border border-danger-subtle"
                            title="Google ile kaydoldu">
                            <i class="bi bi-google"></i> Google
                        </span>
                    @endif
                    @if ($customer->email_verified_at)
                        <span class="badge bg-success-subtle text-success border border-success-subtle">E-posta
                            doğrulandı</span>
                    @else
                        <span class="badge bg-warning text-dark">E-posta doğrulanmadı</span>
                    @endif
                </h3>
                <div class="text-muted">{{ $customer->email }} &middot; #{{ $customer->id }}</div>
            </div>
            <div>
                <a href="{{ route('admin.api.customers.index') }}" class="btn btn-secondary">
                    <i class="bi bi-arrow-left"></i> Listeye dön
                </a>
            </div>
        </div>

        <div class="row g-3">
            <div class="col-md-3">
                <div class="border rounded p-3">
                    <div class="text-muted small">Kredi Bakiyesi</div>
                    <h4 class="mb-0">{{ number_format((int) $customer->api_credit_balance, 0, ',', '.') }}</h4>
                </div>
            </div>
            <div class="col-md-3">
                <div class="border rounded p-3">
                    <div class="text-muted small">Son {{ $windowDays }} gün istek</div>
                    <h4 class="mb-0">{{ number_format($windowRequests, 0, ',', '.') }}</h4>
                    <small class="text-muted">{{ number_format($windowCredits, 0, ',', '.') }} kredi düşüldü</small>
                </div>
            </div>
            <div class="col-md-3">
                <div class="border rounded p-3">
                    <div class="text-muted small">Toplam istek (tüm zaman)</div>
                    <h4 class="mb-0">{{ number_format($lifetimeRequests, 0, ',', '.') }}</h4>
                    <small class="text-muted">
                        Son:
                        {{ $lastRequestAt ? \Illuminate\Support\Carbon::parse($lastRequestAt)->format('d.m.Y H:i') : '—' }}
                    </small>
                </div>
            </div>
            <div class="col-md-3">
                <div class="border rounded p-3">
                    <div class="text-muted small">Toplam Harcama</div>
                    <h4 class="mb-0">{{ number_format($orderStats['paid_total'], 2, ',', '.') }} ₺</h4>
                    <small class="text-muted">{{ $orderStats['paid_count'] }} ödenmiş /
                        {{ $orderStats['total_count'] }} sipariş</small>
                </div>
            </div>
        </div>

        <div class="row g-3 mt-1">
            <div class="col-md-3">
                <div class="text-muted small">Telefon</div>
                <div>{{ $customer->phone ?: '—' }}</div>
            </div>
            <div class="col-md-3">
                <div class="text-muted small">Fatura Adı</div>
                <div>{{ $customer->billing_name ?: '—' }}</div>
            </div>
            <div class="col-md-3">
                <div class="text-muted small">Vergi No</div>
                <div>{{ $customer->billing_tax_no ?: '—' }}</div>
            </div>
            <div class="col-md-3">
                <div class="text-muted small">Kayıt Tarihi</div>
                <div>{{ $customer->created_at?->format('d.m.Y H:i') ?? '—' }}</div>
            </div>
            <div class="col-12">
                <div class="text-muted small">Fatura Adresi</div>
                <div>{{ $customer->billing_address ?: '—' }}</div>
            </div>
        </div>
    </div>

    {{-- ═══ (a) API Key'leri ═══ --}}
    <div class="content-card mb-4">
        <h5 class="mb-3"><i class="bi bi-key-fill me-1"></i> API Key'leri ({{ $keys->count() }})</h5>

        @if ($keys->count() > 0)
            <div class="table-responsive">
                <table class="table table-sm table-hover align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Ad</th>
                            <th>Prefix</th>
                            <th>Ortam</th>
                            <th>Durum</th>
                            <th>Son Kullanım</th>
                            <th class="text-end">Son {{ $windowDays }} Gün</th>
                            <th>İşlemler</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($keys as $key)
                            <tr>
                                <td>{{ $key->name }}</td>
                                <td><code class="bg-light px-2 py-1 rounded">{{ $key->key_prefix }}</code></td>
                                <td>
                                    <span
                                        class="badge {{ $key->environment === 'live' ? 'bg-primary' : 'bg-warning text-dark' }}">{{ $key->environment }}</span>
                                </td>
                                <td>
                                    @if ($key->status === \App\Models\ApiKey::STATUS_ACTIVE)
                                        <span class="badge bg-success">Aktif</span>
                                    @else
                                        <span class="badge bg-danger">Askıya alınmış</span>
                                    @endif
                                </td>
                                <td>{{ $key->last_used_at?->format('d.m.Y H:i') ?? '—' }}</td>
                                <td class="text-end">
                                    {{ number_format((int) $key->recent_requests_count, 0, ',', '.') }}</td>
                                <td>
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ route('admin.api.keys.show', $key) }}"
                                            class="btn btn-outline-primary" title="Detalle de clave">
                                            <i class="bi bi-eye"></i>
                                        </a>
                                        @if ($key->status === \App\Models\ApiKey::STATUS_ACTIVE)
                                            <form action="{{ route('admin.api.keys.revoke', $key) }}" method="POST"
                                                class="d-inline"
                                                onsubmit="return confirm('Bu key askıya alınacak, entegrasyon anında durur. Devam?');">
                                                @csrf
                                                @method('PATCH')
                                                <button type="submit" class="btn btn-outline-danger" title="Suspender">
                                                    <i class="bi bi-slash-circle"></i>
                                                </button>
                                            </form>
                                        @else
                                            <form action="{{ route('admin.api.keys.activate', $key) }}" method="POST"
                                                class="d-inline">
                                                @csrf
                                                @method('PATCH')
                                                <button type="submit" class="btn btn-outline-success"
                                                    title="Reactivar">
                                                    <i class="bi bi-arrow-counterclockwise"></i>
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <p class="text-muted mb-0">Bu müşterinin henüz API key'i yok.</p>
        @endif
    </div>

    {{-- ═══ (b) Plan abonelikleri ═══ --}}
    <div class="content-card mb-4">
        <h5 class="mb-3">
            <i class="bi bi-layers me-1"></i> Plan Abonelikleri
            @if ($activePlanSubscription && $activePlanSubscription->plan)
                <span class="badge bg-primary ms-1">Aktif: {{ $activePlanSubscription->plan->code }}</span>
            @else
                <span class="badge bg-secondary ms-1">Aktif plan yok</span>
            @endif
        </h5>

        @if ($planSubscriptions->count() > 0)
            <div class="table-responsive">
                <table class="table table-sm table-hover align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Plan</th>
                            <th>Başlangıç</th>
                            <th>Bitiş</th>
                            <th>Durum</th>
                            <th>Dönem Başı</th>
                            <th class="text-end">Dönem Kullanımı</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($planSubscriptions as $sub)
                            <tr>
                                <td>
                                    <strong>{{ $sub->plan?->code ?? '—' }}</strong>
                                    <small class="text-muted d-block">{{ $sub->plan?->name_key }}</small>
                                </td>
                                <td>{{ $sub->starts_at?->format('d.m.Y') ?? '—' }}</td>
                                <td>{{ $sub->ends_at?->format('d.m.Y') ?? 'süresiz' }}</td>
                                <td>
                                    @if ($sub->isActive())
                                        <span class="badge bg-success">aktif</span>
                                    @else
                                        <span class="badge bg-secondary">{{ $sub->status }}</span>
                                    @endif
                                </td>
                                <td>{{ $sub->period_started_at?->format('d.m.Y') ?? '—' }}</td>
                                <td class="text-end">
                                    {{ number_format((int) $sub->period_requests_used, 0, ',', '.') }}
                                    @if ($sub->plan?->monthly_request_quota)
                                        <span class="text-muted">/
                                            {{ number_format((int) $sub->plan->monthly_request_quota, 0, ',', '.') }}</span>
                                    @else
                                        <span class="text-muted">/ sınırsız</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <p class="text-muted mb-0">Bu müşterinin plan aboneliği yok.</p>
        @endif
    </div>

    {{-- ═══ (c) SKU bakiyeleri + endpoint abonelikleri ═══ --}}
    <div class="row">
        <div class="col-lg-5 mb-4">
            <div class="content-card h-100">
                <h5 class="mb-3"><i class="bi bi-box2 me-1"></i> SKU Bakiyeleri (tek seferlik paketler)</h5>
                @if ($skuBalances->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-sm table-hover align-middle mb-0">
                            <thead>
                                <tr>
                                    <th>SKU</th>
                                    <th class="text-end">Kalan İstek</th>
                                    <th>Güncelleme</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($skuBalances as $balance)
                                    <tr>
                                        <td><code>{{ $balance->sku }}</code></td>
                                        <td class="text-end fw-bold">
                                            {{ number_format((int) $balance->requests_remaining, 0, ',', '.') }}</td>
                                        <td class="small text-muted">
                                            {{ $balance->updated_at?->format('d.m.Y H:i') ?? '—' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-muted mb-0">Tek seferlik paket bakiyesi yok.</p>
                @endif
            </div>
        </div>

        <div class="col-lg-7 mb-4">
            <div class="content-card h-100">
                <h5 class="mb-3"><i class="bi bi-arrow-repeat me-1"></i> Suscripciones a Endpoints (mensual)</h5>
                @if ($endpointSubscriptions->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-sm table-hover align-middle mb-0">
                            <thead>
                                <tr>
                                    <th>SKU</th>
                                    <th class="text-end">Kota</th>
                                    <th class="text-end">Dönem Kullanımı</th>
                                    <th>Bitiş</th>
                                    <th>Durum</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($endpointSubscriptions as $sub)
                                    <tr>
                                        <td>
                                            <code>{{ $sub->sku }}</code>
                                            @if ($sub->offer)
                                                <small
                                                    class="text-muted d-block">paket#{{ $sub->offer->id }} &middot;
                                                    {{ number_format((float) $sub->offer->price, 2, ',', '.') }} ₺</small>
                                            @endif
                                        </td>
                                        <td class="text-end">
                                            {{ number_format((int) $sub->monthly_request_quota, 0, ',', '.') }}</td>
                                        <td class="text-end">
                                            {{ number_format((int) $sub->period_requests_used, 0, ',', '.') }}
                                            <small class="text-muted d-block">
                                                kalan:
                                                {{ number_format(max(0, (int) $sub->monthly_request_quota - (int) $sub->period_requests_used), 0, ',', '.') }}
                                            </small>
                                        </td>
                                        <td>{{ $sub->ends_at?->format('d.m.Y') ?? 'süresiz' }}</td>
                                        <td>
                                            @if ($sub->isActive())
                                                <span class="badge bg-success">aktif</span>
                                            @else
                                                <span class="badge bg-secondary">{{ $sub->status }}</span>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-muted mb-0">No hay suscripción mensual a endpoints.</p>
                @endif
            </div>
        </div>
    </div>

    {{-- ═══ (d) Siparişler ═══ --}}
    <div class="content-card mb-4">
        <h5 class="mb-3"><i class="bi bi-receipt me-1"></i> Siparişler (son {{ $orders->count() }})</h5>

        @if ($orders->count() > 0)
            <div class="table-responsive">
                <table class="table table-sm table-hover align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Tarih</th>
                            <th>Sipariş No</th>
                            <th>Ürün</th>
                            <th class="text-end">Adet</th>
                            <th class="text-end">Tutar</th>
                            <th>Durum</th>
                            <th>Ödeme</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($orders as $order)
                            <tr>
                                <td>{{ $order->created_at?->format('d.m.Y H:i') ?? '—' }}</td>
                                <td><code>{{ $order->merchant_oid }}</code></td>
                                <td>
                                    <span class="badge bg-light text-dark border">{{ $order->item_type }}</span>
                                    <small class="text-muted d-block">
                                        {{ $orderItemLabels[$order->item_type . ':' . $order->item_id] ?? '#' . $order->item_id }}
                                    </small>
                                </td>
                                <td class="text-end">{{ (int) $order->quantity }}</td>
                                <td class="text-end fw-bold">
                                    {{ number_format((float) $order->total, 2, ',', '.') }} ₺</td>
                                <td>
                                    @if ($order->status === \App\Models\ApiOrder::STATUS_PAID)
                                        <span class="badge bg-success">ödendi</span>
                                    @elseif ($order->status === \App\Models\ApiOrder::STATUS_FAILED)
                                        <span class="badge bg-danger">başarısız</span>
                                    @else
                                        <span class="badge bg-warning text-dark">bekliyor</span>
                                    @endif
                                </td>
                                <td class="small text-muted">{{ $order->paid_at?->format('d.m.Y H:i') ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <p class="text-muted mb-0">Bu müşterinin siparişi yok.</p>
        @endif
    </div>

    {{-- ═══ Manuel kredi düzeltme ═══ --}}
    <div class="content-card mb-4">
        <h5 class="mb-1"><i class="bi bi-sliders me-1"></i> Manuel Kredi Düzeltme</h5>
        <p class="text-muted small mb-3">Pozitif miktar kredi ekler, negatif miktar düşer. Her işlem için defter
            (ledger) satırı yazılır ve açıklama zorunludur.</p>

        <form action="{{ route('admin.api.customers.adjust-credits', $customer) }}" method="POST"
            class="row g-2 align-items-end" onsubmit="return confirm('Kredi düzeltmesi uygulanacak. Devam?');">
            @csrf
            <div class="col-auto">
                <label class="form-label small mb-0">Miktar (+/-)</label>
                <input type="number" name="amount" class="form-control form-control-sm @error('amount') is-invalid @enderror"
                    style="width: 140px;" value="{{ old('amount') }}" placeholder="Örn: -50" required>
            </div>
            <div class="col-md-6">
                <label class="form-label small mb-0">Açıklama</label>
                <input type="text" name="note" class="form-control form-control-sm @error('note') is-invalid @enderror"
                    maxlength="255" value="{{ old('note') }}" placeholder="Örn: hatalı düşüm iadesi" required>
            </div>
            <div class="col-auto">
                <button type="submit" class="btn btn-sm btn-primary">
                    <i class="bi bi-check-lg"></i> Uygula
                </button>
            </div>
        </form>

        @error('amount')
            <div class="alert alert-danger mt-2 mb-0">{{ $message }}</div>
        @enderror
        @error('note')
            <div class="alert alert-danger mt-2 mb-0">{{ $message }}</div>
        @enderror
    </div>

    {{-- ═══ (e) Kredi defteri ═══ --}}
    <div class="content-card mb-4">
        <h5 class="mb-3"><i class="bi bi-journal-text me-1"></i> Kredi Defteri (son {{ $creditTransactions->count() }})
        </h5>

        @if ($creditTransactions->count() > 0)
            <div class="table-responsive">
                <table class="table table-sm table-hover align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Tarih</th>
                            <th>Tip</th>
                            <th class="text-end">Miktar</th>
                            <th class="text-end">Sonraki Bakiye</th>
                            <th>Referans</th>
                            <th>Not</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($creditTransactions as $tx)
                            <tr>
                                <td>{{ $tx->created_at?->format('d.m.Y H:i') ?? '—' }}</td>
                                <td><span class="badge bg-light text-dark border">{{ $tx->type }}</span></td>
                                <td class="text-end {{ $tx->amount >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ $tx->amount > 0 ? '+' : '' }}{{ number_format((int) $tx->amount, 0, ',', '.') }}
                                </td>
                                <td class="text-end">{{ number_format((int) $tx->balance_after, 0, ',', '.') }}</td>
                                <td><code>{{ $tx->reference ?? '—' }}</code></td>
                                <td class="small text-muted">{{ $tx->meta['note'] ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <p class="text-muted mb-0">Kredi hareketi yok.</p>
        @endif
    </div>

    {{-- ═══ (f) Kullanım ═══ --}}
    <div class="content-card mb-4">
        <h5 class="mb-3"><i class="bi bi-activity me-1"></i> Son {{ $windowDays }} Gün Kullanımı</h5>
        <div style="height: 300px;">
            <canvas id="apiCustomerUsageChart"></canvas>
        </div>

        <div class="row g-3 mt-2">
            <div class="col-md-4">
                <div class="border rounded p-3 h-100">
                    <div class="text-muted small mb-2">Kaynak Kırılımı</div>
                    @forelse ($sourceBreakdown as $source => $total)
                        <div class="d-flex justify-content-between">
                            <span><span class="badge bg-light text-dark border">{{ $source }}</span></span>
                            <strong>{{ number_format((int) $total, 0, ',', '.') }}</strong>
                        </div>
                    @empty
                        <span class="text-muted">Kayıt yok.</span>
                    @endforelse
                </div>
            </div>
            <div class="col-md-4">
                <div class="border rounded p-3 h-100">
                    <div class="text-muted small mb-2">Durum Kırılımı</div>
                    @forelse ($statusBreakdown as $status => $total)
                        <div class="d-flex justify-content-between">
                            <span><span class="badge bg-light text-dark border">{{ $status }}</span></span>
                            <strong>{{ number_format((int) $total, 0, ',', '.') }}</strong>
                        </div>
                    @empty
                        <span class="text-muted">Kayıt yok.</span>
                    @endforelse
                </div>
            </div>
            <div class="col-md-4">
                <div class="border rounded p-3 h-100">
                    <div class="text-muted small mb-2">Ücretlendirme Kaynağı (meta.charge_source)</div>
                    @forelse ($chargeSourceBreakdown as $chargeSource => $total)
                        <div class="d-flex justify-content-between">
                            <span><span class="badge bg-light text-dark border">{{ $chargeSource }}</span></span>
                            <strong>{{ number_format((int) $total, 0, ',', '.') }}</strong>
                        </div>
                    @empty
                        <span class="text-muted">Kayıt yok.</span>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    <div class="content-card">
        <h5 class="mb-3">SKU Kırılımı (son {{ $windowDays }} gün)</h5>
        @if ($skuBreakdown->count() > 0)
            <div class="table-responsive">
                <table class="table table-sm table-hover align-middle mb-0">
                    <thead>
                        <tr>
                            <th>SKU</th>
                            <th class="text-end">İstek</th>
                            <th class="text-end">Düşülen Kredi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($skuBreakdown as $row)
                            <tr>
                                <td><code>{{ $row->sku }}</code></td>
                                <td class="text-end">{{ number_format((int) $row->total, 0, ',', '.') }}</td>
                                <td class="text-end">{{ number_format((int) $row->credits, 0, ',', '.') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <p class="text-muted mb-0">Bu aralıkta kullanım kaydı yok.</p>
        @endif
    </div>
@endsection

@push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const ctx = document.getElementById('apiCustomerUsageChart');
            if (!ctx) return;

            new Chart(ctx, {
                type: 'line',
                data: {
                    labels: @json($labels),
                    datasets: [{
                            label: 'REST',
                            data: @json($restSeries),
                            borderColor: '#0f5a4f',
                            backgroundColor: '#0f5a4f18',
                            fill: true,
                            tension: 0.35,
                            borderWidth: 2.5,
                            pointRadius: 2,
                        },
                        {
                            label: 'MCP',
                            data: @json($mcpSeries),
                            borderColor: '#0d6efd',
                            backgroundColor: '#0d6efd12',
                            fill: true,
                            tension: 0.35,
                            borderWidth: 2,
                            pointRadius: 2,
                            borderDash: [5, 3],
                        },
                    ]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: false,
                    interaction: {
                        mode: 'index',
                        intersect: false
                    },
                    plugins: {
                        legend: {
                            position: 'top',
                            labels: {
                                usePointStyle: true,
                                padding: 16
                            }
                        },
                        tooltip: {
                            padding: 12,
                            cornerRadius: 8
                        },
                    },
                    scales: {
                        x: {
                            grid: {
                                display: false
                            }
                        },
                        y: {
                            beginAtZero: true,
                            grid: {
                                color: '#f0f0f0'
                            }
                        },
                    },
                }
            });
        });
    </script>
@endpush