{{-- ================================================================
     Email partial: single reservation trip block (email-safe tables)
     Variables: $reservation, $service_settings, $reservationId
================================================================ --}}

@php
    $svcId      = $service_settings['service_type_id'] ?? 0;
    $flightType = $reservation['flight_info']['flight_type'] ?? 'arrival';

    if ($svcId == 1 && $flightType == 'departure') {
        // DEPARTURE — Blood Red theme
        $badgeBg      = '#8B0000';
        $badgeBorder  = '#C0392B';
        $headerBg     = '#8B0000';
        $cardBorder   = '#fca5a5';
        $cardBg       = '#fff8f8';
        $fareColor    = '#8B0000';
        $statsRowBg   = '#fff1f1';
    } elseif ($svcId == 1) {
        // ARRIVAL — Green theme
        $badgeBg      = '#166534';
        $badgeBorder  = '#22c55e';
        $headerBg     = '#166534';
        $cardBorder   = '#bbf7d0';
        $cardBg       = '#f0fdf4';
        $fareColor    = '#166534';
        $statsRowBg   = '#f0fdf4';
    } elseif ($svcId == 2) {
        // HOURLY — Blue theme
        $badgeBg      = '#1e40af';
        $badgeBorder  = '#3b82f6';
        $headerBg     = '#1e40af';
        $cardBorder   = '#bfdbfe';
        $cardBg       = '#eff6ff';
        $fareColor    = '#1e40af';
        $statsRowBg   = '#eff6ff';
    } else {
        // AROUND TOWN — Purple theme
        $badgeBg      = '#6d28d9';
        $badgeBorder  = '#8b5cf6';
        $headerBg     = '#6d28d9';
        $cardBorder   = '#ddd6fe';
        $cardBg       = '#faf5ff';
        $fareColor    = '#6d28d9';
        $statsRowBg   = '#faf5ff';
    }
