51 lines
2.5 KiB
PHP
51 lines
2.5 KiB
PHP
<x-ui.modal id="deal-modal" class="deal-identifier w-11/12 md:w-10/12 overflow-scroll">
|
|
<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 mb-4">
|
|
<div data-is-loading="true" class="md:col-span-8 h-40 md: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 items-center justify-between">
|
|
<div class="flex items-center">
|
|
<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 id="comments"/>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="p-2 text-sm bg-gray-50 border-gray-200 border rounded-xl">
|
|
<p class="font-bold mb-2">Comments</p>
|
|
<div class="flex items-center space-x-2">
|
|
<x-ui.input class="flex-1" name="comment" placeholder="Add a comment..."/>
|
|
<x-ui.button id="commentSubmitBtn" variant="ghost" icon="paper-airplane">
|
|
<p class="hidden md:block">Comment</p>
|
|
</x-ui.button>
|
|
</div>
|
|
<x-dashboard.user.deal-comment/>
|
|
</div>
|
|
</x-ui.modal>
|