@extends('layouts.admin-master')
@section('title', 'Audit Logs')
@section('style')
    @include('admin.style')
    <style>
        /* Audit log specifics */
        .audit-model-chip {
            display: inline-flex; align-items: center; gap: 6px;
            font-size: 12px; font-weight: 600; color: #374151;
        }
        .audit-model-chip .ic {
            width: 26px; height: 26px; border-radius: 7px;
            display: inline-flex; align-items: center; justify-content: center;
            font-size: 13px; flex-shrink: 0;
        }
        .audit-model-chip.farmer .ic { background:#e8f5e9; color:#2e7d32; }
        .audit-model-chip.vendor .ic { background:#e8f0fe; color:#365CF5; }
        .audit-model-chip.other  .ic { background:#f1f3f5; color:#6b7280; }
        .audit-admin {
            display: inline-flex; align-items: center; gap: 8px;
        }
        .audit-admin .av {
            width: 30px; height: 30px; border-radius: 50%;
            background: linear-gradient(135deg,#365CF5,#0d9488);
            color:#fff; font-weight:700; font-size:12px;
            display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
        }
        .badge-action {
            display:inline-block; padding:4px 11px; border-radius:20px;
            font-size:11px; font-weight:600; letter-spacing:.2px; text-transform:none;
        }
        .audit-date { line-height:1.3; }
        .audit-date .d { font-size:13px; color:#374151; font-weight:500; }
        .audit-date .t { font-size:11px; color:#9ca3af; }
        .audit-ip {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size:12px; color:#6b7280;
            background:#f8f9fa; padding:2px 8px; border-radius:6px;
        }
        /* Filter bar */
        .audit-filter { display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px; }
        .audit-filter .af-field { flex:1 1 180px; min-width:160px; }
        .audit-filter .af-field label {
            display:block; font-size:12px; font-weight:600;
            color:#6b7280; margin-bottom:6px;
        }
        .audit-filter .af-field .form-control { height:44px; }
        .audit-filter .af-actions { display:flex; gap:10px; flex-shrink:0; }
        .audit-filter .af-actions .btn {
            height:44px; display:inline-flex; align-items:center; justify-content:center;
            gap:6px; padding:0 20px; border-radius:8px; font-weight:600; white-space:nowrap;
        }
    </style>
@endsection
@section('content')
<div id="preloader"><div class="spinner"></div></div>

<aside class="sidebar-nav-wrapper">@include('admin.sidenav')</aside>
<div class="overlay"></div>

<main class="main-wrapper">
    @include('admin.header')

    <section class="section">
        <div class="container-fluid">

            <div class="title-wrapper pt-30">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <div class="title"><h2>Audit Logs</h2></div>
                      
                    </div>
                    <div class="col-md-6"></div>
                </div>
            </div>

            {{-- Filters --}}
            <div class="row">
                <div class="col-lg-12">
                    <div class="card-style mb-30">
                        <form method="GET" action="{{ route('audit.logs') }}" class="audit-filter">
                            <div class="af-field">
                                <label>Filter by Action</label>
                                <input type="text" name="action" class="form-control"
                                    placeholder="e.g. kyc_approved" value="{{ request('action') }}">
                            </div>
                            <div class="af-field">
                                <label>Date From</label>
                                <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
                            </div>
                            <div class="af-field">
                                <label>Date To</label>
                                <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
                            </div>
                            <div class="af-actions">
                                <button type="submit" class="btn btn-primary">
                                    <i class="lni lni-search-alt"></i> Filter
                                </button>
                                <a href="{{ route('audit.logs') }}" class="btn btn-outline-secondary">Reset</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <div class="card-style mb-30">

                        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-20">
                            <h6 class="text-medium mb-0">Activity Trail</h6>
                            <span class="badge-status badge-active">{{ $logs->total() }} entries</span>
                        </div>

                        <div class="table-responsive">
                            <table class="table top-selling-table">
                                <thead>
                                    <tr>
                                        <th><h6 class="text-sm text-medium">#</h6></th>
                                        <th><h6 class="text-sm text-medium">Admin</h6></th>
                                        <th><h6 class="text-sm text-medium">Action</h6></th>
                                        <th><h6 class="text-sm text-medium">Model</h6></th>
                                        <th><h6 class="text-sm text-medium">ID</h6></th>
                                        <th><h6 class="text-sm text-medium">Description</h6></th>
                                        <th><h6 class="text-sm text-medium">IP Address</h6></th>
                                        <th><h6 class="text-sm text-medium">Date</h6></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($logs as $index => $log)
                                        @php
                                            $action = strtolower($log->action ?? '');
                                            if (str_contains($action, 'reject') || str_contains($action, 'delete') || str_contains($action, 'suspend')) {
                                                $badge = 'badge-rejected';
                                            } elseif (str_contains($action, 'approve') || str_contains($action, 'accept') || str_contains($action, 'verif')) {
                                                $badge = 'badge-approved';
                                            } elseif (str_contains($action, 'counter') || str_contains($action, 'updat') || str_contains($action, 'creat')) {
                                                $badge = 'badge-countered';
                                            } else {
                                                $badge = 'badge-active';
                                            }
                                            $model = strtolower($log->model_type ?? '');
                                            $modelClass = str_contains($model, 'farmer') ? 'farmer' : (str_contains($model, 'vendor') ? 'vendor' : 'other');
                                            $modelIcon  = str_contains($model, 'farmer') ? 'lni-user' : (str_contains($model, 'vendor') ? 'lni-store' : 'lni-layers');
                                            $adminName  = $log->admin->name ?? 'System';
                                        @endphp
                                        <tr>
                                            <td class="text-sm">{{ ($logs->firstItem() ?? 1) + $index }}</td>
                                            <td>
                                                <span class="audit-admin">
                                                    <span class="av">{{ strtoupper(substr($adminName, 0, 1)) }}</span>
                                                    <span class="text-sm fw-500">{{ $adminName }}</span>
                                                </span>
                                            </td>
                                            <td><span class="badge-action {{ $badge }}">{{ $log->action }}</span></td>
                                            <td>
                                                @if($log->model_type)
                                                    <span class="audit-model-chip {{ $modelClass }}">
                                                        <span class="ic"><i class="lni {{ $modelIcon }}"></i></span>
                                                        {{ class_basename($log->model_type) }}
                                                    </span>
                                                @else
                                                    <span class="text-gray">—</span>
                                                @endif
                                            </td>
                                            <td class="text-sm">{{ $log->model_id ?? '—' }}</td>
                                            <td class="text-sm" style="max-width:280px;">{{ $log->description }}</td>
                                            <td><span class="audit-ip">{{ $log->ip_address ?? '—' }}</span></td>
                                            <td>
                                                <div class="audit-date">
                                                    <div class="d">{{ $log->created_at->format('d M Y') }}</div>
                                                    <div class="t">{{ $log->created_at->format('h:i A') }}</div>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="8" class="text-center py-5 text-muted">
                                                <i class="lni lni-files" style="font-size:32px;opacity:.3;"></i>
                                                <p class="mt-2 mb-0">No audit logs found</p>
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>

                        <div class="pt-10 d-flex justify-content-between align-items-center flex-wrap gap-2">
                            <p class="text-sm text-gray mb-0">
                                Showing {{ $logs->firstItem() ?? 0 }} – {{ $logs->lastItem() ?? 0 }}
                                of {{ $logs->total() }} entries
                            </p>
                            {{ $logs->appends(request()->query())->links('pagination::bootstrap-4') }}
                        </div>

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

        </div>
    </section>

    @include('admin.footer')
</main>

@section('script')
@include('admin.script')
@endsection
@endsection