@if ($logs->count() > 0)
    <div class="timeline">
        @foreach ($logs as $index => $log)
            @php
                $isLast = $index === $logs->count() - 1;
                $actionType = $log->old_cash_value ? 'Updated' : 'Created';
                $actionColor = $log->old_cash_value ? 'warning' : 'success';
                $actionIcon = $log->old_cash_value ? 'bx-edit' : 'bx-plus-circle';
            @endphp

            <div class="timeline-item {{ $isLast ? 'timeline-end' : '' }}">
                <div class="timeline-markers bg-{{ $actionColor }}">
                    <i class="bx {{ $actionIcon }}"></i>
                </div>

                <div class="timeline-content">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <span class="badge bg-{{ $actionColor }}">{{ $actionType }}</span>
                        <small class="text-muted">
                            {{ $log->created_at->format('d-m-Y H:i:s') }}
                        </small>
                    </div>

                    <div class="row g-2">
                        <div class="col-md-6">
                            <strong>Cash:</strong>
                            ₹{{ $log->new_cash_value ?? ($log->old_cash_value ?? 0) }}
                        </div>
                        <div class="col-md-6">
                            <strong>Online:</strong>
                            ₹{{ $log->new_online_value ?? ($log->old_online_value ?? 0) }}
                        </div>
                    </div>

                    @if ($log->old_cash_value)
                        <div class="mt-2 text-muted small">
                            Previous Cash: ₹{{ $log->old_cash_value }}
                        </div>
                    @endif

                    @if ($log->new_remark || $log->old_remark)
                        <div class="mt-2">
                            <strong>Remark:</strong>
                            {{ $log->new_remark ?? $log->old_remark }}
                        </div>
                    @endif

                    @if ($log->description)
                        <div class="mt-2 text-muted">
                            {{ $log->description }}
                        </div>
                    @endif

                    <div class="mt-2 text-muted">
                        <strong>
                            {{ $log->old_cash_value ? 'Updated By:' : 'Created By:' }}
                        </strong>

                        {{ $log->old_cash_value
                            ? ($log->updatedUser
                                ? $log->updatedUser->first_name
                                : $log->createdUser->first_name ?? 'System')
                            : $log->createdUser->first_name ?? 'System' }}
                    </div>

                </div>
            </div>
        @endforeach
    </div>
@else
    <div class="text-center text-muted py-4">
        <i class="bx bx-info-circle fs-1"></i><br>
        No history found
    </div>
@endif