688fd02e26
toasts timer increased to 5s. Add animation to the toast Add toast for like and favorite actions fixed the deal card design added a opening animation to modal
35 lines
1.5 KiB
PHP
35 lines
1.5 KiB
PHP
@props(['deal' => '', 'broker' => ''])
|
|
<x-ui.image-card class="shadow-lg" :image="asset('storage/'.$deal->image)">
|
|
<div class="bg-white pt-8 p-4 h-full space-y-2 flex flex-col justify-between">
|
|
<div class="flex justify-between">
|
|
<x-ui.button-sm variant="neutral">
|
|
{{$deal->category->name}}
|
|
</x-ui.button-sm>
|
|
@ds($deal)
|
|
<x-dashboard.user.action-toolbar :deal_title="$deal->title" :deal_id="$deal->id" :like="$deal->is_liked" :favourite="$deal->is_favorite" />
|
|
</div>
|
|
|
|
<p class="font-bold text-lg ">{{$deal->title}}</p>
|
|
|
|
<p class="text-sm text-accent-600 wrap-break-word">{{$deal->description}}</p>
|
|
|
|
<x-dashboard.user.broker-contact :broker="$broker"/>
|
|
|
|
<div class="flex justify-between items-center">
|
|
<div class="flex space-x-3">
|
|
<x-dashboard.user.stat-badge id="{{'likeBadge'.$deal->id}}" :count="$deal->total_likes">
|
|
<x-heroicon-o-heart class="w-4"/>
|
|
</x-dashboard.user.stat-badge>
|
|
|
|
<x-dashboard.user.stat-badge :count="433">
|
|
<x-heroicon-o-arrow-top-right-on-square class="w-4"/>
|
|
</x-dashboard.user.stat-badge>
|
|
</div>
|
|
<x-ui.button variant="neutral" class="flex space-x-2 items-center">
|
|
<p>View Deal</p>
|
|
<x-heroicon-o-arrow-top-right-on-square class="w-5 ml-1"/>
|
|
</x-ui.button>
|
|
</div>
|
|
</div>
|
|
</x-ui.image-card>
|