Interactive Buttons Demo for Like

1. Icon Only (styled as a button with no background)
2. Text Only (Inline Span) – no button styling
3. Button with Icon and Text – styled button with both icon and text
4. Button with Text Only – styled button showing only text
5. Icon + Text (Inline Span) – no button styling, clickable span

Variation 1: Icon Only

{{ auth()->user()->likedItems->contains($item) ? 'heart_fill' : 'heart' }}

---

Variation 2: Text Only (Inline Span)

{{ auth()->user()->likedItems->contains($item) ? 'Liked' : 'Like' }}

---

Variation 3: Button with Icon and Text

{{ auth()->user()->likedItems->contains($item) ? 'heart_fill' : 'heart' }} {{ auth()->user()->likedItems->contains($item) ? 'Liked' : 'Like' }}

---

Variation 4: Button with Text Only

{{ auth()->user()->likedItems->contains($item) ? 'Liked' : 'Like' }}

---

Variation 5: Icon + Text (Inline Span)

{{ auth()->user()->likedItems->contains($item) ? 'heart_fill' : 'heart' }} {{ auth()->user()->likedItems->contains($item) ? 'Liked' : 'Like' }}

---

Like Count

{{ $item->likes()->count() }}