@extends('emails.layout')

@section('title', 'Order Confirmed')

@section('content')
    <h2 class="greeting">Thank you for your order, {{ $order->customer->name }}! 🎉</h2>
    
    <p class="message">
        Your order has been confirmed and is now being processed. We're excited to get you connected!
    </p>
    
    <div class="success-box">
        <strong>✅ Order Confirmed!</strong><br>
        Order Number: <strong>{{ $order->order_number }}</strong><br>
        Order Date: {{ $order->created_at->format('F j, Y \a\t g:i A') }}
    </div>
    
    <h3 style="color: #111827; font-size: 18px; margin: 32px 0 16px 0;">Order Summary</h3>
    
    <table class="details-table">
        <tr>
            <td>Package</td>
            <td>{{ $order->package->name }} ({{ $order->package->speed_mbps }}Mbps)</td>
        </tr>
        <tr>
            <td>Monthly Subscription</td>
            <td>${{ number_format($order->monthly_subscription, 2) }}/month</td>
        </tr>
        <tr>
            <td>Installation Fee</td>
            <td>${{ number_format($order->installation_fee, 2) }}</td>
        </tr>
        @if($order->extension_cost > 0)
        <tr>
            <td>Infrastructure Extension</td>
            <td>${{ number_format($order->extension_cost, 2) }}</td>
        </tr>
        @endif
        <tr>
            <td>Equipment Cost</td>
            <td>${{ number_format($order->equipment_cost, 2) }}</td>
        </tr>
        <tr style="border-top: 2px solid #6b21a8;">
            <td><strong>Total Amount</strong></td>
            <td style="color: #6b21a8; font-size: 18px;"><strong>${{ number_format($order->total_amount, 2) }}</strong></td>
        </tr>
    </table>
    
    <h3 style="color: #111827; font-size: 18px; margin: 32px 0 16px 0;">Installation Details</h3>
    
    <table class="details-table">
        <tr>
            <td>Service Address</td>
            <td>{{ $order->service_address }}</td>
        </tr>
        @if($order->preferred_installation_date)
        <tr>
            <td>Preferred Date</td>
            <td>{{ \Carbon\Carbon::parse($order->preferred_installation_date)->format('F j, Y') }}</td>
        </tr>
        @endif
        <tr>
            <td>Estimated Lead Time</td>
            <td>{{ $order->extension_cost > 0 ? '30-45 working days' : '21 working days' }}</td>
        </tr>
    </table>
    
    <div class="info-box">
        <strong>📌 What Happens Next?</strong><br>
        1. Our technical team will review your order<br>
        2. We'll conduct a site survey (if required)<br>
        3. You'll receive installation schedule confirmation<br>
        4. Our technicians will install your service<br>
        5. You'll be connected and ready to go!
    </div>
    
    <div style="text-align: center; margin: 40px 0;">
        <a href="{{ config('app.url') }}/orders/{{ $order->order_number }}" class="btn-primary">
            Track Your Order
        </a>
    </div>
    
    <p class="message">
        You can track your order status anytime by logging into your account. We'll keep you updated via email at each stage of the process.
    </p>
    
    <div class="warning-box">
        <strong>📞 Need to make changes?</strong><br>
        Contact our support team within 24 hours if you need to modify your order details.
    </div>
@endsection