@extends('emails.layout')

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

@section('content')
    <p class="welcome">Hello,</p>
    <p>This is to inform you that order <strong>#{{ $order->order_number }}</strong> has been successfully delivered to <strong>{{ $order->outlet->name }}</strong>.</p>
    
    <div class="info-grid">
        <div class="info-item">
            <label>Order Number</label>
            <span>{{ $order->order_number }}</span>
        </div>
        <div class="info-item">
            <label>Outlet</label>
            <span>{{ $order->outlet->name }}</span>
        </div>
        <div class="info-item">
            <label>Delivered At</label>
            <span>{{ $order->delivered_at->format('M d, Y h:i A') }}</span>
        </div>
        <div class="info-item">
            <label>Delivery Person (LSR)</label>
            <span>{{ $order->deliveredBy->name ?? 'N/A' }}</span>
        </div>
    </div>

    <h3>Delivered Products</h3>
    <table>
        <thead>
            <tr>
                <th>Product Name</th>
                <th style="text-align: right;">Quantity</th>
            </tr>
        </thead>
        <tbody>
            @foreach($order->items as $item)
            <tr>
                <td>{{ $item->product->name ?? 'N/A' }}</td>
                <td style="text-align: right; font-weight: 600;">{{ $item->quantity }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>

    <p style="margin-top: 20px;">Detailed delivery information is attached to this email as a PDF.</p>
@endsection

@section('footer')
    <p>&copy; {{ date('Y') }} POSM Management System. All rights reserved.</p>
@endsection