@extends('admin.layout')
@section('title', 'Gestión de Claves API')
@section('page-title', 'API Key Yönetimi')

@section('content')
    <div class="content-card">
        <div class="mb-4">
            <h3 class="mb-0">API Key'ler</h3>
            <p class="text-muted mb-0">Kullanıcıların oluşturduğu anahtarlar. Düz anahtar değeri hiçbir yerde saklanmaz;
                yalnızca prefix görüntülenir.</p>
        </div>

        <form method="GET" action="{{ route('admin.api.keys.index') }}" class="mb-4">
            <div class="row g-3">
                <div class="col-md-4">
                    <input type="text" name="search" class="form-control"
                        placeholder="Kullanıcı adı, e-posta, key adı veya prefix..." value="{{ request('search') }}">
                </div>
                <div class="col-md-2">
                    <select name="status" class="form-select">
                        <option value="">Tüm Durumlar</option>
                        <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Aktif</option>
                        <option value="revoked" {{ request('status') === 'revoked' ? 'selected' : '' }}>Askıya alınmış
                        </option>
                    </select>
                </div>
                <div class="col-md-2">
                    <select name="environment" class="form-select">
                        <option value="">Tüm Ortamlar</option>
                        <option value="live" {{ request('environment') === 'live' ? 'selected' : '' }}>live</option>
                        <option value="test" {{ request('environment') === 'test' ? 'selected' : '' }}>test</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-outline-primary w-100">
                        <i class="bi bi-search"></i> Filtrele
                    </button>
                </div>
                <div class="col-md-2">
                    <a href="{{ route('admin.api.keys.index') }}" class="btn btn-outline-secondary w-100">
                        <i class="bi bi-arrow-clockwise"></i> Temizle
                    </a>
                </div>
            </div>
        </form>

        @if ($keys->count() > 0)
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th>Kullanıcı</th>
                            <th>Key Adı</th>
                            <th>Prefix</th>
                            <th>Ortam</th>
                            <th>Durum</th>
                            <th>Son Kullanım</th>
                            <th>Son {{ $recentDays }} Gün</th>
                            <th>İşlemler</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($keys as $key)
                            <tr>
                                <td>
                                    @if ($key->customer)
                                        <a href="{{ route('admin.api.customers.show', $key->customer) }}"
                                            class="fw-bold text-decoration-none">{{ $key->customer->name }}</a>
                                        <small class="text-muted d-block">{{ $key->customer->email }}</small>
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <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>{{ number_format($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">
                                            <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>
            <div class="mt-4">{{ $keys->links() }}</div>
        @else
            <div class="text-center py-5">
                <i class="bi bi-key" style="font-size: 4rem; color: #ccc;"></i>
                <p class="text-muted mt-3">Kayıt bulunamadı.</p>
            </div>
        @endif
    </div>
@endsection