@extends('email.mail')
@section('body')
    <table role="presentation" class="mb-100" cellspacing="0" cellpadding="30" width="800" align="center" border="0"
        style="background-color: #FAFAFA;">
        <tr>
            <td style="padding: 60px" class="p-50 leave-pad">
                <table role="presentation" cellspacing="0" cellpadding="16" width="600" align="center"
                    class="mb-100 leave-mar"
                    style="background-color: #fff; border-radius: 20px 20px; padding: 20px 0px; margin: 0px auto; padding-bottom: 40px;">

                    <!-- Status Badge -->
                    <tr>
                        <td align="center" style="padding-bottom: 24px;">
                            @php
                                $statusColors = [
                                    0 => ['bg' => '#FEF3C7', 'text' => '#92400E'],  // PENDING - Yellow
                                    1 => ['bg' => '#DBEAFE', 'text' => '#1E40AF'],  // CONFIRMED - Blue
                                    2 => ['bg' => '#D1FAE5', 'text' => '#065F46'],  // HANDOVER - Green (Success)
                                    3 => ['bg' => '#BFDBFE', 'text' => '#1E3A8A'],  // RETURN - Blue
                                    4 => ['bg' => '#FEE2E2', 'text' => '#991B1B'],  // REJECTED - Red
                                ];
                                
                                $statusMessages = [
                                    0 => 'Booking Request Received',
                                    1 => 'Booking Confirmed Successfully',
                                    2 => 'Vehicle Handed Over to Customer',
                                    3 => 'Vehicle Returned Successfully',
                                    4 => 'Booking Request Declined',
                                ];
                                
                                $color = $statusColors[$status] ?? ['bg' => '#E5E7EB', 'text' => '#374151'];
                                $message = $statusMessages[$status] ?? 'Booking Status Updated';
                            @endphp
                            <span style="display:inline-block; padding:10px 30px; background:{{ $color['bg'] }}; color:{{ $color['text'] }}; font-weight:700; font-size:24px; letter-spacing:0.5px; border-radius:20px;">
                                {{ $message }}
                            </span>
                        </td>
                    </tr>

                    <!-- Icon/Image -->
                    <tr>
                        <td class="lock-img" align="center">
                            <a href="">
                                <img src="https://projects-sl.s3.ap-south-2.amazonaws.com/ecorental/Jton8QmEzfVfkCXKPM6rZ9SMqk6sbQzWheUHUsWe.png" 
                                     alt="Booking Status" width="80" height="80" class="lock-non">
                            </a>
                        </td>
                    </tr>

                    <!-- Greeting -->
                    <tr>
                        <td class="dear">
                            <h1 style="font-size: 22px; color: #000000; font-weight: 600; line-height: 33px; letter-spacing: 2.64px; text-transform: uppercase; text-align: center;"
                                class="dear-sec">Hello {{ $booking->client->full_name ?? 'Valued Customer' }},</h1>
                        </td>
                    </tr>

                    <!-- Status Message -->
                    <tr>
                        <td style="font-size: 14px; font-weight: 400; color: #000000; line-height: 22px; letter-spacing: 1.2px; text-align: center; padding: 10px 30px;">
                            @if($status === 0)
                                Thank you for your booking request with <b style="font-weight: 700;">Ibson Eco Rental</b>. We have received your details and will review them shortly.
                            @elseif($status === 1)
                                Great news! Your vehicle booking with <b style="font-weight: 700;">Ibson Eco Rental</b> has been confirmed.
                            @elseif($status === 2)
                                Vehicle handover completed successfully! Your journey begins now with <b style="font-weight: 700;">Ibson Eco Rental</b>.
                            @elseif($status === 3)
                                We have successfully received your vehicle return. Thank you for choosing <b style="font-weight: 700;">Ibson Eco Rental</b>!
                            @elseif($status === 4)
                                We regret to inform you that your booking request cannot be processed at this time.
                            @endif
                        </td>
                    </tr>

                    @if($status === 1)
                    <tr>
                        <td style="font-size: 14px; font-weight: 400; color: #16A34A; line-height: 22px; letter-spacing: 1.2px; text-align: center; padding: 10px 30px;">
                            We are excited to serve you and look forward to providing you with an excellent rental experience.
                        </td>
                    </tr>
                    @elseif($status === 2)
                    <tr>
                        <td style="font-size: 14px; font-weight: 400; color: #16A34A; line-height: 22px; letter-spacing: 1.2px; text-align: center; padding: 10px 30px;">
                            Drive safely and enjoy your trip! We wish you a wonderful experience.
                        </td>
                    </tr>
                    @endif

                    <!-- Booking Details Header -->
                    <tr>
                        <td style="font-size: 12px; font-weight: 300; color: #000000; line-height: 18px; letter-spacing: 1.44px; text-align: center; text-transform: uppercase; margin-top: 30px; padding: 20px 30px 10px 30px;">
                            Your Booking Details
                        </td>
                    </tr>

                    <!-- Booking Details Table -->
                    <tr>
                        <td style="padding: 10px 30px 30px 30px;">
                            <table role="presentation" cellspacing="0" cellpadding="0" width="100%"
                                style="background-color: #F8F9FA; border-radius: 10px; padding: 20px;">
                                
                                <!-- Booking Reference -->
                                <tr>
                                    <td style="font-size: 14px; font-weight: 600; color: #16A34A; padding-bottom: 10px;">
                                        Booking Reference No:
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size: 16px; font-weight: 600; color: #000000; background-color: #E9ECEF; padding: 10px; border-radius: 5px; text-align: center; letter-spacing: 2px; margin-bottom: 20px;">
                                        {{ $booking->client_ref ?? 'N/A' }}
                                    </td>
                                </tr>

                                <!-- Vehicle -->
                                <tr>
                                    <td style="font-size: 14px; font-weight: 600; color: #16A34A; padding-top: 20px; padding-bottom: 10px;">
                                        Vehicle:
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size: 14px; font-weight: 400; color: #000000; padding-bottom: 5px;">
                                        {{ $booking->vehicle->vehicle_name ?? 'N/A' }}
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size: 13px; font-weight: 400; color: #666666; padding-bottom: 20px;">
                                        {{ $booking->vehicle->vehicle_no ?? 'N/A' }}
                                    </td>
                                </tr>

                                <!-- Pickup Date & Time -->
                                <tr>
                                    <td style="font-size: 14px; font-weight: 600; color: #16A34A; padding-top: 10px; padding-bottom: 10px;">
                                        Pickup Date & Time:
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size: 14px; font-weight: 400; color: #000000; padding-bottom: 20px;">
                                        {{ \Carbon\Carbon::parse($booking->pickup_date)->format('F d, Y \a\t g:i A') }}
                                    </td>
                                </tr>

                                <!-- Return Date & Time -->
                                <tr>
                                    <td style="font-size: 14px; font-weight: 600; color: #16A34A; padding-top: 10px; padding-bottom: 10px;">
                                        Return Date & Time:
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size: 14px; font-weight: 400; color: #000000; padding-bottom: 20px;">
                                        {{ \Carbon\Carbon::parse($booking->return_date)->format('F d, Y \a\t g:i A') }}
                                    </td>
                                </tr>

                                <!-- Pickup Location -->
                                <tr>
                                    <td style="font-size: 14px; font-weight: 600; color: #16A34A; padding-top: 10px; padding-bottom: 10px;">
                                        Pickup Location:
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size: 14px; font-weight: 400; color: #000000; padding-bottom: 20px;">
                                        {{ $booking->location ?? 'N/A' }}
                                    </td>
                                </tr>

                                <!-- Total Price -->
                                <tr>
                                    <td style="font-size: 14px; font-weight: 600; color: #16A34A; padding-top: 10px; padding-bottom: 10px;">
                                        Total Price:
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size: 18px; font-weight: 700; color: #16A34A; padding-bottom: 20px;">
                                        Rs. {{ number_format($booking->total_price ?? 0, 2) }}
                                    </td>
                                </tr>

                                @if($booking->special_requests)
                                <!-- Special Requests -->
                                <tr>
                                    <td style="font-size: 14px; font-weight: 600; color: #16A34A; padding-top: 10px; padding-bottom: 10px;">
                                        Special Requests:
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size: 13px; font-weight: 400; color: #000000; line-height: 20px; padding-bottom: 10px;">
                                        {{ $booking->special_requests }}
                                    </td>
                                </tr>
                                @endif

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

                    <!-- Status Specific Messages -->
                    @if($status === 0)
                    <tr>
                        <td style="font-size: 13px; font-weight: 400; color: #92400E; line-height: 20px; letter-spacing: 0.5px; text-align: center; padding: 10px 30px; background-color: #FEF3C7; border-radius: 8px; margin: 10px 30px;">
                            <b style="font-weight: 700;">⏳ Status: Pending Review</b><br>
                            We will review your booking request and get back to you shortly. You will receive a confirmation email once your booking is approved.
                        </td>
                    </tr>
                    @elseif($status === 1)
                    <tr>
                        <td style="font-size: 13px; font-weight: 400; color: #065F46; line-height: 20px; letter-spacing: 0.5px; text-align: center; padding: 10px 30px; background-color: #D1FAE5; border-radius: 8px; margin: 10px 30px;">
                            <b style="font-weight: 700;">✓ Next Steps:</b><br>
                            • Please arrive at the pickup location on time<br/>
                            • Bring a valid ID and driving license<br/>
                            • Contact us if you need to make any changes
                        </td>
                    </tr>
                    @elseif($status === 2)
                    <tr>
                        <td style="font-size: 13px; font-weight: 400; color: #065F46; line-height: 20px; letter-spacing: 0.5px; text-align: center; padding: 10px 30px; background-color: #D1FAE5; border-radius: 8px; margin: 10px 30px;">
                            <b style="font-weight: 700;">🚗 Safe Travel Tips:</b><br>
                            • Follow all traffic rules and speed limits<br/>
                            • Keep the vehicle documents with you at all times<br/>
                            • Contact us immediately in case of any issues<br/>
                            • Have a safe and pleasant journey!
                        </td>
                    </tr>
                    @elseif($status === 3)
                    <tr>
                        <td style="font-size: 13px; font-weight: 400; color: #065F46; line-height: 20px; letter-spacing: 0.5px; text-align: center; padding: 10px 30px; background-color: #D1FAE5; border-radius: 8px; margin: 10px 30px;">
                            <b style="font-weight: 700;">✓ Return Completed</b><br>
                            Thank you for returning the vehicle in good condition. We hope you had a great experience and look forward to serving you again!
                        </td>
                    </tr>
                    @elseif($status === 4)
                    <tr>
                        <td style="font-size: 13px; font-weight: 400; color: #991B1B; line-height: 20px; letter-spacing: 0.5px; text-align: center; padding: 10px 30px; background-color: #FEE2E2; border-radius: 8px; margin: 10px 30px;">
                            <b style="font-weight: 700;">⚠️ Important Information</b><br>
                            Unfortunately, we cannot proceed with your booking at this time. This may be due to vehicle unavailability or other constraints. Please contact us if you have any questions.
                        </td>
                    </tr>
                    @endif

                    <!-- Footer Message -->
                    <tr>
                        <td style="font-size: 12px; font-weight: 300; color: #666666; line-height: 18px; text-align: center; padding: 20px 30px 10px 30px;">
                            If you have any questions or need assistance, please don't hesitate to contact our support team.
                        </td>
                    </tr>

                </table>
            </td>
        </tr>
    </table>
@endsection