@extends('layouts.admin')

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

@section('page-title', 'Activity Logs')

@push('styles')
<link href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css" rel="stylesheet" />
@endpush

@section('content')
<div class="container-fluid">
    <div class="mb-3">
        <h2>Activity Logs</h2>
    </div>

    <form method="GET" action="{{ route('admin.activity-logs.index', ['locale' => app()->getLocale()]) }}" class="mb-3">
        <div class="row g-3">
            <div class="col-md-3">
                <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="Search description, type, IP, user...">
            </div>
            <div class="col-md-2">
                <select name="user_id" class="form-select">
                    <option value="">All Users</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>
                            {{ $user->full_name }} ({{ $user->email }})
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <select name="activity_type" class="form-select">
                    <option value="">All Activity Types</option>
                    @foreach($activityTypes as $type)
                        <option value="{{ $type }}" {{ request('activity_type') == $type ? 'selected' : '' }}>
                            {{ ucfirst(str_replace('_', ' ', $type)) }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <select name="severity" class="form-select">
                    <option value="">All Severities</option>
                    <option value="info" {{ request('severity') == 'info' ? 'selected' : '' }}>Info</option>
                    <option value="warning" {{ request('severity') == 'warning' ? 'selected' : '' }}>Warning</option>
                    <option value="error" {{ request('severity') == 'error' ? 'selected' : '' }}>Error</option>
                    <option value="critical" {{ request('severity') == 'critical' ? 'selected' : '' }}>Critical</option>
                </select>
            </div>
            <div class="col-md-3">
                <div class="input-group">
                    <input type="date" name="date_from" value="{{ request('date_from') }}" class="form-control" placeholder="From Date">
                    <input type="date" name="date_to" value="{{ request('date_to') }}" class="form-control" placeholder="To Date">
                    <button type="submit" class="btn btn-primary">Filter</button>
                    <a href="{{ route('admin.activity-logs.index', ['locale' => app()->getLocale()]) }}" class="btn btn-secondary">Reset</a>
                </div>
            </div>
        </div>
    </form>

    <div class="mb-3">
        <a href="{{ route('admin.activity-logs.export', array_merge(request()->query(), ['locale' => app()->getLocale()])) }}" class="btn btn-success">Export CSV</a>
    </div>

    <table class="table table-striped table-bordered" id="activityLogsTable">
        <thead>
            <tr>
                <th>ID</th>
                <th>User</th>
                <th>Type</th>
                <th>Description</th>
                <th>IP Address</th>
                <th>Severity</th>
                <th>Date</th>
                <th>Time</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($activityLogs as $log)
            <tr>
                <td>{{ $log->id }}</td>
                <td>{{ $log->user ? $log->user->full_name : 'System' }}</td>
                <td>{{ ucfirst(str_replace('_', ' ', $log->activity_type)) }}</td>
                <td>{{ Str::limit($log->activity_description, 50) }}</td>
                <td>{{ $log->ip_address }}</td>
                <td><span class="badge {{ $log->severity_badge }}">{{ ucfirst($log->severity) }}</span></td>
                <td>{{ $log->created_at->format('Y-m-d') }}</td>
                <td>{{ $log->created_at->format('H:i:s') }}</td>
                <td>
                    <a href="{{ route('admin.activity-logs.show', array_merge([$log->id], ['locale' => app()->getLocale()])) }}" class="btn btn-sm btn-info">View</a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>

    {{ $activityLogs->links() }}
</div>
@endsection

@push('scripts')
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script>
    $(document).ready(function() {
        $('#activityLogsTable').DataTable({
            "paging": false,
            "info": false,
            "searching": false,
            "order": [[ 0, "desc" ]]
        });
    });
</script>
@endpush