@extends('admin.layout')
@section('title', 'Hatalar')
@section('page-title', 'Hatalar')

@section('content')
<div class="container-fluid p-0">
    <div class="row mb-3 align-items-center">
        <div class="col">
            <h2 class="h4 mb-1">Hatalar</h2>
            <p class="text-muted small mb-0">
                Kullanıcıların register/giriş/panel ve panele bağlı (harita, sohbet, rektifikasyon vb.
                AJAX/API uçları dahil) sayfalarda aldığı 404/500/503 hatalarının otomatik kaydı.
                Aynı hata tekrar oluşursa yeni satır açılmaz, "kaç kez" sayacı artar.
            </p>
        </div>
    </div>

    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="bi bi-check-circle me-1"></i> {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Kapat"></button>
        </div>
    @endif

    <div class="content-card mb-3">
        <form method="GET" class="row g-2 align-items-center">
            <div class="col-md-4">
                <input type="text" name="q" value="{{ $search }}" class="form-control" placeholder="Yol, hata mesajı veya route adında ara...">
            </div>
            <div class="col-md-2">
                <select name="status_code" class="form-select">
                    <option value="">Tüm kodlar</option>
                    <option value="404" @selected($selectedStatusCode === '404')>404</option>
                    <option value="500" @selected($selectedStatusCode === '500')>500</option>
                    <option value="503" @selected($selectedStatusCode === '503')>503</option>
                </select>
            </div>
            <div class="col-md-2">
                <select name="severity" class="form-select">
                    <option value="">Tüm önem dereceleri</option>
                    <option value="red" @selected($selectedSeverity === 'red')>🔴 Gerçek Hata</option>
                    <option value="orange" @selected($selectedSeverity === 'orange')>🟠 Gözden Geçir</option>
                    <option value="green" @selected($selectedSeverity === 'green')>🟢 Kritik Değil</option>
                </select>
            </div>
            <div class="col-md-3">
                <select name="status" class="form-select">
                    <option value="unresolved" @selected($selectedStatus === 'unresolved')>Sadece çözülmemiş</option>
                    <option value="resolved" @selected($selectedStatus === 'resolved')>Sadece çözülmüş</option>
                    <option value="all" @selected($selectedStatus === 'all')>Tümü</option>
                </select>
            </div>
            <div class="col-md-3 d-flex gap-2">
                <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i> Ara</button>
                <a href="{{ route('admin.error-logs.index') }}" class="btn btn-outline-secondary">Temizle</a>
            </div>
        </form>
    </div>

    <div class="content-card">
        <div class="table-responsive">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Önem</th>
                        <th>Kod</th>
                        <th>Yol</th>
                        <th>Hata</th>
                        <th class="text-center">Kaç kez</th>
                        <th>Son görülme</th>
                        <th class="text-center">Durum</th>
                        <th class="text-end">İşlem</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($records as $r)
                        <tr>
                            <td>
                                <span class="badge {{ $r->severityBadgeClass() }}" title="{{ $r->severityLabel() }}">
                                    {{ $r->severityLabel() }}
                                </span>
                            </td>
                            <td>
                                <span class="badge {{ $r->status_code >= 500 ? 'bg-danger' : 'bg-warning text-dark' }}">
                                    {{ $r->status_code }}
                                </span>
                            </td>
                            <td>
                                <code class="small">{{ Str::limit($r->path, 45) }}</code>
                                @if($r->user_reported)
                                    <span class="badge bg-primary" title="Bir kullanıcı 'Bunu bildir' butonuyla bildirdi">
                                        <i class="bi bi-person-raised-hand"></i>
                                    </span>
                                @endif
                                @if($r->route_name)
                                    <div class="text-muted small">{{ $r->route_name }}</div>
                                @endif
                            </td>
                            <td>
                                <div class="small text-truncate" style="max-width: 380px;" title="{{ $r->message }}">
                                    {{ $r->exception_class ? class_basename($r->exception_class) . ': ' : '' }}{{ Str::limit($r->message, 90) }}
                                </div>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-light text-dark border">{{ $r->occurrences }}</span>
                            </td>
                            <td class="small text-muted">{{ $r->last_seen_at?->diffForHumans() }}</td>
                            <td class="text-center">
                                @if ($r->is_resolved)
                                    <span class="badge bg-success">Çözüldü</span>
                                @else
                                    <span class="badge bg-danger">Açık</span>
                                @endif
                            </td>
                            <td class="text-end">
                                <a href="{{ route('admin.error-logs.show', $r) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="bi bi-eye"></i> Detay
                                </a>
                                <form action="{{ route('admin.error-logs.destroy', $r) }}" method="POST" class="d-inline"
                                    onsubmit="return confirm('Bu hata kaydını kalıcı olarak silmek istediğinize emin misiniz?');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-outline-danger">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center text-muted py-4">
                                @if($selectedStatus === 'unresolved')
                                    Şu anda açık (çözülmemiş) hata yok. 🎉
                                @else
                                    Kayıt bulunamadı.
                                @endif
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="p-3">
            {{ $records->links() }}
        </div>
    </div>
</div>
@endsection