@extends('adminlte::page')

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

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="font-weight-bold text-dark">Audit Trail</h1>
        <a href="{{ route('reports.index') }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-arrow-left mr-1"></i> Reports Center</a>
    </div>
@stop

@section('content')
<div class="card shadow-sm border-0 mb-4">
    <div class="card-header bg-white py-3">
        <h5 class="card-title mb-0 text-secondary font-weight-bold"><i class="fas fa-filter mr-2"></i> Filter Options</h5>
        <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
        </div>
    </div>
    <div class="card-body">
        <form action="{{ route('reports.audit_trail') }}" method="GET">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label class="small font-weight-bold text-muted">Date From</label>
                        <input type="date" name="start_date" class="form-control" value="{{ request('start_date') }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label class="small font-weight-bold text-muted">Date To</label>
                        <input type="date" name="end_date" class="form-control" value="{{ request('end_date') }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label class="small font-weight-bold text-muted">Event Type</label>
                        <select name="event" class="form-control">
                            <option value="">All Events</option>
                            <option value="created" {{ request('event') == 'created' ? 'selected' : '' }}>Created</option>
                            <option value="updated" {{ request('event') == 'updated' ? 'selected' : '' }}>Updated</option>
                            <option value="deleted" {{ request('event') == 'deleted' ? 'selected' : '' }}>Deleted</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-3 d-flex align-items-end">
                    <div class="form-group w-100">
                        <button type="submit" class="btn btn-secondary btn-block shadow-sm"><i class="fas fa-search mr-1"></i> Search Logs</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="card shadow-md border-0">
    <div class="card-body p-0 table-responsive">
        <table class="table table-hover table-striped mb-0 text-nowrap">
            <thead class="bg-light text-muted">
                <tr>
                    <th class="pl-4">Timestamp</th>
                    <th>User</th>
                    <th>Event</th>
                    <th>Subject</th>
                    <th class="pr-4">Properties</th>
                </tr>
            </thead>
            <tbody>
                @forelse($activities as $activity)
                    <tr>
                        <td class="pl-4 align-middle text-muted small">{{ $activity->created_at->format('M d, Y H:i:s') }}</td>
                        <td class="align-middle font-weight-bold">{{ $activity->causer->name ?? 'System' }}</td>
                        <td class="align-middle">
                            @php
                                $badgeClass = match($activity->event) {
                                    'created' => 'badge-success',
                                    'updated' => 'badge-warning',
                                    'deleted' => 'badge-danger',
                                    default => 'badge-info',
                                };
                            @endphp
                            <span class="badge {{ $badgeClass }}">{{ ucfirst($activity->event) }}</span>
                        </td>
                        <td class="align-middle">
                            {{ class_basename($activity->subject_type) }} <span class="text-muted text-xs">#{{ $activity->subject_id }}</span>
                        </td>
                        <td class="align-middle pr-4 small">
                            <button type="button" class="btn btn-xs btn-outline-secondary" data-toggle="modal" data-target="#logModal{{ $activity->id }}">
                                <i class="fas fa-code mr-1"></i> View Changes
                            </button>

                            <!-- Modal -->
                            <div class="modal fade" id="logModal{{ $activity->id }}" tabindex="-1" role="dialog" aria-hidden="true">
                                <div class="modal-dialog modal-lg" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">Activity Details</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body bg-light">
                                            <label class="font-weight-bold">Changes:</label>
                                            <pre class="bg-white p-3 border rounded"><code>{{ json_encode($activity->properties, JSON_PRETTY_PRINT) }}</code></pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="text-center py-5 text-muted">No activity logs found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer bg-white border-0 py-3">
        {!! $activities->withQueryString()->links('pagination::bootstrap-5') !!}
    </div>
</div>
@stop