37 lines
2.0 KiB
PHP

<x-ui.modal id="report-modal" class="w-130">
<form class="flex justify-between items-start" method="dialog">
<div class="flex space-x-2 items-center">
<x-icon-square variant="red" class="p-2!">
<x-heroicon-o-exclamation-circle class="w-6" />
</x-icon-square>
<p class="text-xl font-bold">Report Deal</p>
</div>
<button type="submit" class="" >
<x-heroicon-o-x-mark class="w-4" />
</button>
</form>
<p class="text-accent-600/80 mt-2 text-sm">Help us maintain a trusted platform by reporting inappropriate or suspicious content.</p>
<p class="text-accent-600 mt-2 text-sm font-bold">Deal being reported</p>
<div class="w-fit wrap-break-word px-2 py-4">
<p class="font-bold text-sm" id="report-modal-title"></p>
<p class="text-xs text-accent-600/80 pt-2">ID: #<span id="report-modal-id"></span></p>
</div>
<form action="" method="post" id="report-form" class="mt-4 flex flex-col space-y-4">
@csrf
<x-ui.select :options="\App\Enums\ReportType::assocValues()" label-key="name" value-key="value" name="type" placeholder="Select one reason" required label="Reason for report" />
<x-ui.textarea name="description" label="Additional Details" required placeholder="Please provide more details about why you're reporting this deal..." description="Minimum 10 characters" />
<p class="text-blue-700 bg-blue-100 text-xs p-4 rounded-xl">
<span class="font-bold">Note:</span> Your report will be reviewed by out moderation team within 24-48 hours.<br />
False reports may result in account restrictions.
</p>
<div class="w-full flex justify-end space-x-4">
<x-ui.button class="border border-accent-600/20" onclick="closeModal('report-modal')">Cancel</x-ui.button>
<x-ui.button variant="red" type="submit">Submit report</x-ui.button>
</div>
</form>
</x-ui.modal>