38 lines
1.6 KiB
PHP
38 lines
1.6 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 class="md:col-span-8 h-0 min-h-full">
|
|
<div class="rounded-lg bg-gray-200 h-full">
|
|
<img src="" alt="Image of the deal"
|
|
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 class="w-fit deal-category" variant="neutral"/>
|
|
<p class="deal-title font-bold text-lg "></p>
|
|
<p 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 :is-interactive="false"/>
|
|
<x-dashboard.user.action-toolbar.favorite-button :is-interactive="false"/>
|
|
</div>
|
|
<x-dashboard.user.deal-stats/>
|
|
</div>
|
|
<x-ui.button variant="neutral" 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>
|