@extends('layouts.admin')

@section('title', '操作日誌')

@section('content')
<h4 class="mb-4"><i class="bi bi-journal-text me-2"></i>操作日誌</h4>

<div class="card mb-3">
    <div class="card-body">
        <form method="GET" class="row g-2">
            <div class="col-md-3">
                <select name="action" class="form-select">
                    <option value="">全部動作</option>
                    <option value="created" @selected(request('action') === 'created')>新增</option>
                    <option value="updated" @selected(request('action') === 'updated')>更新</option>
                    <option value="deleted" @selected(request('action') === 'deleted')>刪除</option>
                </select>
            </div>
            <div class="col-md-3">
                <select name="user_id" class="form-select">
                    <option value="">全部用戶</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" @selected(request('user_id') == $user->id)>{{ $user->name }}（{{ $user->username }}）</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <input type="text" name="keyword" value="{{ request('keyword') }}" class="form-control" placeholder="搜尋描述...">
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-primary w-100"><i class="bi bi-search me-1"></i>篩選</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead>
                <tr>
                    <th>時間</th>
                    <th>用戶</th>
                    <th>動作</th>
                    <th>描述</th>
                    <th>變更內容</th>
                </tr>
            </thead>
            <tbody>
                @forelse($logs as $log)
                    <tr>
                        <td class="text-nowrap">{{ $log->created_at->format('m-d H:i') }}</td>
                        <td>{{ $log->user?->name ?? '系統' }}</td>
                        <td>
                            @php
                                $badge = match ($log->action) {
                                    'created' => 'success',
                                    'updated' => 'warning',
                                    'deleted' => 'danger',
                                    default => 'secondary',
                                };
                                $label = match ($log->action) {
                                    'created' => '新增',
                                    'updated' => '更新',
                                    'deleted' => '刪除',
                                    default => $log->action,
                                };
                            @endphp
                            <span class="badge bg-{{ $badge }}">{{ $label }}</span>
                        </td>
                        <td>{{ $log->description }}</td>
                        <td>
                            @if($log->properties && isset($log->properties['new']))
                                <details>
                                    <summary class="text-primary small" style="cursor:pointer">查看變更</summary>
                                    <div class="small mt-1">
                                        @foreach($log->properties['new'] as $field => $newValue)
                                            <div>
                                                <code>{{ $field }}</code>:
                                                <span class="text-danger">{{ old_field_value($log, $field) }}</span>
                                                → <span class="text-success">{{ mb_substr(json_encode($newValue, JSON_UNESCAPED_UNICODE), 1, -1) }}</span>
                                            </div>
                                        @endforeach
                                    </div>
                                </details>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-5">沒有符合的日誌記錄</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">
        {{ $logs->links() }}
    </div>
</div>
@endsection

@php
/**
 * 從 properties['old'] 取出舊值顯示（新視圖變數無法傳入 helper，直接 closure 處理）
 */
function old_field_value($log, $field)
{
    $old = $log->properties['old'][$field] ?? null;
    $encoded = json_encode($old, JSON_UNESCAPED_UNICODE);

    return $old === null ? '空值' : mb_substr($encoded, 1, -1);
}
@endphp