@extends('layout.app')

@section('content')
    <div class="card">
        <div class="card-body">


            <div class="col-md-3 d-flex-justify-content-center">
                {{ $type }} Log History
            </div>

            <table class="table-responsive w-100 table-bordered">
                <thead>
                    <th class="text-center">Date</th>
                    <th class="text-center">Action</th>
                    <th class="text-center">Edit By</th>
                    <th class="text-center">Old Data</th>
                    <th class="text-center">New Data</th>
                </thead>
                <tbody>
                    @foreach ($list as $log)
                        @php
                            $action = $log->log_action ?? 'update';

                            // Long values (an old JSON blob) show a readable head, full text on hover.
                            $show = function ($value) {
                                $text = is_array($value) || is_object($value) ? json_encode($value) : (string) ($value ?? '');
                                return ['full' => $text, 'short' => \Illuminate\Support\Str::limit($text, 120)];
                            };

                            // A relation dumped into an old log row (a list of related rows) is never a
                            // real field change — the two sides could never match, so it showed up as
                            // "changed" on every edit. Skip it; a JSON column holding plain values
                            // (a list of ids, say) is a real change and stays.
                            $isRowDump = function ($value) {
                                if (! is_array($value) || $value === []) {
                                    return false;
                                }
                                $first = reset($value);
                                return is_array($first) || is_object($first);
                            };

                            $old = (array) json_decode($log->old_info, true);
                            $new = (array) json_decode($log->new_info, true);

                            // A delete keeps the whole record in old_info — there is nothing to
                            // diff it against, so show it as-is instead of a field comparison.
                            if ($action === 'delete') {
                                $change_old = collect($old)->except(['updated_at'])->reject($isRowDump)->all();
                                $change_new = [];
                            } else {
                                $change_old = [];
                                $change_new = [];
                                foreach ($old as $key => $value) {
                                    $newValue = $new[$key] ?? null;
                                    if ($isRowDump($value) || $isRowDump($newValue)) {
                                        continue;
                                    }
                                    if ($value != $newValue && $key != 'updated_at') {
                                        $change_old[$key] = $value;
                                        $change_new[$key] = $newValue;
                                    }
                                }
                            }
                        @endphp
                        <tr>
                            <td class="p-1">{{ $log->created_at->format('d-m-Y H:i:s') }}</td>
                            <td class="text-center">
                                @if ($action === 'delete')
                                    <span class="badge badge-danger">Deleted</span>
                                @else
                                    <span class="badge badge-info">Updated</span>
                                @endif
                            </td>
                            <td class="text-center">{{ $log->user->name ?? '' }}</td>

                            @if ($change_old)
                                <td class="text-center w-50">
                                    <table class="table table-bordered table-responsive ">
                                        <thead style="background: #fdba74;color:#FFFFFF;">

                                            @foreach ($change_old as $key => $value)
                                                <th>{{ $key }}</th>
                                            @endforeach

                                        </thead>

                                        <tbody>
                                            @foreach ($change_old as $key => $value)
                                                @php($cell = $show($value))
                                                <th title="{{ $cell['full'] }}">{{ $cell['short'] }}</th>
                                            @endforeach
                                        </tbody>

                                    </table>
                                </td>
                            @endif

                            @if ($change_new)
                                <td class="text-center w-50">
                                    <table class="table-responsive table table-bordered ">
                                        <thead style="background:#84cc16 !important;color:#FFFFFF;">

                                            @foreach ($change_new as $key => $value)
                                                <th>{{ $key }}</th>
                                            @endforeach

                                        </thead>

                                        <tbody>
                                            @foreach ($change_new as $key => $value)
                                                @php($cell = $show($value))
                                                <td title="{{ $cell['full'] }}">{{ $cell['short'] }}</td>
                                            @endforeach
                                        </tbody>

                                    </table>
                                </td>
                            @endif



                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

@push('styles')
    <style>
        #wrap span,
        td a,
        td span {
            white-space: normal !important;
        }
    </style>
@endpush

@section('ajax')
@endsection