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

@section('title', 'Shipment Confirmed & Tendered - 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);">
                <div style="text-align:center; margin-bottom:30px;">
                    <div style="display:inline-block; background:#d4edda; color:#155724; padding:12px 28px; border-radius:30px; font-weight:600; font-size:16px;">
                        Shipment Successfully Tendered!
                    </div>
                </div>

                <h1 style="color:#1f1f1f; font-size:28px; text-align:center; margin:0 0 20px 0; font-weight:bold;">
                    Your Freight Booking is Confirmed
                </h1>

                <p style="color:#555555; font-size:16px; line-height:1.6; text-align:center; margin:0 0 30px 0;">
                    Dear <strong>{{ $bookingRequest->user->fullname }}</strong>,<br>
                    Congratulations! Your shipment has been successfully tendered to the carrier and is now officially confirmed.
                </p>

                <!-- Summary Card -->
                <div style="background:#d4edda; border-left:6px solid #28a745; 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:15px;">
                        <div>
                            <strong style="font-size:18px;">Quote Code:</strong><br>
                            <span style="font-size:26px; color:#155724; font-weight:bold;">#{{ $bookingRequest->quote->quote_code }}</span>
                        </div>
                        <div>
                            <span style="padding:12px 28px; border-radius:30px; font-weight:600; color:white; font-size:16px; background:#28a745;">
                                Confirmed & Tendered
                            </span>
                        </div>
                    </div>
                    <p style="margin:15px 0 0 0; font-size:15px; color:#155724;">
                        Tendered on: {{ $bookingRequest->tendered_at->format('M d, Y \a\t h:i A') }}
                    </p>
                </div>

                <!-- Tender Details -->
                @php
                    $carrier = $bookingRequest->carrier_data;
                    $tender = $tenderResponse;
                @endphp

                <h3 style="font-size:20px; color:#1f1f1f; margin:40px 0 15px 0;">Tender & Carrier Details</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>Tender ID</strong></td>
                        <td style="color:#1f1f1f; font-weight:600; font-size:18px;">
                            {{ $tender['tenderId'] ?? $bookingRequest->tender_id ?? 'N/A' }}
                        </td>
                    </tr>
                    <tr style="background:#ffffff;">
                        <td style="color:#666;"><strong>PO Number</strong></td>
                        <td style="color:#1f1f1f;">{{ $tender['poNumber'] ?? 'N/A' }}</td>
                    </tr>
                    <tr>
                        <td style="color:#666;"><strong>Carrier</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['serviceLevelDescription'] ?? $carrier['serviceLevel'] ?? 'Standard' }}</td>
                    </tr>
                    @if(isset($tender['full_response']['informationalMessage']))
                    <tr style="background:#ffffff;">
                        <td style="color:#666;"><strong>Carrier Response</strong></td>
                        <td style="color:#1f1f1f;">{{ $tender['full_response']['informationalMessage'] }}</td>
                    </tr>
                    @endif
                    <tr>
                        <td style="color:#666;"><strong>Final Amount</strong></td>
                        <td style="color:#28a745; font-size:20px; font-weight:bold;">
                            ${{ number_format($bookingRequest->total_amount, 2) }}
                        </td>
                    </tr>
                </table>

                <!-- Route Information -->
                <h3 style="font-size:20px; color:#1f1f1f; margin:40px 0 15px 0;">Shipment Route</h3>
                <div style="background:#e3f2fd; border-radius:12px; padding:25px; text-align:center;">
                    <div style="display:inline-block; width:45%; vertical-align:top;">
                        <strong style="font-size:16px; color:#1976d2;">Pickup Location</strong><br><br>
                        <div style="font-size:15px; color:#333;">
                            {{ $bookingRequest->quote->pickupDetail?->company_name ?? 'N/A' }}<br>
                            {{ $bookingRequest->quote->pickupDetail?->address ?? '' }}<br>
                            {{ $bookingRequest->quote->pickupDetail?->city }}, 
                            {{ $bookingRequest->quote->pickupDetail?->state }} 
                            {{ $bookingRequest->quote->pickupDetail?->zip_code }}
                        </div>
                    </div>

                    <div style="display:inline-block; width:10%; font-size:28px; color:#1976d2;">
                        →
                    </div>

                    <div style="display:inline-block; width:45%; vertical-align:top;">
                        <strong style="font-size:16px; color:#1976d2;">Delivery Location</strong><br><br>
                        <div style="font-size:15px; color:#333;">
                            {{ $bookingRequest->quote->deliveryDetail?->company_name ?? 'N/A' }}<br>
                            {{ $bookingRequest->quote->deliveryDetail?->address ?? '' }}<br>
                            {{ $bookingRequest->quote->deliveryDetail?->city }}, 
                            {{ $bookingRequest->quote->deliveryDetail?->state }} 
                            {{ $bookingRequest->quote->deliveryDetail?->zip_code }}
                        </div>
                    </div>
                </div>

                <!-- 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="{{ $loop->even ? '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

                <!-- Next Steps -->
                <div style="background:#fff3cd; border-left:6px solid #ffc107; border-radius:12px; padding:25px; margin:40px 0;">
                    <h3 style="color:#856404; margin-top:0;">Next Steps</h3>
                    <ul style="color:#856404; line-height:1.8; margin-left:20px;">
                        <li>The carrier will contact you soon to schedule pickup</li>
                        <li>Use your <strong>Tender ID</strong> for tracking and reference</li>
                        <li>Monitor real-time status in your dashboard</li>
                        <li>Save this email — it contains all important shipment details</li>
                    </ul>
                </div>

                <!-- CTA Button -->
                <div style="text-align:center; margin:40px 0;">
                    <a href="{{ url('/quotes/my-bookings') }}" 
                       style="background:#28a745; color:white; padding:16px 36px; text-decoration:none; border-radius:8px; font-weight:600; font-size:16px; display:inline-block;">
                        View My Bookings Dashboard
                    </a>
                </div>

                <p style="color:#555555; font-size:16px; text-align:center; margin-top:40px;">
                    Thank you for trusting <strong>{{ config('app.name') }}</strong> with your freight!<br>
                    We're here if you need any assistance.
                </p>

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