@extends('admin.layout')
@section('title', 'API Kullanımı')
@section('page-title', 'API Kullanımı')

@section('content')
    <div class="content-card mb-4">
        <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
            <div>
                <h3 class="mb-0">Kullanım Panosu</h3>
                <p class="text-muted mb-0">Son {{ $days }} günün REST + MCP trafiği.</p>
            </div>
            <div class="btn-group btn-group-sm">
                @foreach ([7 => '7 Gün', 30 => '30 Gün', 90 => '90 Gün'] as $option => $label)
                    <a href="{{ route('admin.api.usage.index', ['range' => $option]) }}"
                        class="btn {{ $days === $option ? 'btn-dark' : 'btn-outline-secondary' }}">{{ $label }}</a>
                @endforeach
            </div>
        </div>

        <div class="row g-3">
            <div class="col-md-3">
                <div class="border rounded p-3">
                    <div class="text-muted small">Toplam İstek</div>
                    <h4 class="mb-0">{{ number_format($totalRequests, 0, ',', '.') }}</h4>
                </div>
            </div>
            <div class="col-md-3">
                <div class="border rounded p-3">
                    <div class="text-muted small">Hata Oranı</div>
                    <h4 class="mb-0 {{ $errorRate > 5 ? 'text-danger' : 'text-success' }}">{{ $errorRate }}%</h4>
                    <small class="text-muted">{{ number_format($errorRequests, 0, ',', '.') }} başarısız istek</small>
                </div>
            </div>
            <div class="col-md-3">
                <div class="border rounded p-3">
                    <div class="text-muted small">Düşülen Kredi</div>
                    <h4 class="mb-0">{{ number_format($totalCreditsCharged, 0, ',', '.') }}</h4>
                </div>
            </div>
            <div class="col-md-3">
                <div class="border rounded p-3">
                    <div class="text-muted small">Ortalama Süre</div>
                    <h4 class="mb-0">{{ number_format($avgDurationMs, 0, ',', '.') }} ms</h4>
                </div>
            </div>
        </div>

        @if (!empty($statusBreakdown))
            <div class="mt-3">
                @foreach ($statusBreakdown as $status => $count)
                    <span class="badge bg-light text-dark border">{{ $status }}:
                        {{ number_format($count, 0, ',', '.') }}</span>
                @endforeach
            </div>
        @endif
    </div>

    <div class="content-card mb-4">
        <h5 class="mb-3">Günlük İstek (kaynak kırılımlı)</h5>
        <div style="height: 320px;">
            <canvas id="apiUsageDailyChart"></canvas>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-6 mb-4">
            <div class="content-card h-100">
                <h5 class="mb-3">En Çok Kullanılan 10 SKU</h5>
                @if ($topSkus->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">Kredi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($topSkus 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 kayıt yok.</p>
                @endif
            </div>
        </div>

        <div class="col-lg-6 mb-4">
            <div class="content-card h-100">
                <h5 class="mb-3">En Çok Tüketen 10 Kullanıcı</h5>
                @if ($topConsumers->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-sm table-hover align-middle mb-0">
                            <thead>
                                <tr>
                                    <th>Müşteri</th>
                                    <th class="text-end">İstek</th>
                                    <th class="text-end">Kredi</th>
                                    <th class="text-end">Bakiye</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($topConsumers as $row)
                                    <tr>
                                        <td>
                                            @if ($row['customer'])
                                                <a href="{{ route('admin.api.customers.show', $row['customer']) }}"
                                                    class="fw-bold text-decoration-none">{{ $row['customer']->name }}</a>
                                                <small class="text-muted d-block">{{ $row['customer']->email }}</small>
                                            @else
                                                <span class="text-muted">#{{ $row['customer_id'] }} (silinmiş)</span>
                                            @endif
                                        </td>
                                        <td class="text-end">{{ number_format($row['total'], 0, ',', '.') }}</td>
                                        <td class="text-end">{{ number_format($row['credits'], 0, ',', '.') }}</td>
                                        <td class="text-end">
                                            {{ $row['customer'] ? number_format((int) $row['customer']->api_credit_balance, 0, ',', '.') : '—' }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-muted mb-0">Bu aralıkta kayıt yok.</p>
                @endif
            </div>
        </div>
    </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">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 method="GET" action="{{ route('admin.api.usage.index') }}" class="row g-2 align-items-end mb-3">
            <input type="hidden" name="range" value="{{ $days }}">
            <div class="col-md-4">
                <label class="form-label">Müşteri ara (e-posta / ad)</label>
                <input type="text" name="customer_q" class="form-control form-control-sm"
                    value="{{ $customerQuery }}" placeholder="ornek@example.com">
            </div>
            <div class="col-auto">
                <button type="submit" class="btn btn-sm btn-outline-primary"><i class="bi bi-search"></i> Ara</button>
            </div>
        </form>

        @if ($customerQuery !== '')
            @if ($foundCustomers->count() > 0)
                <div class="table-responsive">
                    <table class="table table-sm align-middle">
                        <thead>
                            <tr>
                                <th>Müşteri</th>
                                <th>Bakiye</th>
                                <th style="min-width: 420px;">Düzeltme</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($foundCustomers as $customer)
                                <tr>
                                    <td>
                                        <strong>{{ $customer->name }}</strong>
                                        <small class="text-muted d-block">{{ $customer->email }}</small>
                                    </td>
                                    <td><strong>{{ number_format((int) $customer->api_credit_balance, 0, ',', '.') }}</strong>
                                    </td>
                                    <td>
                                        <form action="{{ route('admin.api.usage.adjust-credits') }}" method="POST"
                                            class="row g-2 align-items-end"
                                            onsubmit="return confirm('Kredi düzeltmesi uygulanacak. Devam?');">
                                            @csrf
                                            <input type="hidden" name="api_customer_id" value="{{ $customer->id }}">
                                            <div class="col-auto">
                                                <label class="form-label small mb-0">Miktar (+/-)</label>
                                                <input type="number" name="amount" class="form-control form-control-sm"
                                                    style="width: 110px;" placeholder="Örn: -50" required>
                                            </div>
                                            <div class="col">
                                                <label class="form-label small mb-0">Açıklama</label>
                                                <input type="text" name="note" class="form-control form-control-sm"
                                                    maxlength="255" 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>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <p class="text-muted mb-0">"{{ $customerQuery }}" için müşteri bulunamadı.</p>
            @endif
        @endif

        @error('api_customer_id')
            <div class="alert alert-danger mt-2 mb-0">{{ $message }}</div>
        @enderror
        @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>

    <div class="content-card">
        <h5 class="mb-3">Son Manuel Düzeltmeler</h5>
        @if ($recentAdjustments->count() > 0)
            <div class="table-responsive">
                <table class="table table-sm table-hover align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Tarih</th>
                            <th>Müşteri</th>
                            <th class="text-end">Miktar</th>
                            <th class="text-end">Sonraki Bakiye</th>
                            <th>Referans</th>
                            <th>Açıklama</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($recentAdjustments as $tx)
                            @php $txCustomer = $adjustmentCustomers->get($tx->api_customer_id); @endphp
                            <tr>
                                <td>{{ $tx->created_at?->format('d.m.Y H:i') ?? '—' }}</td>
                                <td>
                                    @if ($txCustomer)
                                        <a href="{{ route('admin.api.customers.show', $txCustomer) }}"
                                            class="text-decoration-none">{{ $txCustomer->name }}</a>
                                        <small class="text-muted d-block">{{ $txCustomer->email }}</small>
                                    @else
                                        <span class="text-muted">#{{ $tx->api_customer_id }}</span>
                                    @endif
                                </td>
                                <td class="text-end {{ $tx->amount >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ $tx->amount > 0 ? '+' : '' }}{{ number_format($tx->amount, 0, ',', '.') }}
                                </td>
                                <td class="text-end">{{ number_format($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">Henüz manuel düzeltme yapılmamış.</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('apiUsageDailyChart');
            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