@extends('emails.layouts.emailTemplate.master')

@section('title', 'Booking Request Submitted - Quote #' . $bookingRequest->quote->quote_code)

@section('content')
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin: 40px 0;">
        <tr>
            <td style="background-color:#ffffff; border-radius:20px; padding:40px; box-shadow: 0 4px 12px rgba(0,0,0,0.05);">
                <h1 style="color:#1f1f1f; font-size:28px; margin:0 0 20px 0; font-weight:bold;">
                    Your Booking Request Has Been Submitted!
                </h1>
                <p style="color:#555555; font-size:16px; line-height:1.6; margin:0 0 30px 0;">
                    Dear <strong>{{ $bookingRequest->user->fullname }}</strong>,
                </p>
                <p style="color:#555555; font-size:16px; line-height:1.6; margin:0 0 30px 0;">
                    Thank you! Your freight booking request has been successfully submitted.<br>
                    Our team will review it and get back to you shortly with confirmation.
                </p>

                <!-- Summary Card -->
                <div style="background:#f8f9fa; border-radius:12px; padding:25px; margin:30px 0;">
                    <div style="display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; margin-bottom:20px;">
                        <div>
                            <strong style="font-size:18px;">Quote Code:</strong><br>
                            <span style="font-size:26px; color:#C04657; font-weight:bold;">#{{ $bookingRequest->quote->quote_code }}</span>
                        </div>
                        <div>
                            <span style="padding:10px 24px; border-radius:30px; font-weight:600; color:white; font-size:15px; background:#f59e0b;">
                                Pending Review
                            </span>
                        </div>
                    </div>
                    <p style="margin:15px 0 0 0; font-size:14px; color:#666;">
                        Submitted on: {{ $bookingRequest->created_at->format('M d, Y \a\t h:i A') }}
                    </p>
                </div>

                <!-- Carrier Details -->
                <h3 style="font-size:20px; color:#1f1f1f; margin:30px 0 15px 0;">Selected Carrier</h3>
                @php
                    $carrier = $bookingRequest->carrier_data;
                @endphp
                <table width="100%" border="0" cellpadding="12" cellspacing="0" style="background:#f8f9fa; border-radius:12px; font-size:15px;">
                    <tr>
                        <td style="color:#666; width:35%;"><strong>Carrier Name</strong></td>
                        <td style="color:#1f1f1f; font-weight:600;">{{ $carrier['carrier'] ?? 'N/A' }}</td>
                    </tr>
                    <tr style="background:#ffffff;">
                        <td style="color:#666;"><strong>SCAC Code</strong></td>
                        <td style="color:#1f1f1f;">{{ $carrier['scac'] ?? 'N/A' }}</td>
                    </tr>
                    <tr>
                        <td style="color:#666;"><strong>Service Type</strong></td>
                        <td style="color:#1f1f1f;">
                            {{ $carrier['serviceType'] ?? 'N/A' }}
                            @if($carrier['isEconomy'] ?? false) <span style="color:#f59e0b; font-weight:600;">(Economy)</span> @endif
                            @if($carrier['isPreferred'] ?? false) <span style="color:#10b981; font-weight:600;">(Preferred)</span> @endif
                        </td>
                    </tr>
                    <tr style="background:#ffffff;">
                        <td style="color:#666;"><strong>Transit Days</strong></td>
                        <td style="color:#1f1f1f; font-weight:600;">{{ $carrier['transitDays'] ?? 'N/A' }} days</td>
                    </tr>
                    <tr>
                        <td style="color:#666;"><strong>Service Level</strong></td>
                        <td style="color:#1f1f1f;">{{ $carrier['serviceLevel'] ?? 'N/A' }}</td>
                    </tr>
                    <tr style="background:#ffffff;">
                        <td style="color:#666;"><strong>Base Rate</strong></td>
                        <td style="color:#1f1f1f; font-size:18px; font-weight:bold;">
                            ${{ number_format($bookingRequest->amount, 2) }}
                        </td>
                    </tr>
                    @if($bookingRequest->markup_percent > 0)
                    <tr>
                        <td style="color:#666;"><strong>Markup ({{ $bookingRequest->markup_percent }}%)</strong></td>
                        <td style="color:#1f1f1f;">
                            ${{ number_format($bookingRequest->total_amount - $bookingRequest->amount, 2) }}
                        </td>
                    </tr>
                    @endif
                    <tr style="background:#ffffff;">
                        <td style="color:#666;"><strong>Total Amount</strong></td>
                        <td style="color:#1f1f1f; font-size:20px; font-weight:bold; color:#C04657;">
                            ${{ number_format($bookingRequest->total_amount, 2) }}
                        </td>
                    </tr>
                </table>

                <!-- Shipment Locations -->
                <h3 style="font-size:20px; color:#1f1f1f; margin:40px 0 15px 0;">Shipment Locations</h3>
                <table width="100%" border="0" cellpadding="12" cellspacing="0" style="background:#f8f9fa; border-radius:12px; font-size:15px;">
                    <tr>
                        <td style="color:#666; width:35%;"><strong>Pickup</strong></td>
                        <td style="color:#1f1f1f;">
                            {{ $bookingRequest->quote->pickupDetail?->address ?? 'N/A' }}<br>
                            <small style="color:#888;">
                                {{ $bookingRequest->quote->pickupDetail?->city }}, 
                                {{ $bookingRequest->quote->pickupDetail?->state }} 
                                {{ $bookingRequest->quote->pickupDetail?->zip_code }}
                            </small>
                        </td>
                    </tr>
                    <tr style="background:#ffffff;">
                        <td style="color:#666;"><strong>Delivery</strong></td>
                        <td style="color:#1f1f1f;">
                            {{ $bookingRequest->quote->deliveryDetail?->address ?? 'N/A' }}<br>
                            <small style="color:#888;">
                                {{ $bookingRequest->quote->deliveryDetail?->city }}, 
                                {{ $bookingRequest->quote->deliveryDetail?->state }} 
                                {{ $bookingRequest->quote->deliveryDetail?->zip_code }}
                            </small>
                        </td>
                    </tr>
                </table>

                <!-- Commodities -->
                @if($bookingRequest->quote->commodities->isNotEmpty())
                <h3 style="font-size:20px; color:#1f1f1f; margin:40px 0 15px 0;">Commodities</h3>
                <table width="100%" border="0" cellpadding="12" cellspacing="0" style="background:#f8f9fa; border-radius:12px; font-size:15px;">
                    @foreach($bookingRequest->quote->commodities as $commodity)
                    <tr style="background:#ffffff;">
                        <td style="color:#666; width:35%;"><strong>Item {{ $loop->iteration }}</strong></td>
                        <td style="color:#1f1f1f;">
                            {{ $commodity->description }}<br>
                            <small style="color:#888;">
                                Quantity: {{ $commodity->quantity }} {{ $commodity->unit }} • 
                                Weight: {{ $commodity->weight }} lbs
                            </small>
                        </td>
                    </tr>
                    @endforeach
                </table>
                @endif

                <p style="color:#555555; font-size:16px; margin-top:40px;">
                    We’ll send you another email as soon as your request is reviewed.
                </p>

                <p style="color:#555555; font-size:16px; margin-top:30px;">
                    Thank you for trusting <strong>{{ config('app.name') }}</strong> with your shipment!<br>
                    Have questions? We're here to help.
                </p>

                <p style="color:#888888; font-size:15px; margin-top:40px;">
                    Best regards,<br>
                    <strong>The {{ config('app.name') }} Team</strong>
                </p>
            </td>
        </tr>
    </table>
@endsection