@extends('layouts.admin.app')
@section('title', translate('messages.employee_audit_log'))

@section('content')
    <div class="content container-fluid">
        <div class="page-header">
            <h1 class="page-header-title">
                <span class="page-header-icon">
                    <i class="tio-history"></i>
                </span>
                <span>{{ translate('messages.employee_audit_log') }}</span>
            </h1>
        </div>

        <div class="card">
            <div class="card-header py-3">
                <form method="GET" class="w-100">
                    <div class="row g-2">
                        <div class="col-md-3">
                            <input type="search" class="form-control" name="search" value="{{ request('search') }}"
                                   placeholder="{{ translate('messages.search_by_name_or_email') }}">
                        </div>
                        <div class="col-md-2">
                            <select name="event" class="form-control">
                                <option value="">{{ translate('messages.all') }}</option>
                                @foreach (['create', 'update', 'delete', 'login', 'logout', 'forced_logout'] as $event)
                                    <option value="{{ $event }}" {{ request('event') === $event ? 'selected' : '' }}>
                                        {{ ucfirst(str_replace('_', ' ', $event)) }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        @if((int)auth('admin')->user()->role_id === 1)
                            <div class="col-md-2">
                                <select name="zone_id" class="form-control">
                                    <option value="">{{ translate('messages.all_zone') }}</option>
                                    @foreach($zones as $zone)
                                        <option value="{{ $zone->id }}" {{ (string)request('zone_id') === (string)$zone->id ? 'selected' : '' }}>
                                            {{ $zone->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        @endif
                        <div class="col-md-2">
                            <input type="date" name="from" class="form-control" value="{{ request('from') }}">
                        </div>
                        <div class="col-md-2">
                            <input type="date" name="to" class="form-control" value="{{ request('to') }}">
                        </div>
                        <div class="col-md-1 d-flex gap-2">
                            <button class="btn btn--primary w-100" type="submit">
                                <i class="tio-search"></i>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover table-borderless table-thead-bordered table-nowrap table-align-middle card-table">
                        <thead class="thead-light">
                        <tr>
                            <th>{{ translate('messages.sl') }}</th>
                            <th>{{ translate('messages.employee') }}</th>
                            <th>{{ translate('messages.event') }}</th>
                            <th>{{ translate('messages.actor') }}</th>
                            <th>{{ translate('messages.zone') }}</th>
                            <th>{{ translate('messages.date') }}</th>
                            <th>{{ translate('messages.details') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($logs as $index => $log)
                            @php($employee = $employees[$log->subject_id] ?? null)
                            @php($actor = $actors[$log->actor_id] ?? null)
                            <tr>
                                <td>{{ $index + $logs->firstItem() }}</td>
                                <td>{{ $employee ? trim($employee->f_name.' '.$employee->l_name) : 'N/A' }}</td>
                                <td class="text-capitalize">{{ str_replace('_', ' ', $log->event) }}</td>
                                <td>{{ $actor ? trim($actor->f_name.' '.$actor->l_name) : 'System' }}</td>
                                <td>{{ $employee?->zones?->name ?? 'N/A' }}</td>
                                <td>{{ \App\CentralLogics\Helpers::format_date($log->created_at) }}</td>
                                <td class="text-wrap">
                                    @if($log->new_values)
                                        {{ json_encode($log->new_values) }}
                                    @elseif($log->old_values)
                                        {{ json_encode($log->old_values) }}
                                    @else
                                        N/A
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center py-4">{{ translate('messages.no_data_found') }}</td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            @if($logs->count())
                <div class="card-footer">
                    {!! $logs->links() !!}
                </div>
            @endif
        </div>
    </div>
@endsection