@extends('emails.partials.base_template')

@section('title', 'Payment Receipt')
@section('subtitle', 'Your payment has been successfully processed')

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

<div class="content-text">
    Thank you for your payment! We have successfully processed your transaction for {{ $companySettings['companyName'] }} services.
</div>

<div class="alert alert-success">
    <strong>Payment Confirmed!</strong> Your payment has been processed successfully and your account has been updated.
</div>

<div class="price-highlight">
    <div style="font-size: 18px; margin-bottom: 10px;">Payment Amount</div>
    <div class="price-amount">${{ number_format($amount, 2) }}</div>
    <div style="font-size: 14px; opacity: 0.9;">Transaction completed successfully</div>
</div>

<div class="info-section">
    <h3>Payment Details</h3>
    <div class="detail-row">
        <span class="detail-label">Payment ID:</span>
        <span class="detail-value highlight">#{{ $payment->id }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Amount Paid:</span>
        <span class="detail-value">${{ number_format($amount, 2) }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Payment Date:</span>
        <span class="detail-value">{{ now()->format('F j, Y g:i A') }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Payment Method:</span>
        <span class="detail-value">{{ ucfirst($payment->provider ?? 'Credit Card') }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Status:</span>
        <span class="detail-value" style="color: #3b82f6; font-weight: bold;">Completed</span>
    </div>
</div>

<div class="info-section">
    <h3>Customer Information</h3>
    <div class="detail-row">
        <span class="detail-label">Name:</span>
        <span class="detail-value">{{ $user->name ?? 'N/A' }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Email:</span>
        <span class="detail-value">{{ $user->email }}</span>
    </div>
    @if($user->phone)
    <div class="detail-row">
        <span class="detail-label">Phone:</span>
        <span class="detail-value">{{ $user->phone }}</span>
    </div>
    @endif
</div>

<div class="alert alert-info">
    <strong>Receipt Information:</strong> Please keep this email as your payment receipt. 
    You can also access your payment history in your account dashboard.
</div>

<div class="content-text">
    <strong>What's Next?</strong><br>
    Your payment has been processed and your account is now up to date. 
    If this payment was for a booking, you should receive a booking confirmation shortly.
</div>

<div class="content-text">
    <strong>Need Help?</strong><br>
    If you have any questions about this payment or need assistance with your account, 
    please don't hesitate to contact our customer service team at {{ $companySettings['companyPhone'] }} or {{ $companySettings['companyEmail'] }}.
</div>

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