@extends('layouts.admin')

@section('content')
<div class="intro-y box p-5">
  <div class="flex flex-wrap justify-between items-center gap-3">
    <div>
      <h2 class="font-medium text-lg">Lookup Logs</h2>
      <div class="text-sm text-slate-500 mt-1">Ringkasan lookup berdasarkan filter aktif.</div>
    </div>
    <form method="get" class="inline-flex flex-wrap items-center gap-2">
      <input type="text" name="q" placeholder="Cari kode / id / ip" value="{{ request('q') }}" class="input w-64" />
      <input type="date" name="start_date" value="{{ request('start_date') }}" class="input w-40" />
      <input type="date" name="end_date" value="{{ request('end_date') }}" class="input w-40" />
      <button class="btn btn-primary">Filter</button>
      <a href="{{ route('admin.lookup.logs', array_merge(request()->except('page'), ['export'=>'csv'])) }}" class="btn btn-outline">Export CSV</a>
      <a href="{{ route('admin.lookup.logs.json', request()->except('page')) }}" class="btn btn-secondary">JSON</a>
    </form>
  </div>
  <div class="grid grid-cols-2 lg:grid-cols-4 gap-3 mt-4">
    <div class="box p-4 bg-slate-50 rounded-lg">
      <div class="text-slate-500 text-xs">Total Lookup</div>
      <div class="text-xl font-semibold">{{ $stats['total'] ?? 0 }}</div>
    </div>
    <div class="box p-4 bg-emerald-50 rounded-lg">
      <div class="text-slate-500 text-xs">Lookup Berhasil</div>
      <div class="text-xl font-semibold">{{ $stats['successful'] ?? 0 }}</div>
    </div>
    <div class="box p-4 bg-rose-50 rounded-lg">
      <div class="text-slate-500 text-xs">Lookup Gagal</div>
      <div class="text-xl font-semibold">{{ $stats['failed'] ?? 0 }}</div>
    </div>
    <div class="box p-4 bg-sky-50 rounded-lg">
      <div class="text-slate-500 text-xs">IP Unik</div>
      <div class="text-xl font-semibold">{{ $stats['distinct_ips'] ?? 0 }}</div>
    </div>
  </div>

  <div class="mt-4 overflow-x-auto">
    <table class="table">
      <thead>
        <tr><th>#</th><th>Kode</th><th>ID User</th><th>API Key</th><th>IP</th><th>User Agent</th><th>Waktu</th></tr>
      </thead>
      <tbody>
        @foreach($logs as $l)
        <tr>
          <td>{{ $loop->iteration + ($logs->currentPage()-1)*$logs->perPage() }}</td>
          <td style="font-family:monospace">{{ $l->code }}</td>
          <td style="font-family:monospace">{{ $l->id_user ?? '-' }}</td>
          <td style="font-family:monospace">{{ $l->api_key ? substr($l->api_key,0,4) . '...' : '-' }}</td>
          <td>{{ $l->ip ?? '-' }}</td>
          <td style="max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ $l->user_agent ?? '-' }}</td>
          <td>{{ $l->created_at }}</td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>

  <div class="mt-3">{{ $logs->links() }}</div>
</div>
@endsection