@extends('emails.base')

@section('content')
    <h2>Hello,</h2>
    <p>Thank you for your order! Your order has been placed successfully.</p>
    <p><strong>Order ID:</strong> {{ $order->id }}</p>
    <p><strong>Order Date:</strong> {{ \Carbon\Carbon::parse($order->dtOrd)->format('F j, Y, g:i a') }}</p>
    <h3 style="margin-top:24px;">Order Summary</h3>
    <table width="100%" cellpadding="8" cellspacing="0" border="1" style="border-collapse:collapse;margin-bottom:24px;">
        <thead>
            <tr style="background:#f8fafc;">
                <th align="left">Product</th>
                <th align="center">Quantity</th>
                <th align="right">Price</th>
            </tr>
        </thead>
        <tbody>
            @foreach($products as $item)
                <tr>
                    <td>{{ $item->prod }}</td>
                    <td align="center">{{ $item->piece }}</td>
                    <td align="right">${{ number_format($item->price, 2) }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <p><strong>Subtotal:</strong> ${{ number_format($order->subTotal, 2) }}</p>
    @if($order->shi)
        <p><strong>Shipping:</strong> ${{ number_format($order->shi, 2) }}</p>
    @endif
    @if($order->tax)
        <p><strong>Tax:</strong> ${{ number_format($order->tax, 2) }}</p>
    @endif
    @if($order->grandTotal)
        <p><strong>Total:</strong> ${{ number_format($order->grandTotal, 2) }}</p>
    @endif
    <p style="margin:24px 0;">
        <a href="{{ config('app.url') }}/orders/{{ $order->id }}" style="display:inline-block;padding:12px 24px;background:#222;color:#fff;text-decoration:none;border-radius:4px;">View Order</a>
    </p>
    <p>We appreciate your business!<br>The {{ config('app.name') }} Team</p>
@endsection