@extends('layouts.admin')

@section('css')
    @vite(['node_modules/choices.js/public/assets/styles/choices.min.css'])
    <style>
        .choices__list--dropdown .choices__item--selectable {
            padding-right: 12px !important;
        }
        .choices__list--dropdown .choices__item--selectable::after {
            display: none !important;
        }
    </style>
@endsection

@section('title', 'Audit Logs')

@section('content')
<div class="container-xxl">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Audit Logs</h4>
                    <p class="text-muted mb-0">Track all critical system actions and user activities.</p>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.audit-logs.index') }}" method="GET" class="row g-3 mb-4">
                        <div class="col-md-3">
                            <label class="form-label">User</label>
                            <select name="user_id" class="form-control" data-choices>
                                <option value="">All Users</option>
                                @foreach($users as $user)
                                    <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>
                                        {{ $user->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Action</label>
                            <select name="action" class="form-control" data-choices>
                                <option value="">All Actions</option>
                                @foreach($actions as $action)
                                    <option value="{{ $action }}" {{ request('action') == $action ? 'selected' : '' }}>
                                        {{ str_ireplace('Kyc', 'KYC', Str::headline($action)) }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Date From</label>
                            <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Date To</label>
                            <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">IP Address</label>
                            <input type="text" name="ip_address" class="form-control" placeholder="Search IP..." value="{{ request('ip_address') }}">
                        </div>
                        <div class="col-md-1 d-flex align-items-end">
                            <div class="btn-group w-100">
                                <button type="submit" class="btn btn-primary">Apply</button>
                                <a href="{{ route('admin.audit-logs.index') }}" class="btn btn-light">Reset</a>
                            </div>
                        </div>
                    </form>

                    <div class="table-responsive">
                        <table class="table table-hover table-centered mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Date & Time</th>
                                    <th>User</th>
                                    <th>Role</th>
                                    <th>Action</th>
                                    <th>Description</th>
                                    <th>IP Address</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($logs as $log)
                                    @php
                                        $badgeClass = 'badge-soft-secondary';
                                        if (str_starts_with($log->action, 'auth.')) $badgeClass = 'badge-soft-secondary';
                                        elseif (str_starts_with($log->action, 'kyc.')) $badgeClass = 'badge-soft-info';
                                        elseif (str_starts_with($log->action, 'booking.')) $badgeClass = 'badge-soft-warning';
                                        elseif (str_starts_with($log->action, 'withdrawal.')) $badgeClass = 'badge-soft-primary';
                                        elseif (str_starts_with($log->action, 'agent.')) $badgeClass = 'badge-soft-teal';
                                        elseif (str_starts_with($log->action, 'rank.')) $badgeClass = 'badge-soft-warning';
                                        elseif (str_starts_with($log->action, 'settings.')) $badgeClass = 'badge-soft-danger';
                                        elseif (str_starts_with($log->action, 'emi.')) $badgeClass = 'badge-soft-success';
                                    @endphp
                                    <tr>
                                        <td>
                                            <span class="text-body font-weight-bold">{{ $log->created_at->format('M d, Y') }}</span>
                                            <br>
                                            <small class="text-muted">{{ $log->created_at->format('h:i A') }}</small>
                                        </td>
                                        <td>
                                            @if($log->user)
                                                <a href="{{ route('admin.agents.show', $log->user->id) }}" class="text-body">{{ $log->user_name }}</a>
                                            @else
                                                {{ $log->user_name }}
                                            @endif
                                        </td>
                                        <td>
                                            <span class="text-capitalize">{{ $log->user_role }}</span>
                                        </td>
                                        <td>
                                            <span class="badge {{ $badgeClass }}">
                                                {{ str_ireplace('Kyc', 'KYC', Str::headline($log->action)) }}
                                            </span>
                                        </td>
                                        <td class="text-wrap" style="max-width: 300px;">
                                            {{ $log->description }}
                                        </td>
                                        <td>
                                            <small class="text-muted">{{ $log->ip_address }}</small>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center py-4">No audit logs found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                @if($logs->hasPages())
                    <div class="card-footer">
                        {{ $logs->links() }}
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
    @vite(['node_modules/choices.js/public/assets/styles/choices.min.css'])
    <style>
        .choices__list--dropdown .choices__item--selectable {
            padding-right: 12px !important;
        }
        .choices__list--dropdown .choices__item--selectable::after {
            display: none !important;
        }
        .badge-soft-teal {
            background-color: rgba(20, 184, 166, 0.1);
            color: #14b8a6;
        }
    </style>
@endpush