@extends('emails.partials.base_template')

@section('title', 'Payment Required')
@section('subtitle', 'Complete your booking payment to confirm your service')

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

<div class="content-text">
    Great news! Your quote has been accepted and your booking has been created successfully. 
    However, we need you to complete the payment to confirm your vehicle transport service.
</div>

<div class="alert alert-warning">
    <strong>Payment Required!</strong> Your booking is pending payment completion. Please complete your payment to secure your transport service.
</div>

<div class="price-highlight">
    <div style="font-size: 18px; margin-bottom: 10px;">Amount Due</div>
    <div class="price-amount">${{ number_format($quote->price, 2) }}</div>
    <div style="font-size: 14px; opacity: 0.9;">Payment required to confirm booking</div>
</div>

<div class="info-section">
    <h3>Booking Details</h3>
    <div class="detail-row">
        <span class="detail-label">Quote ID:</span>
        <span class="detail-value highlight">#{{ $quote->id }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Vehicle:</span>
        <span class="detail-value">
            @if(is_array($quote->vehicle_info))
                {{ $quote->vehicle_info['year'] ?? '' }} {{ $quote->vehicle_info['make'] ?? '' }} {{ $quote->vehicle_info['model'] ?? '' }}
            @else
                {{ $quote->vehicle_info ?? 'N/A' }}
            @endif
        </span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Pickup Location:</span>
        <span class="detail-value">
            @if(is_array($quote->pickup_location))
                {{ $quote->pickup_location['address'] ?? '' }}, {{ $quote->pickup_location['city'] ?? '' }}, {{ $quote->pickup_location['state'] ?? '' }}
            @else
                {{ $quote->pickup_location ?? 'N/A' }}
            @endif
        </span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Delivery Location:</span>
        <span class="detail-value">
            @if(is_array($quote->delivery_location))
                {{ $quote->delivery_location['address'] ?? '' }}, {{ $quote->delivery_location['city'] ?? '' }}, {{ $quote->delivery_location['state'] ?? '' }}
            @else
                {{ $quote->delivery_location ?? 'N/A' }}
            @endif
        </span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Pickup Date:</span>
        <span class="detail-value">{{ $quote->pickup_date ?? 'To be scheduled' }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Pickup Time:</span>
        <span class="detail-value">{{ $quote->pickup_time ?? 'To be scheduled' }}</span>
    </div>
</div>

<div class="info-section">
    <h3>Payment Information</h3>
    <div class="detail-row">
        <span class="detail-label">Amount Due:</span>
        <span class="detail-value" style="color: #3b82f6; font-weight: bold;">${{ number_format($quote->price, 2) }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Payment Status:</span>
        <span class="detail-value" style="color: #3b82f6; font-weight: bold;">PENDING</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Payment Method:</span>
        <span class="detail-value">Credit/Debit Card</span>
    </div>
</div>

<div class="btn-center">
    <a href="{{ $frontendUrl }}/user/bookings" class="btn btn-primary">
        Complete Payment Now
    </a>
</div>

<div class="alert alert-info">
    <strong>Need Help with Payment?</strong> If you need assistance with payment or want to use a different payment gateway, 
    please contact us through our live chat support. Our team is available 24/7 to help you.
</div>

<div class="info-section">
    <h3>Next Steps</h3>
    <ol class="steps-list">
        <li><strong>Click Payment Button:</strong> Use the "Complete Payment Now" button above</li>
        <li><strong>Log In:</strong> Access your user panel with your credentials</li>
        <li><strong>Navigate to Bookings:</strong> Go to "My Bookings" section</li>
        <li><strong>Update Payment Info:</strong> Add or update your payment card information</li>
        <li><strong>Complete Payment:</strong> Process the payment for your booking</li>
    </ol>
</div>

<div class="content-text">
    <strong>Important:</strong> Once payment is completed, your booking will be confirmed and we'll begin processing your vehicle transport service. 
    Please complete your payment as soon as possible to secure your transport slot.
</div>

<div class="content-text">
    <strong>Questions?</strong> If you have any questions or need assistance, please don't hesitate to contact us through our live chat support or at {{ $companySettings['companyPhone'] }}.
</div>

<div class="content-text">
    Thank you for choosing {{ $companySettings['companyName'] }} for your vehicle transportation needs!
</div>
@endsection