{{-- Une livraison assurée par le restaurant : commande, client, étapes, carte
     et itinéraire — le même déroulé que la carte d'une course côté chauffeur. --}}
<div class="course-card">
    <div class="course-head">
        <div>
            <div class="course-when">{{ __('chauffeur.delivery_order_label') }} {{ $booking->order?->order_number }}</div>
            <div class="course-ref">{{ $booking->created_at->translatedFormat('j M Y H:i') }}</div>
        </div>

        @if ($booking->completed_at)
            <span class="course-status is-done">{{ __('chauffeur.delivery_status_completed') }}</span>
        @elseif ($booking->status === \App\Models\ChauffeurBooking::STATUS_CANCELLED)
            <span class="course-status is-cancelled">{{ __('chauffeur.delivery_status_cancelled') }}</span>
        @elseif ($booking->started_at)
            <span class="course-status">{{ __('chauffeur.restaurant_delivery_status_started') }}</span>
        @else
            <span class="course-status">{{ __('chauffeur.restaurant_delivery_status_to_deliver') }}</span>
        @endif
    </div>

    <div class="course-lines">
        <div class="course-line">
            <span>{{ __('messages.products_order_details') }}</span>
            <strong>{{ $booking->client_message }}</strong>
        </div>
        <div class="course-line">
            <span>{{ __('chauffeur.booking_dropoff') }}</span>
            <strong>{{ $booking->dropoff_address ?: '—' }}</strong>
        </div>
        @if ($booking->estimated_km)
            <div class="course-line">
                <span>{{ __('messages.carriers_booking_distance') }}</span>
                <strong>{{ number_format((float) $booking->estimated_km, 1, ',', ' ') }} km</strong>
            </div>
        @endif
        <div class="course-line">
            <span>{{ __('chauffeur.booking_client') }}</span>
            <strong>
                {{ trim(($booking->client->first_name ?? '') . ' ' . ($booking->client->last_name ?? '')) ?: $booking->client?->name }}
                @if ($booking->client_phone ?: $booking->client?->phone)
                    · {{ $booking->client_phone ?: $booking->client->phone }}
                @endif
            </strong>
        </div>
    </div>

    @php
        $active = $booking->isPaid() && ! $booking->completed_at;
        $clientCallUrl = $active ? phone_tel_uri($booking->client_phone ?: $booking->client?->phone, $booking->client?->country) : null;
        $navLinks = ($active && $booking->started_at) ? $booking->navigationLinks() : null;
        $nextStep = $booking->nextRideStep();
    @endphp

    @if ($clientCallUrl)
        <a href="{{ $clientCallUrl }}" class="ride-btn is-secondary">
            <i class="fa-solid fa-phone"></i> {{ __('chauffeur.mail_call_client') }}
        </a>
    @endif

    @if ($booking->livePositionAllowed())
        <span class="track-broadcast" data-position-url="{{ route('restaurant.deliveries.position', $booking) }}" hidden></span>
    @endif

    {{-- Itinéraire dans le GPS du téléphone, une fois parti. --}}
    @if ($navLinks)
        <div class="ride-nav">
            <p class="ride-nav-question"><i class="fa-solid fa-diamond-turn-right"></i> {{ __('chauffeur.nav_question') }}</p>
            <div class="ride-nav-buttons">
                <a href="{{ $navLinks['google'] }}" target="_blank" rel="noopener" class="ride-btn"><i class="fa-brands fa-google"></i> Google Maps</a>
                <a href="{{ $navLinks['waze'] }}" target="_blank" rel="noopener" class="ride-btn"><i class="fa-brands fa-waze"></i> Waze</a>
                <a href="{{ $navLinks['apple'] }}" target="_blank" rel="noopener" class="ride-btn"><i class="fa-brands fa-apple"></i> {{ __('chauffeur.nav_apple') }}</a>
            </div>
        </div>
    @endif

    @if ($active)
        <div class="ride-map-block">
            <div class="ride-map-head">
                <span class="ride-map-title"><i class="fa-solid fa-map-location-dot"></i> {{ __('messages.carriers_track_driver_map_title') }}</span>
                <span class="ride-map-eta" data-ride-eta></span>
            </div>
            <div class="ride-map" data-ride-map data-tracking-url="{{ route('restaurant.deliveries.tracking', $booking) }}"></div>
            @if ($booking->livePositionAllowed())
                <p class="ride-gps-status" data-gps-status data-level="warn"></p>
            @endif
        </div>
    @endif

    @if ($booking->ridePermitted())
        <div class="ride-progress">
            @foreach ($booking->rideSteps() as $step)
                @continue(! $booking->hasRideStep($step))
                <span class="ride-step-done"><i class="fa-solid fa-check"></i> {{ __('chauffeur.restaurant_delivery_step_' . $step . '_past') }}</span>
            @endforeach

            @if ($nextStep)
                <form method="POST" action="{{ route('restaurant.deliveries.ride-step', [$booking, $nextStep]) }}">
                    @csrf
                    <button type="submit" class="ride-btn">
                        <i class="fa-solid {{ $nextStep === 'started' ? 'fa-route' : 'fa-flag-checkered' }}"></i>
                        {{ __('chauffeur.restaurant_delivery_step_' . $nextStep) }}
                    </button>
                </form>
            @elseif ($booking->completed_at)
                <span class="ride-done-label"><i class="fa-solid fa-flag-checkered"></i> {{ __('chauffeur.delivery_completed') }}</span>
            @endif
        </div>
    @endif

    @if ($booking->order)
        <div style="margin-top:12px;">
            <a href="{{ route('restaurant.orders.show', $booking->order->id) }}" style="font-size:13.5px;font-weight:700;color:#8a7233;">
                {{ __('chauffeur.mail_delivery_view_order') }} →
            </a>
        </div>
    @endif
</div>