@extends('layout.mainlayout')
@section('content')

<div class="page-wrapper cardhead">
    <div class="content container-fluid">

@component('components.breadcrumb')
@slot('title')
Admin Activity Logs
@endslot
@endcomponent

<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">Admin Activity Logs</h5>
            </div>
            <div class="card-body">
               <div class="p-4">

  <form method="GET" class="grid md:grid-cols-6 gap-3 mb-4">
    <input type="text" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Search (email, route, ip, url, id)"
           class="border rounded p-2 md:col-span-2">
    <input type="text" name="email" value="{{ $filters['email'] ?? '' }}" placeholder="Email"
           class="border rounded p-2">
    <input type="text" name="route" value="{{ $filters['route'] ?? '' }}" placeholder="Route name"
           class="border rounded p-2">
    <select name="status" class="border rounded p-2">
      <option value="">Status</option>
      @foreach([200,201,204,302,400,401,403,404,422,429,500,503] as $code)
        <option value="{{ $code }}" @selected(($filters['status'] ?? '') == $code)>{{ $code }}</option>
      @endforeach
    </select>
    <input type="date" name="from" value="{{ $filters['from'] ?? $fromDate }}" class="border rounded p-2">
    <input type="date" name="to"   value="{{ $filters['to'] ?? $toDate }}"   class="border rounded p-2">
    <select name="per_page" class="border rounded p-2">
      @foreach([25,50,100,200] as $pp)
        <option value="{{ $pp }}" @selected(($filters['perPage'] ?? 50) == $pp)>{{ $pp }}/page</option>
      @endforeach
    </select>
    <div class="md:col-span-6 flex gap-2">
      <button class="px-3 py-2 bg-indigo-600 text-white rounded">Apply</button>
      <a href="{{ route('admin-activity-logs') }}" class="px-3 py-2 bg-gray-200 rounded">Reset</a>
    </div>
  </form>

  <div class="overflow-auto border rounded">
    <table class="min-w-full text-sm">
      <thead class="bg-gray-50">
        <tr>
          <th class="p-2 text-left">Time</th>
          <th class="p-2 text-left">Event</th>
          <th class="p-2 text-left">User</th>
          <th class="p-2 text-left">Method</th>
          <th class="p-2 text-left">Status</th>
          <th class="p-2 text-left">Route</th>
          <th class="p-2 text-left">URL</th>
          <th class="p-2 text-left">IP</th>
          <th class="p-2 text-left">ms</th>
          <th class="p-2 text-left">Req ID</th>
        </tr>
      </thead>
      <tbody>
        @forelse($logs as $r)
          <tr class="border-t">
            <td class="p-2 whitespace-nowrap">{{ $r['datetime'] }}</td>
            <td class="p-2">{{ $r['message'] }}</td>
            <td class="p-2">
              <div>{{ $r['email'] ?? '—' }}</div>
              <div class="text-xs text-gray-500">#{{ $r['user_id'] ?? '—' }}</div>
            </td>
            <td class="p-2">{{ $r['method'] }}</td>
            <td class="p-2">{{ $r['status'] }}</td>
            <td class="p-2">{{ $r['route'] }}</td>
            <td class="p-2 max-w-[360px] truncate" title="{{ $r['url'] }}">{{ $r['url'] }}</td>
            <td class="p-2">{{ $r['ip'] }}</td>
            <td class="p-2">{{ $r['duration_ms'] }}</td>
            <td class="p-2 text-xs">{{ $r['request_id'] }}</td>
          </tr>
        @empty
          <tr><td colspan="10" class="p-4 text-center text-gray-500">No results</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>

<div class="mt-3">
    {{ $logs->links('pagination::bootstrap-5') }}
</div>

  <p class="text-xs text-gray-500 mt-2">
    Showing logs between <strong>{{ $fromDate }}</strong> and <strong>{{ $toDate }}</strong>.
  </p>
</div>

            </div>
        </div>
    </div>
</div>

</div>
</div>



@endsection