@extends('layouts.app')

@section('title', 'บันทึกการดำเนินการผู้ใช้')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h2 class="fw-bold text-dark mb-0">บันทึกการดำเนินการผู้ใช้</h2>
            <p class="text-muted mb-0">ตรวจสอบการปรับสิทธิ์/สถานะของบัญชีสมาชิก</p>
        </div>
    </div>

    <div class="card shadow-sm">
        <div class="card-body">
            <table id="audit-table" class="table table-striped table-bordered align-middle">
                <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>รหัสสมาชิก</th>
                        <th>ดำเนินการโดย</th>
                        <th>วันที่</th>
                        <th>Logs (JSON)</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($audits as $audit)
                        @php
                            $logData = $audit->logs;
                            $prettyLogs = is_array($logData)
                                ? json_encode($logData, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)
                                : ($logData ?? '-');
                        @endphp
                        <tr>
                            <td>{{ $audit->id }}</td>
                            <td>
                                <div class="fw-semibold">{{ $audit->membership_no }}</div>
                                <small class="text-muted">
                                    @if ($audit->member)
                                        {{ $audit->member->first_name }} {{ $audit->member->last_name }}
                                    @elseif($audit->targetUser)
                                        {{ $audit->targetUser->line_display_name ?? $audit->targetUser->name ?? '-' }}
                                    @else
                                        -
                                    @endif
                                </small>
                            </td>
                            <td>
                                <div class="fw-semibold">
                                    {{ $audit->actor?->line_display_name ?? $audit->actor?->name ?? '-' }}
                                </div>
                                <small class="text-muted">User ID: {{ $audit->user_id }}</small>
                            </td>
                            <td>{{ optional($audit->created_at)->format('d/m/Y H:i') ?? '-' }}</td>
                            <td>
                                <div class="log-box">
                                    <pre class="mb-0">{{ $prettyLogs }}</pre>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    @push('styles')
        <style>
            .log-box {
                max-width: 560px;
                max-height: 200px;
                overflow: auto;
                background: #f8f9fa;
                border: 1px solid #e9ecef;
                border-radius: 6px;
                padding: 10px;
            }
        </style>
    @endpush

    @push('scripts')
        <script>
            $(function() {
                $('#audit-table').DataTable({
                    "pageLength": 50,
                    "lengthMenu": [50, 100],
                    "order": [
                        [0, 'desc']
                    ],
                    "language": {
                        "decimal": "",
                        "emptyTable": "ไม่พบข้อมูลในตาราง",
                        "info": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
                        "infoEmpty": "แสดง 0 ถึง 0 จากทั้งหมด 0 รายการ",
                        "infoFiltered": "(กรองจากทั้งหมด _MAX_ รายการ)",
                        "lengthMenu": "แสดง _MENU_ รายการ",
                        "loadingRecords": "กำลังโหลด...",
                        "processing": "กำลังประมวลผล...",
                        "search": "ค้นหา:",
                        "zeroRecords": "ไม่พบข้อมูลที่ตรงกัน",
                        "paginate": {
                            "first": "หน้าแรก",
                            "last": "หน้าสุดท้าย",
                            "next": "ถัดไป",
                            "previous": "ก่อนหน้า"
                        },
                        "aria": {
                            "sortAscending": ": เปิดการเรียงจากน้อยไปมาก",
                            "sortDescending": ": เปิดการเรียงจากมากไปน้อย"
                        }
                    }
                });
            });
        </script>
    @endpush
@endsection