@endphp

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%"
       style="margin-bottom:24px;">

    {{-- ── CONFIRMATION # + SERVICE BADGE ── --}}
    <tr>
        <td style="padding-bottom:14px;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
                <tr>
                    <td style="vertical-align:middle;">
                        <span style="display:inline-block;font-size:18px;font-weight:800;
                                     color:#1a6e2e;background:#f0fdf4;
                                     border:2.5px solid #28a745;padding:7px 20px;
                                     border-radius:8px;letter-spacing:0.08em;
                                     text-transform:uppercase;">
                            CONFIRMATION&nbsp;#{{ $reservationId }}
                        </span>
                    </td>
                    <td align="right" style="vertical-align:middle;">
                        @if($svcId == 1 && $flightType == 'departure')
                        <span style="display:inline-block;background:{{ $badgeBg }};border:2px solid {{ $badgeBorder }};
                                     color:#fff;font-size:11px;font-weight:800;letter-spacing:0.08em;
                                     text-transform:uppercase;padding:6px 16px;border-radius:20px;">
                            &#9992; DEPARTURE
                        </span>
                        @elseif($svcId == 1)
                        <span style="display:inline-block;background:{{ $badgeBg }};border:2px solid {{ $badgeBorder }};
                                     color:#fff;font-size:11px;font-weight:800;letter-spacing:0.08em;
                                     text-transform:uppercase;padding:6px 16px;border-radius:20px;">
                            &#9992; ARRIVAL
                        </span>
                        @elseif($svcId == 2)
                        <span style="display:inline-block;background:{{ $badgeBg }};border:2px solid {{ $badgeBorder }};
                                     color:#fff;font-size:11px;font-weight:800;letter-spacing:0.08em;
                                     text-transform:uppercase;padding:6px 16px;border-radius:20px;">
                            &#128336; HOURLY
                        </span>
                        @else
                        <span style="display:inline-block;background:{{ $badgeBg }};border:2px solid {{ $badgeBorder }};
                                     color:#fff;font-size:11px;font-weight:800;letter-spacing:0.08em;
                                     text-transform:uppercase;padding:6px 16px;border-radius:20px;">
                            &#128506; AROUND TOWN
                        </span>
                        @endif
                    </td>
                </tr>
            </table>
        </td>
    </tr>

    {{-- ── TRIP DETAILS CARD ── --}}
    <tr>
        <td style="border:2px solid {{ $cardBorder }};border-radius:10px;overflow:hidden;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">

                {{-- CARD HEADER --}}
                <tr>
                    <td style="background:{{ $headerBg }};padding:11px 20px;">
                        <span style="color:#fff;font-size:11px;font-weight:800;
                                     letter-spacing:0.1em;text-transform:uppercase;">
                            &#128642; TRIP DETAILS
                        </span>
                    </td>
                </tr>

                {{-- PICKUP DATE / TIME --}}
                <tr>
                    <td style="padding:14px 20px;border-bottom:1px solid #e2e8f0;background:{{ $cardBg }};">
                        <span style="font-size:10px;font-weight:700;text-transform:uppercase;
                                     color:#718096;letter-spacing:0.08em;display:block;margin-bottom:5px;">
                            &#128197; PICKUP DATE &amp; TIME
                        </span>
                        <strong style="font-size:17px;color:#1a202c;letter-spacing:-0.01em;">
                            {{ \Carbon\Carbon::parse($reservation['pickup_date'] . ' ' . $reservation['pickup_time'])->format('d-M-Y') }}
                        </strong>
                        <span style="font-size:16px;color:#4a5568;font-weight:600;margin-left:8px;">
                            &bull; {{ \Carbon\Carbon::parse($reservation['pickup_date'] . ' ' . $reservation['pickup_time'])->format('h:i A') }}
                        </span>
                    </td>
                </tr>

                {{-- FLIGHT INFORMATION (airport only) --}}
                @if($svcId == 1)
                <tr>
                    <td style="padding:13px 20px;border-bottom:1px solid #e2e8f0;">
                        <p style="font-size:10px;font-weight:700;text-transform:uppercase;
                                  color:#718096;letter-spacing:0.08em;margin:0 0 10px;">
                            &#9992; FLIGHT INFORMATION
                        </p>
                        <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td style="vertical-align:top;padding-right:16px;">
                                    <span style="font-size:10px;text-transform:uppercase;color:#9ca3af;
                                                 letter-spacing:0.06em;display:block;margin-bottom:3px;">Airline</span>
                                    <strong style="font-size:13px;color:#1a202c;">
                                        {{ $reservation['flight_info']['flight_airline'] }}
                                    </strong>
                                </td>
                                <td style="vertical-align:top;padding-right:16px;">
                                    <span style="font-size:10px;text-transform:uppercase;color:#9ca3af;
                                                 letter-spacing:0.06em;display:block;margin-bottom:3px;">Flight #</span>
                                    <strong style="font-size:13px;color:#1a202c;">
                                        {{ $reservation['flight_info']['flight_number'] }}
                                    </strong>
                                </td>
                                <td style="vertical-align:top;">
                                    <span style="font-size:10px;text-transform:uppercase;color:#9ca3af;
                                                 letter-spacing:0.06em;display:block;margin-bottom:3px;">Date &amp; Time</span>
                                    <strong style="font-size:13px;color:#1a202c;">
                                        {{ \Carbon\Carbon::parse($reservation['flight_info']['flight_date'] . ' ' . $reservation['flight_info']['flight_time'])->format('d-M-Y h:i A') }}
                                    </strong>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                @endif

                {{-- ROUTE (Pickup = RED, Dropoff = GREEN) --}}
                <tr>
                    <td style="padding:14px 20px;border-bottom:1px solid #e2e8f0;">
                        <p style="font-size:10px;font-weight:700;text-transform:uppercase;
                                  color:#718096;letter-spacing:0.08em;margin:0 0 12px;">
                            &#128506; ROUTE
                        </p>

                        {{-- Pickup location — RED --}}
                        <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td style="width:26px;vertical-align:top;padding-top:1px;text-align:center;">
                                    <span style="display:inline-block;width:18px;height:18px;
                                                 background:#dc3545;border-radius:50%;
                                                 color:#fff;font-size:10px;font-weight:900;
                                                 line-height:18px;text-align:center;">A</span>
                                </td>
                                <td style="padding-left:8px;">
                                    <span style="font-size:10px;font-weight:800;text-transform:uppercase;
                                                 color:#dc3545;letter-spacing:0.07em;display:block;margin-bottom:3px;">
                                        PICKUP LOCATION
                                    </span>
                                    <span style="font-size:13px;color:#dc3545;font-weight:700;line-height:1.45;">
                                        {{ $reservation['pickup_location']['address'] }}
                                    </span>
                                </td>
                            </tr>
                        </table>

                        {{-- Vertical connector line --}}
                        <table role="presentation" cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td style="width:26px;text-align:center;padding:3px 0;">
                                    <table role="presentation" cellpadding="0" cellspacing="0" border="0"
                                           style="margin:0 auto;">
                                        <tr>
                                            <td style="width:2px;height:16px;background:#d1d5db;"></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>

                        {{-- Additional stops --}}
                        @if(isset($reservation['additional_stops']) && count($reservation['additional_stops']) > 0)
                            @foreach($reservation['additional_stops'] as $index => $stop)
                            <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
                                <tr>
                                    <td style="width:26px;vertical-align:top;padding-top:1px;text-align:center;">
                                        <span style="display:inline-block;width:16px;height:16px;
                                                     background:#f97316;border-radius:50%;
                                                     color:#fff;font-size:9px;font-weight:900;
                                                     line-height:16px;text-align:center;">{{ $index + 1 }}</span>
                                    </td>
                                    <td style="padding-left:8px;">
                                        <span style="font-size:10px;font-weight:800;text-transform:uppercase;
                                                     color:#f97316;letter-spacing:0.07em;display:block;margin-bottom:3px;">
                                            STOP {{ $index + 1 }}
                                        </span>
                                        <span style="font-size:13px;color:#374151;line-height:1.45;">
                                            {{ $stop['address'] ?? ($stop['location']['address'] ?? 'N/A') }}
                                        </span>
                                    </td>
                                </tr>
                            </table>
                            {{-- Connector --}}
                            <table role="presentation" cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td style="width:26px;text-align:center;padding:3px 0;">
                                        <table role="presentation" cellpadding="0" cellspacing="0" border="0"
                                               style="margin:0 auto;">
                                            <tr>
                                                <td style="width:2px;height:16px;background:#d1d5db;"></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            @endforeach
                        @endif

                        {{-- Dropoff location — GREEN --}}
                        <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td style="width:26px;vertical-align:top;padding-top:1px;text-align:center;">
                                    <span style="display:inline-block;width:18px;height:18px;
                                                 background:#16a34a;border-radius:50%;
                                                 color:#fff;font-size:10px;font-weight:900;
                                                 line-height:18px;text-align:center;">B</span>
                                </td>
                                <td style="padding-left:8px;">
                                    <span style="font-size:10px;font-weight:800;text-transform:uppercase;
                                                 color:#16a34a;letter-spacing:0.07em;display:block;margin-bottom:3px;">
                                        DROP LOCATION
                                    </span>
                                    <span style="font-size:13px;color:#16a34a;font-weight:700;line-height:1.45;">
                                        {{ $reservation['dropoff_location']['address'] }}
                                    </span>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

                {{-- PASSENGER / LUGGAGE / VEHICLE — 3-column cards --}}
                <tr>
                    <td style="padding:14px 20px;background:{{ $statsRowBg }};border-bottom:1px solid #e2e8f0;">
                        <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td width="33%" style="padding:0 4px 0 0;vertical-align:top;">
                                    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border:1.5px solid {{ $cardBorder }};border-radius:8px;overflow:hidden;">
                                        <tr><td style="background:{{ $headerBg }};padding:6px 10px;text-align:center;">
                                            <span style="color:#fff;font-size:10px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;">&#128101; PASSENGERS</span>
                                        </td></tr>
                                        <tr><td style="padding:10px 8px;text-align:center;background:#fff;height:52px;vertical-align:middle;">
                                            <span style="font-size:22px;font-weight:900;color:{{ $fareColor }};">{{ collect($reservation['travellers'])->sum('count') }}</span>
                                            <span style="display:block;font-size:10px;color:#718096;font-weight:600;margin-top:2px;">Pax</span>
                                        </td></tr>
                                    </table>
                                </td>
                                <td width="33%" style="padding:0 2px;vertical-align:top;">
                                    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border:1.5px solid {{ $cardBorder }};border-radius:8px;overflow:hidden;">
                                        <tr><td style="background:{{ $headerBg }};padding:6px 10px;text-align:center;">
                                            <span style="color:#fff;font-size:10px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;">&#128115; LUGGAGE</span>
                                        </td></tr>
                                        <tr><td style="padding:10px 8px;text-align:center;background:#fff;height:52px;vertical-align:middle;">
                                            <span style="font-size:22px;font-weight:900;color:{{ $fareColor }};">{{ $reservation['luggage'] }}</span>
                                            <span style="display:block;font-size:10px;color:#718096;font-weight:600;margin-top:2px;">Bags</span>
                                        </td></tr>
                                    </table>
                                </td>
                                <td width="33%" style="padding:0 0 0 4px;vertical-align:top;">
                                    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border:1.5px solid {{ $cardBorder }};border-radius:8px;overflow:hidden;">
                                        <tr><td style="background:{{ $headerBg }};padding:6px 10px;text-align:center;">
                                            <span style="color:#fff;font-size:10px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;">&#128663; VEHICLE</span>
                                        </td></tr>
                                        <tr><td style="padding:10px 8px;text-align:center;background:#fff;height:52px;vertical-align:middle;">
                                            <span style="font-size:14px;font-weight:800;color:{{ $fareColor }};line-height:1.3;">{{ $reservation['selected_vehicle']['vehicles_type'] ?? $reservation['selected_vehicle']['vehicle_type'] ?? 'Vehicle' }}</span>
                                            <span style="display:block;font-size:9px;color:#718096;font-weight:600;margin-top:2px;text-transform:uppercase;">
                                                @if($reservation['selected_vehicle']['ride_type'] === 'hourly') Hourly Rate
                                                @elseif($reservation['selected_vehicle']['ride_type'] === 'zip_code') Flat Rate
                                                @else Mileage Rate
                                                @endif
                                            </span>
                                        </td></tr>
                                    </table>
                                </td>
                            </tr>
                        </table>

                        {{-- Extra info badges (XL bags, distance, hours, stops) --}}
                        @if(($reservation['extra_large_luggage'] ?? 0) > 0 || !empty($reservation['distance']) || ($svcId == 2 && !empty($reservation['drop_off_hours'])) || count($reservation['additional_stops'] ?? []) > 0)
                        <table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-top:10px;">
                            <tr>
                                @if(($reservation['extra_large_luggage'] ?? 0) > 0)
                                <td style="padding-right:6px;">
                                    <span style="display:inline-block;background:#fff;border:1.5px solid {{ $cardBorder }};border-radius:20px;padding:4px 14px;font-size:12px;color:{{ $fareColor }};font-weight:700;white-space:nowrap;">
                                        &#128708; {{ $reservation['extra_large_luggage'] }} XL Bags
                                    </span>
                                </td>
                                @endif
                                @if(!empty($reservation['distance']))
                                <td style="padding-right:6px;">
                                    <span style="display:inline-block;background:#fff;border:1.5px solid {{ $cardBorder }};border-radius:20px;padding:4px 14px;font-size:12px;color:{{ $fareColor }};font-weight:700;white-space:nowrap;">
                                        &#128739; {{ $reservation['distance'] }} mi
                                    </span>
                                </td>
                                @endif
                                @if($svcId == 2 && !empty($reservation['drop_off_hours']))
                                <td style="padding-right:6px;">
                                    <span style="display:inline-block;background:#fff;border:1.5px solid {{ $cardBorder }};border-radius:20px;padding:4px 14px;font-size:12px;color:{{ $fareColor }};font-weight:700;white-space:nowrap;">
                                        &#9201; {{ $reservation['drop_off_hours'] }} hrs
                                    </span>
                                </td>
                                @endif
                                @if(count($reservation['additional_stops'] ?? []) > 0)
                                <td>
                                    <span style="display:inline-block;background:#fff;border:1.5px solid {{ $cardBorder }};border-radius:20px;padding:4px 14px;font-size:12px;color:{{ $fareColor }};font-weight:700;white-space:nowrap;">
                                        &#128205; {{ count($reservation['additional_stops']) }} stop(s)
                                    </span>
                                </td>
                                @endif
                            </tr>
                        </table>
                        @endif
                    </td>
                </tr>

                {{-- FARE --}}
                <tr>
                    <td style="padding:16px 20px;background:{{ $cardBg }};">
                        <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td style="vertical-align:middle;">
                                    <span style="font-size:10px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:0.06em;display:block;margin-bottom:2px;">TOTAL FARE</span>
                                </td>
                                <td align="right" style="vertical-align:middle;">
                                    <span style="font-size:30px;font-weight:900;color:{{ $fareColor }};line-height:1;">${{ $reservation['total_fare'] }}</span>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

            </table>
        </td>
    </tr>

</table>