<div class="text-center">
    <h6 class="fw-bold mb-3">سجل تغييرات الرحلة #{{ $trip->id }}</h6>

    @if(count($history) > 0)
        <div class="table-responsive">
            <table class="table table-sm">
                <thead>
                    <tr>
                        <th>التاريخ</th>
                        <th>التغيير</th>
                        <th>القيمة السابقة</th>
                        <th>القيمة الجديدة</th>
                        <th>المستخدم</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($history as $record)
                        <tr>
                            <td>{{ $record->created_at->format('Y-m-d H:i') }}</td>
                            <td>{{ $record->field_name }}</td>
                            <td>{{ $record->old_value }}</td>
                            <td>{{ $record->new_value }}</td>
                            <td>{{ $record->user_name ?? 'النظام' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @else
        <div class="py-4">
            <i class="fas fa-history fa-2x text-muted mb-3"></i>
            <p class="text-muted mb-0">لا يوجد سجل تغييرات لهذه الرحلة</p>
        </div>
    @endif

    <div class="mt-3">
        <small class="text-muted">
            <i class="fas fa-info-circle"></i>
            سيتم إضافة سجل التغييرات تلقائياً عند تحديث حالة الرحلة
        </small>
    </div>
</div>
