<div class="row">
    <div class="col-md-6">
        <h6 class="fw-bold">معلومات الرحلة</h6>
        <table class="table table-sm">
            <tr>
                <td><strong>رقم الرحلة:</strong></td>
                <td>#{{ $trip->id }}</td>
            </tr>
            <tr>
                <td><strong>الحالة:</strong></td>
                <td>
                    @switch($trip->status)
                        @case('pending')
                            <span class="badge bg-warning">في الانتظار</span>
                            @break
                        @case('accepted')
                            <span class="badge bg-info">مقبولة</span>
                            @break
                        @case('started')
                            <span class="badge bg-primary">قيد التنفيذ</span>
                            @break
                        @case('completed')
                            <span class="badge bg-success">مكتملة</span>
                            @break
                        @case('cancelled')
                            <span class="badge bg-danger">ملغية</span>
                            @break
                        @default
                            <span class="badge bg-secondary">{{ $trip->status }}</span>
                    @endswitch
                </td>
            </tr>
            <tr>
                <td><strong>المسافة:</strong></td>
                <td>{{ $trip->distance ? $trip->distance . ' كم' : 'غير محدد' }}</td>
            </tr>
            <tr>
                <td><strong>السعر:</strong></td>
                <td>{{ $trip->fare ? $trip->fare . ' ريال' : 'غير محدد' }}</td>
            </tr>
        </table>
    </div>
    <div class="col-md-6">
        <h6 class="fw-bold">المواقع</h6>
        <div class="mb-3">
            <strong>نقطة الانطلاق:</strong><br>
            <small>{{ $trip->pickup_location }}</small>
        </div>
        <div class="mb-3">
            <strong>نقطة الوصول:</strong><br>
            <small>{{ $trip->dropoff_location }}</small>
        </div>
    </div>
</div>

@if($trip->notes)
    <div class="row mt-3">
        <div class="col-12">
            <h6 class="fw-bold">الملاحظات</h6>
            <p class="mb-0">{{ $trip->notes }}</p>
        </div>
    </div>
@endif

<div class="row mt-3">
    <div class="col-12">
        <h6 class="fw-bold">التقييمات</h6>
        <div class="row">
            <div class="col-md-6">
                <strong>تقييم السائق:</strong>
                @if($trip->driver_rating)
                    <span class="text-warning">
                        @for($i = 1; $i <= 5; $i++)
                            @if($i <= $trip->driver_rating)
                                <i class="fas fa-star"></i>
                            @else
                                <i class="far fa-star"></i>
                            @endif
                        @endfor
                    </span>
                    <span class="ms-2">{{ $trip->driver_rating }}/5</span>
                @else
                    <span class="text-muted">لم يتم التقييم</span>
                @endif
            </div>
            <div class="col-md-6">
                <strong>تقييم الراكب:</strong>
                @if($trip->passenger_rating)
                    <span class="text-warning">
                        @for($i = 1; $i <= 5; $i++)
                            @if($i <= $trip->passenger_rating)
                                <i class="fas fa-star"></i>
                            @else
                                <i class="far fa-star"></i>
                            @endif
                        @endfor
                    </span>
                    <span class="ms-2">{{ $trip->passenger_rating }}/5</span>
                @else
                    <span class="text-muted">لم يتم التقييم</span>
                @endif
            </div>
        </div>
    </div>
</div>
