<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>إذن تجهيز بضاعة - أمر #{{ $purchaseOrder->id }}</title>
    <style>
        * { font-family: 'xbriyaz', sans-serif; }
        body { margin: 20px; font-size: 12px; color: #333; direction: rtl; text-align: right; }
        .header { text-align: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #10b981; }
        .logo { font-size: 22px; font-weight: bold; color: #10b981; }
        .title { font-size: 16px; margin-top: 8px; color: #333; }
        .meta { margin: 18px 0; }
        .meta-row { padding: 4px 0; }
        .meta-label { font-weight: bold; color: #666; display: inline-block; width: 120px; }
        table { width: 100%; border-collapse: collapse; margin: 20px 0; }
        th, td { border: 1px solid #ddd; padding: 10px; text-align: right; }
        th { background: #f8fafc; font-weight: bold; }
        .footer { margin-top: 30px; text-align: center; font-size: 10px; color: #888; }
    </style>
</head>
<body dir="rtl">
    <div class="header">
        <div class="logo">تاجر بلس</div>
        <div class="title">إذن تجهيز بضاعة - أمر شراء #{{ $purchaseOrder->id }}</div>
    </div>

    <div class="meta">
        <div class="meta-row"><span class="meta-label">رقم أمر الشراء:</span> #{{ $purchaseOrder->id }}</div>
        <div class="meta-row"><span class="meta-label">المورد:</span> {{ $purchaseOrder->supplier?->name ?? '—' }}</div>
        @if($purchaseOrder->sourceOrder)
        <div class="meta-row"><span class="meta-label">الطلب المرتبط:</span> #{{ $purchaseOrder->sourceOrder->id }}</div>
        <div class="meta-row"><span class="meta-label">التاريخ:</span> {{ $purchaseOrder->created_at->format('Y-m-d') }}</div>
        @endif
    </div>

    <table dir="rtl">
        <thead>
            <tr>
                <th>#</th>
                <th style="width:70px;">الصورة</th>
                <th>اسم الصنف</th>
                <th>النقشة</th>
                <th>الكمية</th>
            </tr>
        </thead>
        <tbody>
            @foreach($purchaseOrder->items as $i => $item)
            @php
                $variant = $item->variant;
                $imgPath = $variant?->image_thumbnail ?? $variant?->image_webp ?? $variant?->image;
                $imgSrc = null;
                if ($imgPath) {
                    $fullPath = storage_path('app/public/' . $imgPath);
                    if (file_exists($fullPath)) {
                        $imgSrc = $imgPath;
                    }
                }
            @endphp
            <tr>
                <td>{{ $i + 1 }}</td>
                <td>
                    @if($imgSrc)
                        <img src="{{ $imgSrc }}" alt="" style="width:60px; height:60px; object-fit:cover;" />
                    @else
                        <div style="width:60px; height:60px; background:#f1f5f9; display:flex; align-items:center; justify-content:center; color:#94a3b8; font-size:10px;">—</div>
                    @endif
                </td>
                <td>{{ $item->variant?->product?->name ?? 'منتج' }}</td>
                <td>{{ $item->variant?->pattern_name ?? '-' }}</td>
                <td>{{ $item->quantity }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>

    <div class="footer" style="margin-top: 40px;">
        يرجى تجهيز البضاعة أعلاه وتنسيق التسليم مع الإدارة
    </div>
</body>
</html>
