كشف عدم الاتصال في Livewire v4

<!-- إظهار شريط تحذير عند عدم الاتصال -->
<div wire:offline class="bg-yellow-100 p-4 rounded">
    <span class="text-yellow-800">
        ⚠️ أنت غير متصل حالياً. ستتم المزامنة عند الاتصال.
    </span>
</div>

<!-- إضافة صنف عند عدم الاتصال -->
<div wire:offline.class="opacity-50 pointer-events-none">
    <form wire:submit="save">
        <input wire:model="name">
        <button>حفظ</button>
    </form>
</div>

<!-- إزالة صنف عند عدم الاتصال -->
<div wire:offline.class.remove="bg-green-500">
    مؤشر الحالة
</div>

<!-- تعطيل الأزرار عند عدم الاتصال -->
<button 
    wire:click="save" 
    wire:offline.attr="disabled"
    class="disabled:opacity-50 disabled:cursor-not-allowed"
>
    حفظ التغييرات
</button>

<!-- نموذج كامل مع دعم عدم الاتصال -->
<form wire:submit="save">
    <div wire:offline class="mb-4 p-3 bg-red-100 text-red-700 rounded">
        أنت غير متصل. سيُرسل النموذج عند استعادة الاتصال.
    </div>
    
    <input wire:model="email" wire:offline.attr="readonly">
    <button wire:offline.attr="disabled">إرسال</button>
</form>