@php
    $ns        = ($f['stopsLabel'] ?? '') === 'Non-stop';
    $details   = $f['details']          ?? [];
    $seats     = $f['seatAvailability'] ?? [];   // e.g. ["Adult: 9 seats", "Infant: 9 seats"]
    $hasReturn = !empty($f['returnLeg']);
    $ret       = $f['returnLeg'] ?? null;
    $retNs     = ($ret['stopsLabel'] ?? '') === 'Non-stop';

    /* ── passenger counts from search params ── */
    $adults   = (int)($SelectedData['room_1_adults']   ?? 1);
    $children = (int)($SelectedData['room_1_children'] ?? 0);
    $infants  = (int)($SelectedData['infants']         ?? 0);
    $paxParts = [];
    if ($adults)   $paxParts[] = $adults   . ' Adult'   . ($adults   > 1 ? 's' : '');
    if ($children) $paxParts[] = $children . ' Child'   . ($children > 1 ? 'ren' : '');
    if ($infants)  $paxParts[] = $infants  . ' Infant'  . ($infants  > 1 ? 's' : '');
    $paxLabel = implode(', ', $paxParts) ?: '1 Adult';

    /* ── available ADT seats from API response ── */
    $adtSeats = null;
    foreach ($seats as $sv) {
        if (stripos($sv, 'adult') !== false) {
            preg_match('/(\d+)/', $sv, $m);
            $adtSeats = isset($m[1]) ? (int)$m[1] : null;
            break;
        }
    }

    /* ── terminal / aircraft / flight-type ── */
    $depTerminal  = $f['departureTerminal'] ?? '';
    $aircraftModel = $f['aircraft']         ?? '';   // e.g. "A320-170"
    $flightTypeLabel = $f['flightType']     ?? '';   // e.g. "International"

    /* ── date helper: "MAA · Jul 11" ── */
    $fmtD = function($dateStr) {
        if (!$dateStr) return '';
        try { return (new \DateTime($dateStr))->format('M j'); } catch (\Throwable $e) { return ''; }
    };

    $depLabel    = ($f['departureAirport']  ?? '') . ($fmtD($f['departureDate']  ?? '') ? ' · ' . $fmtD($f['departureDate'] ?? '')  : '');
    $arrLabel    = ($f['arrivalAirport']    ?? '') . ($fmtD($f['arrivalDate']    ?? '') ? ' · ' . $fmtD($f['arrivalDate']   ?? '')  : '');
    $retDepLabel = $hasReturn ? (($ret['departureAirport'] ?? '') . ($fmtD($ret['departureDate'] ?? '') ? ' · ' . $fmtD($ret['departureDate'] ?? '') : '')) : '';
    $retArrLabel = $hasReturn ? (($ret['arrivalAirport']   ?? '') . ($fmtD($ret['arrivalDate']   ?? '') ? ' · ' . $fmtD($ret['arrivalDate']   ?? '') : '')) : '';

    /* ── fare class ── */
    $fareClass = match(strtolower($SelectedData['class'] ?? 'economy')) {
        'premium_economy' => 'Premium Economy',
        'business'        => 'Business',
        'first'           => 'First Class',
        default           => 'economy'
    };

    /* ── raw JSON for drawer ── */
    $flightData = [
        'airlineCode'          => $f['airlineCode']          ?? '',
        'flightNumber'         => $f['flightNumber']         ?? '',
        'aircraft'             => $f['aircraft']             ?? '',
        'flightType'           => $f['flightType']           ?? '',
        'departureTime'        => $f['departureTime']        ?? '',
        'departureDate'        => $f['departureDate']        ?? '',
        'departureAirport'     => $f['departureAirport']     ?? '',
        'departureAirportName' => $f['departureAirportName'] ?? '',
        'departureTerminal'    => $f['departureTerminal']    ?? '',
        'arrivalTime'          => $f['arrivalTime']          ?? '',
        'arrivalDate'          => $f['arrivalDate']          ?? '',
        'arrivalAirport'       => $f['arrivalAirport']       ?? '',
        'arrivalAirportName'   => $f['arrivalAirportName']   ?? '',
        'arrivalTerminal'      => $f['arrivalTerminal']      ?? '',
        'duration'             => $f['duration']             ?? '',
        'stopsLabel'           => $f['stopsLabel']           ?? '',
        'basePrice'            => $f['basePrice']            ?? 0,
        'stopDetails'          => $f['stopDetails']          ?? [],
        'legSegments'          => $f['legSegments']          ?? [],
    ];

    $returnFlightData = null;
    if ($hasReturn) {
        $returnFlightData = [
            'airlineCode'          => $ret['airlineCode']          ?? '',
            'flightNumber'         => $ret['flightNumber']         ?? '',
            'aircraft'             => $ret['aircraft']             ?? '',
            'flightType'           => $ret['flightType']           ?? '',
            'departureTime'        => $ret['departureTime']        ?? '',
            'departureDate'        => $ret['departureDate']        ?? '',
            'departureAirport'     => $ret['departureAirport']     ?? '',
            'departureAirportName' => $ret['departureAirportName'] ?? '',
            'departureTerminal'    => $ret['departureTerminal']    ?? '',
            'arrivalTime'          => $ret['arrivalTime']          ?? '',
            'arrivalDate'          => $ret['arrivalDate']          ?? '',
            'arrivalAirport'       => $ret['arrivalAirport']       ?? '',
            'arrivalAirportName'   => $ret['arrivalAirportName']   ?? '',
            'arrivalTerminal'      => $ret['arrivalTerminal']      ?? '',
            'duration'             => $ret['duration']             ?? '',
            'stopsLabel'           => $ret['stopsLabel']           ?? '',
            'basePrice'            => $ret['basePrice']            ?? 0,
            'stopDetails'          => $ret['stopDetails']          ?? [],
            'legSegments'          => $ret['legSegments']          ?? [],
        ];
    }

    $rawJson = htmlspecialchars(json_encode([
        'flight'            => $flightData,
        'returnFlight'      => $returnFlightData,
        'segments'          => $f['rawSegments']       ?? [],
        'bookingClassCodes' => $f['bookingClassCodes'] ?? [],
        'searchParams'      => $SelectedData,
        'isRoundTrip'       => $hasReturn,
    ]), ENT_QUOTES, 'UTF-8');

    $outStopInfo = json_encode([
        'legSegments'      => $f['legSegments']      ?? [],
        'stopDetails'      => $f['stopDetails']      ?? [],
        'stopsLabel'       => $f['stopsLabel']       ?? '',
        'departureAirport' => $f['departureAirport'] ?? '',
        'arrivalAirport'   => $f['arrivalAirport']   ?? '',
    ]);

    $retStopInfo = '';
    if ($hasReturn) {
        $retStopInfo = json_encode([
            'legSegments'      => $ret['legSegments']      ?? [],
            'stopDetails'      => $ret['stopDetails']      ?? [],
            'stopsLabel'       => $ret['stopsLabel']       ?? '',
            'departureAirport' => $ret['departureAirport'] ?? '',
            'arrivalAirport'   => $ret['arrivalAirport']   ?? '',
        ]);
    }

    /* ── price per-person note ── */
    $totalPax = $adults + $children;
    $priceNote = $hasReturn ? 'round trip' : 'per person';
