@extends('emails.layout')

@section('title', 'Dispatch Confirmation')

@section('content')
    <p class="welcome">Hello,</p>
    <p>This is to confirm that a shipment has been dispatched to <strong>{{ $locationName }}</strong>.</p>
    
    <div class="info-grid">
        <div class="info-item">
            <label>Reference No</label>
            <span>{{ $ref->ref_no }}</span>
        </div>
        <div class="info-item">
            <label>Dispatched Date</label>
            <span>{{ \Carbon\Carbon::parse($dispatchedAt)->format('M d, Y h:i A') }}</span>
        </div>
    </div>

    <h3>Package Contents</h3>
    <table>
        <thead>
            <tr>
                <th>Product Name</th>
                <th style="text-align: right;">Quantity</th>
            </tr>
        </thead>
        <tbody>
            @foreach($products as $product)
            <tr>
                <td>{{ $product['name'] }}</td>
                <td style="text-align: right; font-weight: 600;">{{ $product['quantity'] }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
@endsection

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