38 lines
1.9 KiB
PHP
38 lines
1.9 KiB
PHP
<x-ui.modal id="deal-modal" class="deal-identifier w-11/12 md:w-10/12">
|
|
<form class="flex justify-between items-start mb-4" method="dialog">
|
|
<p class="text-xl font-bold">Deal Details</p>
|
|
<button type="submit" class="">
|
|
<x-heroicon-o-x-mark class="w-4"/>
|
|
</button>
|
|
</form>
|
|
<div class="grid md:grid-cols-12 gap-4 items-stretch">
|
|
<div data-is-loading="true" class="md:col-span-8 h-0 min-h-full data-[is-loading=true]:h-60">
|
|
<div class="rounded-lg bg-gray-200 h-full">
|
|
<img src="" alt=" "
|
|
class="deal-image h-full w-full object-cover rounded-lg border-none">
|
|
</div>
|
|
</div>
|
|
<div class="md:col-span-4 flex flex-col gap-y-4">
|
|
<x-ui.button-sm data-is-loading="true" class="w-fit deal-category data-[is-loading=true]:h-6 data-[is-loading=true]:w-15" variant="neutral"/>
|
|
<p data-is-loading="true" class="deal-title font-bold text-lg data-[is-loading=true]:h-3 "></p>
|
|
<p data-is-loading="true" class="deal-description text-sm text-accent-600 wrap-break-word"></p>
|
|
<div class="flex justify-between">
|
|
<div >
|
|
<x-dashboard.user.action-toolbar.like-button data-is-loading="true" :is-interactive="false"/>
|
|
<x-dashboard.user.action-toolbar.favorite-button data-is-loading="true" :is-interactive="false"/>
|
|
</div>
|
|
<x-dashboard.user.deal-stats/>
|
|
</div>
|
|
<x-ui.button variant="neutral" data-is-loading="false" class="hidden deal-link space-x-2 items-center justify-center">
|
|
<div class="flex space-x-2">
|
|
<p>View Deal</p>
|
|
<x-heroicon-o-arrow-top-right-on-square class="w-5 ml-1"/>
|
|
</div>
|
|
</x-ui.button>
|
|
<x-dashboard.user.broker-contact/>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</x-ui.modal>
|