@extends('emails.partials.base_template')

@section('title', 'Final Payment Required')
@section('subtitle', 'Your vehicle transport service is complete - Final payment due')

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

<div class="content-text">
    Great news! Your vehicle transport service has been completed successfully. 
    Your vehicle has been delivered to the destination as scheduled.
</div>

<div class="alert alert-success">
    <strong>Service Completed!</strong> Your vehicle transport service has been finished. 
    Please complete the final payment to finalize your booking.
</div>

<div class="price-highlight">
    <div style="font-size: 18px; margin-bottom: 10px;">Final Payment Due</div>
    <div class="price-amount">${{ number_format($finalPaymentAmount, 2) }}</div>
    <div style="font-size: 14px; opacity: 0.9;">Final payment for completed service</div>
</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:</span>
        <span class="detail-value">
            @if(is_array($booking->vehicle_info))
                {{ $booking->vehicle_info['year'] ?? '' }} {{ $booking->vehicle_info['make'] ?? '' }} {{ $booking->vehicle_info['model'] ?? '' }}
            @else
                {{ $booking->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($booking->pickup_location))
                {{ $booking->pickup_location['address'] ?? '' }}, {{ $booking->pickup_location['city'] ?? '' }}, {{ $booking->pickup_location['state'] ?? '' }}
            @else
                {{ $booking->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($booking->delivery_location))
                {{ $booking->delivery_location['address'] ?? '' }}, {{ $booking->delivery_location['city'] ?? '' }}, {{ $booking->delivery_location['state'] ?? '' }}
            @else
                {{ $booking->delivery_location ?? 'N/A' }}
            @endif
        </span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Service Date:</span>
        <span class="detail-value">{{ $booking->pickup_date ? $booking->pickup_date->format('M d, Y') : 'N/A' }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Service Status:</span>
        <span class="detail-value" style="color: #10b981; font-weight: bold;">COMPLETED</span>
    </div>
</div>

<div class="info-section">
    <h3>Payment Information</h3>
    <div class="detail-row">
        <span class="detail-label">Final Amount Due:</span>
        <span class="detail-value" style="color: #3b82f6; font-weight: bold;">${{ number_format($finalPaymentAmount, 2) }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Payment Status:</span>
        <span class="detail-value" style="color: #f59e0b; 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">
        Pay Final Amount Now
    </a>
</div>

<div class="alert alert-info">
    <strong>Service Complete!</strong> Your vehicle has been successfully transported and delivered. 
    Please complete the final payment to close your booking and receive your receipt.
</div>

<div class="info-section">
    <h3>Next Steps</h3>
    <ol class="steps-list">
        <li><strong>Click Payment Button:</strong> Use the "Pay Final Amount 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>Complete Final Payment:</strong> Process the final payment for your completed service</li>
        <li><strong>Receive Receipt:</strong> Get your final receipt and booking confirmation</li>
    </ol>
</div>

<div class="content-text">
    <strong>Important:</strong> This is the final payment for your completed vehicle transport service. 
    Once payment is completed, your booking will be fully closed and you'll receive your final receipt.
</div>

<div class="content-text">
    <strong>Questions?</strong> If you have any questions about your completed service or need assistance with payment, 
    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