@extends('emails.partials.base_template')

@section('title', 'Booking Confirmed!')
@section('subtitle', 'Your vehicle transport has been successfully booked')

@section('content')
<div class="greeting">Hello {{ $booking->customer_name }},</div>

<div class="content-text">
    Great news! Your vehicle transport has been successfully booked with {{ $companySettings['companyName'] }}. 
    We're excited to provide you with professional and reliable transportation services.
</div>

<div class="alert alert-success">
    <strong>Booking Confirmed!</strong> Your vehicle transport is now scheduled and our team is preparing for your shipment.
</div>

<div class="info-section">
    <h3>Booking Details</h3>
    <div class="detail-row">
        <span class="detail-label">Booking ID:</span>
        <span class="detail-value highlight">#{{ $booking->id }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Vehicle Type:</span>
        <span class="detail-value">{{ $booking->vehicle_type }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Pickup Date:</span>
        <span class="detail-value">{{ $booking->pickup_date }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Pickup Time:</span>
        <span class="detail-value">{{ $booking->pickup_time }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Pickup Location:</span>
        <span class="detail-value">{{ $booking->pickup_location }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Delivery Location:</span>
        <span class="detail-value">{{ $booking->delivery_location }}</span>
    </div>
</div>

<div class="info-section">
    <h3>What Happens Next?</h3>
    <ol class="steps-list">
        <li><strong>Driver Assignment:</strong> We'll assign a professional driver to your booking within 24 hours</li>
        <li><strong>Pickup Confirmation:</strong> You'll receive a call 24-48 hours before pickup to confirm details</li>
        <li><strong>Vehicle Inspection:</strong> Our driver will conduct a thorough inspection before loading</li>
        <li><strong>Safe Transport:</strong> Your vehicle will be transported safely to the destination</li>
        <li><strong>Delivery Notification:</strong> You'll be notified when your vehicle arrives</li>
    </ol>
</div>

<div class="alert alert-info">
    <strong>Important:</strong> Please ensure someone is available at the pickup location during the scheduled time. 
    If you need to make any changes, please contact us immediately at {{ $companySettings['companyPhone'] }}.
</div>

<div class="content-text">
    <strong>Need Assistance?</strong><br>
    Our customer service team is available 24/7 to help with any questions or concerns. 
    You can reach us at {{ $companySettings['companyPhone'] }} or {{ $companySettings['companyEmail'] }}.
</div>

<div class="content-text">
    Thank you for choosing {{ $companySettings['companyName'] }} for your vehicle transportation needs. 
    We look forward to providing you with excellent service!
</div>
@endsection