@props([
    'applicant',
    'field'        
])

@php
    $fieldLogs = $applicant->logs->where('field', $field);

    $formatLogValue = function($value) {
        if ($value === null) return 'Pending';
        if ($value === 0 || $value === '0') return 'No';
        if ($value === 1 || $value === '1') return 'Yes';
        return $value;
    };
@endphp

@if($fieldLogs->count())
    <div class="mt-1">
        <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $field }}" aria-expanded="false" aria-controls="collapse{{ $field }}">
            View Logs ({{ $fieldLogs->count() }})
        </button>

        <div class="collapse mt-2" id="collapse{{ $field }}">
            <div class="p-2 border rounded bg-light small" style="max-height: 150px; overflow-y: auto;">

                @foreach($fieldLogs as $log)
                    <div class="mb-1">
                        <strong>{{ $log->user->full_name ?? 'System' }}</strong>
                        changed from
                        <span class="text-danger">{{ $formatLogValue($log->old_value) }}</span>
                        to
                        <span class="text-success">{{ $formatLogValue($log->new_value) }}</span>
                        <span class="text-muted">({{ $log->created_at->format('Y-m-d H:i A') }})</span>
                    </div>
                @endforeach

            </div>
        </div>
    </div>
@endif