@extends('layout.app')

@section('content')
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title" style="color:#115548;">{{ $meta['label'] }} — Edit &amp; Delete Log</h3>
                            <div class="card-tools">
                                <a href="{{ route($meta['route']) }}" class="btn btn-sm btn-secondary">
                                    <i class="fas fa-arrow-left"></i> Back to {{ $meta['label'] }}
                                </a>
                            </div>
                        </div>

                        <div class="card-body">
                            <form method="GET" action="{{ route('manager-finance-log.index') }}" class="row mb-3">
                                <input type="hidden" name="type" value="{{ $type }}">
                                <div class="col-md-2 mb-2">
                                    <label class="mb-1">Action</label>
                                    <select name="action" class="form-control">
                                        <option value="">All</option>
                                        <option value="update" {{ request('action') == 'update' ? 'selected' : '' }}>Edited</option>
                                        <option value="delete" {{ request('action') == 'delete' ? 'selected' : '' }}>Deleted</option>
                                    </select>
                                </div>
                                <div class="col-md-2 mb-2">
                                    <label class="mb-1">Record ID</label>
                                    <input type="number" name="record_id" class="form-control" value="{{ request('record_id') }}" placeholder="e.g. 12">
                                </div>
                                <div class="col-md-2 mb-2">
                                    <label class="mb-1">From Date</label>
                                    <input type="date" name="from_date" class="form-control" value="{{ request('from_date') }}">
                                </div>
                                <div class="col-md-2 mb-2">
                                    <label class="mb-1">To Date</label>
                                    <input type="date" name="to_date" class="form-control" value="{{ request('to_date') }}">
                                </div>
                                <div class="col-md-2 mb-2 align-self-end">
                                    <button type="submit" class="btn btn-primary btn-block">
                                        <i class="fas fa-search"></i> Search
                                    </button>
                                </div>
                                <div class="col-md-2 mb-2 align-self-end">
                                    <a href="{{ route('manager-finance-log.index', ['type' => $type]) }}" class="btn btn-outline-secondary btn-block">Reset</a>
                                </div>
                            </form>

                            <div class="table-responsive">
                                <table class="table table-bordered table-sm table-hover">
                                    <thead style="background:#115548;color:#fff;">
                                        <tr>
                                            <th style="width:60px;">#</th>
                                            <th style="width:150px;">Date</th>
                                            <th style="width:90px;">Record</th>
                                            <th style="width:100px;">Action</th>
                                            <th style="width:180px;">By</th>
                                            <th>Changes</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($logs as $log)
                                            @php
                                                $action = $log->log_action ?? 'update';
                                                $old = (array) json_decode($log->old_info, true);
                                                $new = (array) json_decode($log->new_info, true);

                                                // 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);
                                                };

                                                // A delete keeps the full record in old_info; an edit is shown
                                                // as the fields that actually changed.
                                                $changes = [];
                                                if ($action === 'delete') {
                                                    foreach (collect($old)->except(['updated_at', 'created_at', 'deleted_at'])->all() as $key => $value) {
                                                        if ($value !== null && $value !== '' && ! $isRowDump($value)) {
                                                            $changes[$key] = ['old' => $value, 'new' => null];
                                                        }
                                                    }
                                                } else {
                                                    foreach ($old as $key => $value) {
                                                        $newValue = $new[$key] ?? null;
                                                        if ($isRowDump($value) || $isRowDump($newValue)) {
                                                            continue;
                                                        }
                                                        if ($value != $newValue && $key != 'updated_at') {
                                                            $changes[$key] = ['old' => $value, 'new' => $newValue];
                                                        }
                                                    }
                                                }
                                            @endphp
                                            <tr>
                                                <td>{{ $loop->iteration + ($logs->currentPage() - 1) * $logs->perPage() }}</td>
                                                <td>{{ $log->created_at ? $log->created_at->format('d-m-Y H:i:s') : '-' }}</td>
                                                <td>#{{ $log->log_id }}</td>
                                                <td>
                                                    @if ($action === 'delete')
                                                        <span class="badge badge-danger">Deleted</span>
                                                    @else
                                                        <span class="badge badge-info">Edited</span>
                                                    @endif
                                                </td>
                                                <td>{{ optional($log->user)->name ?? '-' }}</td>
                                                <td>
                                                    @if (empty($changes))
                                                        <span class="text-muted">—</span>
                                                    @else
                                                        <table class="table table-sm table-bordered mb-0">
                                                            <thead>
                                                                <tr>
                                                                    <th style="width:30%;">Field</th>
                                                                    <th style="width:35%;">Old</th>
                                                                    <th style="width:35%;">New</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @foreach ($changes as $field => $pair)
                                                                    @php
                                                                        // Log rows written before the change log was trimmed can hold a
                                                                        // whole relation dumped as JSON — show a readable head of it,
                                                                        // full text on hover.
                                                                        $oldText = is_array($pair['old']) || is_object($pair['old']) ? json_encode($pair['old']) : (string) ($pair['old'] ?? '');
                                                                        $newText = is_array($pair['new']) || is_object($pair['new']) ? json_encode($pair['new']) : (string) ($pair['new'] ?? '');
                                                                    @endphp
                                                                    <tr>
                                                                        <td>{{ $field }}</td>
                                                                        <td class="text-danger" title="{{ $oldText }}">
                                                                            {{ $oldText === '' ? '—' : \Illuminate\Support\Str::limit($oldText, 120) }}
                                                                        </td>
                                                                        <td class="text-success" title="{{ $newText }}">
                                                                            {{ $newText === '' ? '—' : \Illuminate\Support\Str::limit($newText, 120) }}
                                                                        </td>
                                                                    </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="6" class="text-center text-muted">No log entry found.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>

                            {{ $logs->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('ajax')
@endsection