@props(['receiptPath'])

@if($receiptPath)
    <div class="space-y-2">
        <a href="{{ asset('storage/' . $receiptPath) }}" target="_blank" rel="noopener" class="block">
            <img src="{{ asset('storage/' . $receiptPath) }}"
                 alt="إيصال الدفع"
                 class="max-w-md rounded-lg border border-gray-200 shadow-sm object-contain bg-gray-50">
        </a>
        <p class="text-xs text-gray-500">اضغط على الصورة لفتحها بحجم كامل</p>
    </div>
@else
    <p class="text-sm text-gray-500">لا يوجد إيصال مرفوع</p>
@endif
