{{-- Résumé d'une course, identique en attente et en historique. --}}
<div class="course-head">
    <div>
        <div class="course-when">
            @if ($booking->isImmediate())
                {{ __('chauffeur.booking_mode_now') }}
            @else
                {{ $booking->scheduled_at?->translatedFormat('l j F Y — H\hi') }}
            @endif
        </div>
        <div class="course-ref">
            {{ __('chauffeur.booking_reference') }} #{{ $booking->id }} ·
            {{ $booking->created_at->translatedFormat('j M Y H:i') }}
        </div>
    </div>

    <span class="course-status status-{{ $booking->status }}">
        {{ __('chauffeur.booking_status_' . $booking->status) }}
    </span>
</div>

<div class="course-lines">
    @if ($booking->isDishDelivery())
        <div class="course-line">
            <span>{{ __('chauffeur.delivery_type') }}</span>
            <strong><i class="fa-solid fa-bag-shopping"></i> {{ __('chauffeur.delivery_type_dish') }}</strong>
        </div>
    @endif

    @if ($booking->range_label)
        <div class="course-line">
            <span>{{ __('chauffeur.booking_range') }}</span>
            <strong>{{ $booking->range_label }}</strong>
        </div>
    @endif

    <div class="course-line">
        <span>{{ $booking->isDishDelivery() ? __('chauffeur.delivery_pickup_restaurant') : __('chauffeur.booking_pickup') }}</span>
        <strong>{{ $booking->pickup_address }}</strong>
    </div>

    @if ($booking->dropoff_address)
        <div class="course-line">
            <span>{{ __('chauffeur.booking_dropoff') }}</span>
            <strong>{{ $booking->dropoff_address }}</strong>
        </div>
    @endif

    @if ($booking->estimated_km)
        <div class="course-line">
            <span>{{ __('chauffeur.booking_estimate') }}</span>
            <strong>
                {{ number_format((float) $booking->estimated_km, 1, ',', ' ') }} km
                @if ($booking->estimated_amount)
                    — {{ number_format((float) $booking->estimated_amount, 2, ',', ' ') }} {{ $booking->currency }}
                @endif
            </strong>
        </div>
    @endif

    @if ($booking->passengers)
        <div class="course-line">
            <span>{{ __('chauffeur.booking_passengers') }}</span>
            <strong>{{ $booking->passengers }}</strong>
        </div>
    @endif

    @if ($booking->client_message)
        <div class="course-line">
            <span>{{ __('chauffeur.booking_message') }}</span>
            <strong>{{ $booking->client_message }}</strong>
        </div>
    @endif

    @if ($booking->total_amount)
        <div class="course-line">
            <span>{{ __('chauffeur.booking_amount') }}</span>
            <strong>{{ number_format((float) $booking->total_amount, 2, ',', ' ') }} {{ $booking->currency }}</strong>
        </div>
    @endif

    {{-- Le téléphone du client est utile dès la demande : le chauffeur peut
         avoir besoin de l'appeler avant même de répondre, notamment pour une
         course immédiate. --}}
    <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>

{{-- Appel direct du client : sur un téléphone, le lien « tel: » ouvre
     l'application d'appel. Il accompagne le numéro, visible dès la demande. --}}
@php
    $clientCallUrl = phone_tel_uri($booking->client_phone ?: $booking->client?->phone, $booking->client?->country);
@endphp
@if ($clientCallUrl)
    <div class="course-call">
        <a href="{{ $clientCallUrl }}" class="ride-btn is-secondary">
            <i class="fa-solid fa-phone"></i> {{ __('chauffeur.mail_call_client') }}
        </a>
    </div>
@endif

@if ($booking->isPending() && $booking->chauffeur_deadline)
    <p class="course-deadline">
        {{ __('chauffeur.booking_answer_before', ['time' => $booking->chauffeur_deadline->translatedFormat('j M H:i')]) }}
    </p>
@endif

{{-- Suivi du trajet réel : quatre étapes, chacune n'apparaît qu'une fois la
     précédente validée. Une course en attente ou refusée n'en a pas encore
     besoin — le suivi ne démarre qu'une fois la course confirmée. --}}
{{-- Marqueur muet, lu par le JS de diffusion de position : tant que la
     course est en route (départ signalé, pas encore terminée), ce navigateur
     doit envoyer sa position pour alimenter la carte de suivi du client. --}}
@if ($booking->livePositionAllowed())
    <span class="track-broadcast" data-position-url="{{ route('chauffeur.bookings.position', $booking) }}" hidden></span>
@endif

{{-- Navigation, une fois la course réellement commencée : le chauffeur choisit
     de suivre l'itinéraire dans le GPS de son téléphone, départ et arrivée
     préremplis, ou de rester dans l'application. --}}
@php
    $navLinks = ($booking->started_at && ! $booking->completed_at) ? $booking->navigationLinks() : null;
@endphp
@if ($navLinks)
    <div class="ride-nav" data-ride-nav="{{ $booking->id }}">
        <div class="ride-nav-choice" data-ride-nav-choice>
            <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" data-ride-nav-app>
                    <i class="fa-brands fa-google"></i> Google Maps
                </a>
                <a href="{{ $navLinks['waze'] }}" target="_blank" rel="noopener" class="ride-btn" data-ride-nav-app>
                    <i class="fa-brands fa-waze"></i> Waze
                </a>
                <a href="{{ $navLinks['apple'] }}" target="_blank" rel="noopener" class="ride-btn" data-ride-nav-app>
                    <i class="fa-brands fa-apple"></i> {{ __('chauffeur.nav_apple') }}
                </a>
                <button type="button" class="ride-btn is-secondary" data-ride-nav-stay>
                    <i class="fa-solid fa-mobile-screen"></i> {{ __('chauffeur.nav_stay') }}
                </button>
            </div>
            <p class="ride-nav-note">{{ __('chauffeur.nav_tracking_note') }}</p>
        </div>

        <button type="button" class="ride-nav-reopen is-hidden" data-ride-nav-reopen>
            <i class="fa-solid fa-diamond-turn-right"></i> {{ __('chauffeur.nav_reopen') }}
        </button>
    </div>
@endif

{{-- Carte de la course, du côté du conducteur. Il voit exactement ce que
     voit son client : son approche jusqu'au point de départ, puis le trajet
     de la course, avec sa propre position qui avance dessus. Elle n'apparaît
     que pendant le trajet réel — avant le départ, il n'y a rien à suivre. --}}
@if ($booking->ridePermitted() && ! $booking->completed_at)
    <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('chauffeur.bookings.tracking', $booking) }}"></div>

        {{-- État de la localisation : c'est elle qui alimente la carte du
             client. Rempli par le script de diffusion, pendant le trajet réel. --}}
        @if ($booking->livePositionAllowed())
            <p class="ride-gps-status" data-gps-status data-level="warn"></p>
        @endif
    </div>
@endif

{{-- Acceptée, paiement du client attendu : les étapes sont déjà là, grisées,
     et la page se recharge d'elle-même dès que le client a payé. --}}
@if ($booking->isAccepted() && ! $booking->paymentWindowExpired())
    @php
        $awaitIcons = ['heading' => 'fa-route', 'arrived' => 'fa-location-dot', 'started' => 'fa-play', 'completed' => 'fa-flag-checkered'];
        $awaitPrefix = $booking->isDishDelivery() ? 'chauffeur.delivery_step_' : 'chauffeur.ride_step_';
        $firstStep = $booking->rideSteps()[0];
    @endphp
    <div class="ride-await-payment" data-await-payment="{{ route('chauffeur.bookings.tracking', $booking) }}">
        <p class="ride-await-text">
            <i class="fa-solid fa-hourglass-half"></i>
            {{ __('chauffeur.booking_awaiting_payment', ['time' => $booking->payment_deadline?->translatedFormat('H:i')]) }}
        </p>
        <div class="ride-progress">
            <button type="button" class="ride-btn" disabled title="{{ __('chauffeur.booking_steps_after_payment') }}">
                <i class="fa-solid {{ $awaitIcons[$firstStep] }}"></i> {{ __($awaitPrefix . $firstStep) }}
            </button>
        </div>
        <p class="ride-await-note">{{ __('chauffeur.booking_steps_after_payment') }}</p>
    </div>
@endif

@if ($booking->ridePermitted())
    @php
        $rideIcons = [
            'heading' => 'fa-route',
            'arrived' => 'fa-location-dot',
            'started' => 'fa-play',
            'completed' => 'fa-flag-checkered',
        ];
        $nextStep = $booking->nextRideStep();
    @endphp

    <div class="ride-progress">
        @foreach (\App\Models\ChauffeurBooking::RIDE_STEPS as $step)
            @continue(! $booking->hasRideStep($step))
            <span class="ride-step-done">
                <i class="fa-solid fa-check"></i> {{ __(($booking->isDishDelivery() ? 'chauffeur.delivery_step_' : 'chauffeur.ride_step_') . $step . '_past') }}
            </span>
            @unless ($loop->last)
                <i class="fa-solid fa-chevron-right ride-arrow"></i>
            @endunless
        @endforeach

        @if ($nextStep)
            <form method="POST" action="{{ route('chauffeur.bookings.ride-step', [$booking, $nextStep]) }}">
                @csrf
                <button type="submit" class="ride-btn">
                    <i class="fa-solid {{ $rideIcons[$nextStep] }}"></i>
                    {{ __(($booking->isDishDelivery() ? 'chauffeur.delivery_step_' : 'chauffeur.ride_step_') . $nextStep) }}
                </button>
            </form>
        @else
            <span class="ride-done-label">
                <i class="fa-solid fa-flag-checkered"></i> {{ $booking->isDishDelivery() ? __('chauffeur.delivery_completed') : __('chauffeur.ride_completed') }}
            </span>
        @endif
    </div>
@endif

{{-- Deux documents pour une même course : celle que le chauffeur émet vers
     son client, et celle que Vikishop lui adresse pour sa commission. --}}
@if ($booking->isPaid())
    <div class="ride-progress">
        <a href="{{ route('chauffeur.bookings.invoice', $booking) }}" target="_blank" class="ride-btn">
            <i class="fa-solid fa-file-invoice"></i> {{ __('chauffeur.invoice_download') }}
        </a>
        <a href="{{ route('chauffeur.bookings.commission-invoice', $booking) }}" target="_blank" class="ride-btn is-secondary">
            <i class="fa-solid fa-percent"></i> {{ __('chauffeur.commission_invoice_download') }}
        </a>
    </div>
@endif