@extends('layouts.app')

@section('title','Revision Logs')
@section('page-title','Revision Logs')
@section('page-description','Review changes made to syllabus and programme records, including import activities and manual updates.')
@section('page-badge', $logs->total().' entries')

@section('content')
@php
    $importCount = $logs->getCollection()->where('action', 'imported')->count();
    $editCount = $logs->getCollection()->whereIn('action', ['updated','edited'])->count();
    $deleteCount = $logs->getCollection()->where('action', 'deleted')->count();
@endphp

<div class="summary-grid">
    <div class="summary-tile">
        <span class="summary-icon"><i class="bi bi-clock-history"></i></span>
        <span class="summary-copy"><strong>{{ $logs->total() }}</strong><span>Total log entries</span></span>
    </div>
    <div class="summary-tile">
        <span class="summary-icon alt"><i class="bi bi-upload"></i></span>
        <span class="summary-copy"><strong>{{ $importCount }}</strong><span>Imported in this page</span></span>
    </div>
    <div class="summary-tile">
        <span class="summary-icon success"><i class="bi bi-pencil-square"></i></span>
        <span class="summary-copy"><strong>{{ $editCount }}</strong><span>Updated in this page</span></span>
    </div>
    <div class="summary-tile">
        <span class="summary-icon slate"><i class="bi bi-trash3"></i></span>
        <span class="summary-copy"><strong>{{ $deleteCount }}</strong><span>Deleted in this page</span></span>
    </div>
</div>

<form class="toolbar-card" method="GET" action="{{ route('audit.index') }}">
    <div class="search-control"><i class="bi bi-search"></i><input class="form-control" name="search" value="{{ request('search') }}" placeholder="Search record label, user or action"></div>
    <button class="btn btn-outline-primary" type="submit"><i class="bi bi-funnel"></i> Filter</button>
    @if(request()->filled('search'))
        <a class="btn btn-light" href="{{ route('audit.index') }}" title="Clear search"><i class="bi bi-x-lg"></i></a>
    @endif
</form>

<div class="data-card">
    <div class="data-card-head">
        <div>
            <h2>Revision Activity</h2>
            <p>Use View to inspect the record snapshot before and after a change.</p>
        </div>
        <span class="data-card-meta">Showing {{ $logs->firstItem() ?? 0 }}–{{ $logs->lastItem() ?? 0 }} of {{ $logs->total() }}</span>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle ast-data-table">
            <thead>
                <tr>
                    <th>Date & time</th>
                    <th>User</th>
                    <th>Action</th>
                    <th>Record</th>
                    <th>Before</th>
                    <th>After</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
            @forelse($logs as $l)
                <tr>
                    <td>
                        <span class="table-primary-text">{{ $l->created_at?->format('d/m/Y') }}</span>
                        <span class="table-secondary-text">{{ $l->created_at?->format('h:i:s A') }}</span>
                    </td>
                    <td>
                        <span class="table-primary-text">{{ $l->user?->name ?? 'System' }}</span>
                        <span class="table-secondary-text">{{ $l->user?->role ? ucfirst($l->user->role) : 'Automated action' }}</span>
                    </td>
                    <td>
                        <span class="status-badge {{ in_array($l->action, ['created','imported']) ? 'approved' : ($l->action === 'deleted' ? 'archived' : 'submitted') }}">
                            <i class="bi bi-circle-fill"></i>{{ ucfirst($l->action) }}
                        </span>
                    </td>
                    <td>
                        <span class="table-primary-text">{{ $l->record_label }}</span>
                        <span class="table-secondary-text">Log #{{ $l->id }}</span>
                    </td>
                    <td>
                        <button type="button" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#beforeModal{{ $l->id }}">
                            <i class="bi bi-eye"></i> View
                        </button>
                    </td>
                    <td>
                        <button type="button" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#afterModal{{ $l->id }}">
                            <i class="bi bi-eye"></i> View
                        </button>
                    </td>
                    <td class="text-end text-nowrap">
                        <span class="action-group">
                            <a class="btn btn-sm btn-outline-secondary" href="{{ route('audit.edit',$l) }}"><i class="bi bi-pencil"></i> Edit</a>
                            <form class="d-inline" method="POST" action="{{ route('audit.destroy',$l) }}" onsubmit="return confirm('Delete this revision record?')">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i> Delete</button>
                            </form>
                        </span>
                    </td>
                </tr>

                <div class="modal fade" id="beforeModal{{ $l->id }}" tabindex="-1" aria-hidden="true">
                    <div class="modal-dialog modal-lg modal-dialog-scrollable">
                        <div class="modal-content ast-modal">
                            <div class="modal-header">
                                <div>
                                    <h5 class="modal-title mb-1">Before · {{ $l->record_label }}</h5>
                                    <small class="text-muted">{{ ucfirst($l->action) }} by {{ $l->user?->name ?? 'System' }}</small>
                                </div>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <pre class="json-preview">{{ json_encode($l->before_data, JSON_PRETTY_PRINT|JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES) }}</pre>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal fade" id="afterModal{{ $l->id }}" tabindex="-1" aria-hidden="true">
                    <div class="modal-dialog modal-lg modal-dialog-scrollable">
                        <div class="modal-content ast-modal">
                            <div class="modal-header">
                                <div>
                                    <h5 class="modal-title mb-1">After · {{ $l->record_label }}</h5>
                                    <small class="text-muted">{{ ucfirst($l->action) }} by {{ $l->user?->name ?? 'System' }}</small>
                                </div>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <pre class="json-preview">{{ json_encode($l->after_data, JSON_PRETTY_PRINT|JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES) }}</pre>
                            </div>
                        </div>
                    </div>
                </div>
            @empty
                <tr>
                    <td colspan="7">
                        <div class="empty-table-state">
                            <span class="empty-icon"><i class="bi bi-clock-history"></i></span>
                            <strong>No revision logs found</strong>
                            <span>Try a different search term or perform an import/update first.</span>
                        </div>
                    </td>
                </tr>
            @endforelse
            </tbody>
        </table>
    </div>

    <div class="data-card-foot">
        {{ $logs->links() }}
    </div>
</div>
@endsection