@extends('emails.layout')

@section('email-content')
<h1 class="email-title">Order Confirmed!</h1>
<p class="email-subtitle">Thank you for your purchase, {{ $order->customer->name ?? 'Customer' }}.</p>

<div class="email-content">
    <p>Your order has been received and is being processed. We'll send you another email once it ships.</p>

    <table class="info-table">
        <tr>
            <td>Order Number</td>
            <td>{{ $order->order_number }}</td>
        </tr>
        <tr>
            <td>Date</td>
            <td>{{ $order->created_at->format('M d, Y h:i A') }}</td>
        </tr>
        <tr>
            <td>Total Amount</td>
            <td>${{ number_format($order->total, 2) }}</td>
        </tr>
        <tr>
            <td>Payment</td>
            <td>{{ ucfirst($order->payment_method ?? 'Pending') }}</td>
        </tr>
        <tr>
            <td>Status</td>
            <td>
                <span class="status-badge status-{{ $order->status }}">
                    {{ ucfirst(str_replace('_', ' ', $order->status)) }}
                </span>
            </td>
        </tr>
        @if($order->shipping_address)
        <tr>
            <td>Shipping To</td>
            <td>
                @if(is_array($order->shipping_address))
                    {{ $order->shipping_address['address_line1'] ?? '' }}
                    {{ $order->shipping_address['city'] ?? '' }},
                    {{ $order->shipping_address['state'] ?? '' }}
                    {{ $order->shipping_address['postal_code'] ?? '' }}
                @else
                    {{ $order->shipping_address }}
                @endif
            </td>
        </tr>
        @endif
    </table>

    @if($order->items->count() > 0)
    <h3 style="font-size: 16px; font-weight: 600; color: #1f2937; margin: 24px 0 12px;">Order Items</h3>
    <table class="info-table">
        @foreach($order->items as $item)
        <tr>
            <td>{{ $item->product_name ?? 'Product' }} x {{ $item->quantity }}</td>
            <td>${{ number_format($item->subtotal ?? ($item->price * $item->quantity), 2) }}</td>
        </tr>
        @endforeach
    </table>
    @endif

    <a href="{{ config('app.url') }}/orders/{{ $order->order_number }}" class="email-button">View Order Details</a>

    <div class="divider"></div>

    <p style="font-size: 14px; color: #6b7280;">Need help? Contact us at <a href="mailto:support@mebuy.com" style="color: #6366f1;">support@mebuy.com</a></p>
</div>
@endsection