@endphp

{{-- ══════════ FLIGHT RESULT CARD ══════════ --}}
<div class="nw-flight-card"
     data-price="{{ $f['basePrice'] ?? 0 }}"
     data-duration="{{ (int)filter_var($f['duration'] ?? '0', FILTER_SANITIZE_NUMBER_INT) }}"
     data-departure="{{ $f['departureTime'] ?? '00:00' }}"
     data-stops="{{ $ns ? 'nonstop' : (($f['stopsLabel'] ?? '') === '1 Stop' ? '1stop' : 'multi') }}"
     data-airline="{{ $f['airlineCode'] ?? '' }}"
     style="animation:fadeUp .3s ease {{ $cardIndex*0.05 }}s both;">

    {{-- TOP BADGES ROW --}}
    <div class="nw-top-row">
        @if($cardIndex === 0)
        <span class="nw-badge-best"><i class="bi bi-star-fill"></i> Best</span>
        @endif
        <span class="nw-badge-flex"><i class="bi bi-check-circle-fill"></i> Flexible ticket upgrade available</span>
        @if($hasReturn)
        <span class="nw-badge-rt ms-auto"><i class="bi bi-arrow-left-right"></i> Round Trip</span>
        @endif
    </div>

    {{-- CARD BODY: left itinerary + right pricing --}}
    <div class="nw-card-body">

        {{-- ── LEFT: ITINERARY ── --}}
        <div class="nw-itin-col">

            {{-- OUTBOUND LEG --}}
            <div class="nw-leg-row">
                <div class="nw-al-wrap">
                    <img src="{{ $f['airlineImage'] ?? '' }}" alt="{{ $f['airlineCode'] ?? '' }}" class="nw-al-img">
                </div>
                <div class="nw-time-block">
                    <div class="nw-big-time">{{ $f['departureTime'] ?? '--:--' }}</div>
                    <div class="nw-apt-date">{{ $depLabel }}</div>
                </div>
                <div class="nw-route-wrap">
                    <div class="nw-route-line-row">
                        <div class="nw-rt-dot"></div>
                        <div class="nw-rt-dash"></div>
                        @if($ns)
                        <div class="nw-stop-pill nw-stop-direct">Direct</div>
                        @else
                        <div class="nw-stop-pill nw-stop-connect"
                             style="cursor:pointer;"
                             data-stop-info="{!! htmlspecialchars($outStopInfo, ENT_QUOTES, 'UTF-8') !!}">
                            {{ $f['stopsLabel'] ?? 'Stop' }}
                        </div>
                        @endif
                        <div class="nw-rt-dash"></div>
                        <div class="nw-rt-dot"></div>
                    </div>
                    <div class="nw-dur-label">{{ $f['duration'] ?? '' }}</div>
                </div>
                <div class="nw-time-block nw-time-right">
                    <div class="nw-big-time">{{ $f['arrivalTime'] ?? '--:--' }}</div>
                    <div class="nw-apt-date">{{ $arrLabel }}</div>
                </div>
            </div>

            {{-- RETURN LEG (round trip) --}}
            @if($hasReturn)
            <div class="nw-leg-divider-strip"></div>
            <div class="nw-leg-row">
                <div class="nw-al-wrap">
                    <img src="{{ $ret['airlineImage'] ?? '' }}" alt="{{ $ret['airlineCode'] ?? '' }}" class="nw-al-img">
                </div>
                <div class="nw-time-block">
                    <div class="nw-big-time">{{ $ret['departureTime'] ?? '--:--' }}</div>
                    <div class="nw-apt-date">{{ $retDepLabel }}</div>
                </div>
                <div class="nw-route-wrap">
                    <div class="nw-route-line-row">
                        <div class="nw-rt-dot"></div>
                        <div class="nw-rt-dash"></div>
                        @if($retNs)
                        <div class="nw-stop-pill nw-stop-direct">Direct</div>
                        @else
                        <div class="nw-stop-pill nw-stop-connect"
                             style="cursor:pointer;"
                             data-stop-info="{!! htmlspecialchars($retStopInfo, ENT_QUOTES, 'UTF-8') !!}">
                            {{ $ret['stopsLabel'] ?? 'Stop' }}
                        </div>
                        @endif
                        <div class="nw-rt-dash"></div>
                        <div class="nw-rt-dot"></div>
                    </div>
                    <div class="nw-dur-label">{{ $ret['duration'] ?? '' }}</div>
                </div>
                <div class="nw-time-block nw-time-right">
                    <div class="nw-big-time">{{ $ret['arrivalTime'] ?? '--:--' }}</div>
                    <div class="nw-apt-date">{{ $retArrLabel }}</div>
                </div>
            </div>
            @endif

            {{-- Airline name + pax info footer --}}
            <div class="nw-card-footer-row">
                <div class="nw-airline-name-row">
                    <i class="bi bi-airplane-fill me-1" style="font-size:.65rem;color:var(--primary);"></i>
                    {{ $f['airlineName'] ?? $f['airlineCode'] ?? '' }}
                    @if($hasReturn && isset($ret['airlineCode']) && $ret['airlineCode'] !== ($f['airlineCode'] ?? ''))
                        &amp; {{ $ret['airlineName'] ?? $ret['airlineCode'] }}
                    @endif
                    @if($aircraftModel)
                        <span class="nw-dot-sep">·</span>
                        <span title="Aircraft Model">{{ $aircraftModel }}</span>
                    @endif
                    @if($flightTypeLabel)
                        <span class="nw-dot-sep">·</span>
                        <span title="Flight Type">{{ $flightTypeLabel }}</span>
                    @endif
                    @if($depTerminal)
                        <span class="nw-dot-sep">·</span>
                        <i class="bi bi-door-open-fill" style="font-size:.6rem;color:var(--gray400);" title="Departure Terminal"></i>
                        <span title="Departure Terminal">{{ $depTerminal }}</span>
                    @endif
                </div>
                <div class="nw-pax-chips">
                    {{-- Passenger count from search --}}
                    <span class="nw-pax-chip">
                        <i class="bi bi-people-fill"></i> {{ $paxLabel }}
                    </span>
                    {{-- Available ADT seats from API (count from availablePaxCounts) --}}
                    @if($adtSeats !== null)
                    <span class="nw-pax-chip nw-pax-chip-seats {{ $adtSeats <= 5 ? 'urgent' : '' }}">
                        <i class="bi bi-person-check-fill"></i>
                        {{ $adtSeats }} Adult {{ $adtSeats == 1 ? 'seat' : 'seats' }}
                    </span>
                    @endif
                    {{-- Available status --}}
                    @if(($f['availabilityStatus'] ?? '') === 'AVAILABLE')
                    <span class="nw-pax-chip nw-pax-chip-avail">
                        <i class="bi bi-check-circle-fill"></i> Available
                    </span>
                    @endif
                </div>
            </div>

        </div>{{-- /nw-itin-col --}}

        {{-- Vertical divider --}}
        <div class="nw-v-divider"></div>

        {{-- ── RIGHT: FARE + PRICE + ACTIONS ── --}}
        <div class="nw-price-col">
            {{-- Fare class --}}
            <div class="nw-fare-class-label">{{ $fareClass }}</div>

           

            {{-- Price --}}
            <div class="nw-price-line">
                <span class="nw-price-currency">{{ $f['currency'] ?? 'INR' }}</span>
                <span class="nw-price-text">{{ number_format((float)($f['basePrice'] ?? 0)) }}</span>
            </div>
            <div class="nw-price-note">
                {{ $priceNote }}
                @if($totalPax > 1)
                · {{ $totalPax }} pax
                @endif
            </div>

            {{-- Action buttons --}}
            <div class="nw-actions-row">
                
                <button class="nw-view-btn view_details" data-raw="{{ $rawJson }}">
                    View details
                </button>
            </div>
        </div>{{-- /nw-price-col --}}

    </div>{{-- /nw-card-body --}}

</div>{{-- /nw-flight-card --}}