www.booking.kidana.sa
Open in
urlscan Pro
185.238.70.180
Public Scan
URL:
https://www.booking.kidana.sa/
Submission: On February 07 via automatic, source certstream-suspicious — Scanned from DE
Submission: On February 07 via automatic, source certstream-suspicious — Scanned from DE
Form analysis 2 forms found in the DOM
<form wire:submit.prevent="submit" class="w-full max-w-5xl">
<div>
<div class="grid grid-cols-1 filament-forms-component-container gap-6">
<div class="col-span-full">
<div class="filament-forms-card-component p-6 bg-white rounded-xl border border-gray-300">
<div class="grid grid-cols-1 lg:grid-cols-2 filament-forms-component-container gap-6">
<div class="col-span-full">
<div>
<div class="grid grid-cols-1 lg:grid-cols-3 filament-forms-component-container gap-6">
<div class="col-span-1" wire:key="rBumOPflXrv8Dcsq5zpL.data.name.Filament\Forms\Components\TextInput">
<div class="filament-forms-field-wrapper">
<div class="space-y-2">
<div class="flex items-center justify-between space-x-2 rtl:space-x-reverse">
<label class="filament-forms-field-wrapper-label inline-flex items-center space-x-3 rtl:space-x-reverse" for="data.name">
<span class="text-sm font-medium leading-4 text-gray-700"> الاسم <sup class="font-medium text-danger-700">*</sup>
</span>
</label>
</div>
<div class="filament-forms-text-input-component flex items-center space-x-2 rtl:space-x-reverse group">
<div class="flex-1">
<input x-data="{}" wire:model.defer="data.name" type="text" dusk="filament.forms.data.name" autocomplete="off" autofocus="" id="data.name" required=""
class="block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-500 focus:ring-1 focus:ring-inset focus:ring-primary-500 disabled:opacity-70 border-gray-300" x-bind:class="{
'border-gray-300': ! ('data.name' in $wire.__instance.serverMemo.errors),
'dark:border-gray-600': ! ('data.name' in $wire.__instance.serverMemo.errors) && false,
'border-danger-600 ring-danger-600': ('data.name' in $wire.__instance.serverMemo.errors),
}">
</div>
</div>
</div>
</div>
</div>
<div class="col-span-1" wire:key="rBumOPflXrv8Dcsq5zpL.data.mobile.Filament\Forms\Components\TextInput">
<div class="filament-forms-field-wrapper">
<div class="space-y-2">
<div class="flex items-center justify-between space-x-2 rtl:space-x-reverse">
<label class="filament-forms-field-wrapper-label inline-flex items-center space-x-3 rtl:space-x-reverse" for="data.mobile">
<span class="text-sm font-medium leading-4 text-gray-700"> الجوال <sup class="font-medium text-danger-700">*</sup>
</span>
</label>
</div>
<div class="filament-forms-text-input-component flex items-center space-x-2 rtl:space-x-reverse group">
<div class="flex-1">
<input x-data="{}" wire:model.defer="data.mobile" type="text" dusk="filament.forms.data.mobile" autocomplete="off" id="data.mobile" required=""
class="block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-500 focus:ring-1 focus:ring-inset focus:ring-primary-500 disabled:opacity-70 border-gray-300" x-bind:class="{
'border-gray-300': ! ('data.mobile' in $wire.__instance.serverMemo.errors),
'dark:border-gray-600': ! ('data.mobile' in $wire.__instance.serverMemo.errors) && false,
'border-danger-600 ring-danger-600': ('data.mobile' in $wire.__instance.serverMemo.errors),
}">
</div>
</div>
</div>
</div>
</div>
<div class="col-span-1" wire:key="rBumOPflXrv8Dcsq5zpL.data.email.Filament\Forms\Components\TextInput">
<div class="filament-forms-field-wrapper">
<div class="space-y-2">
<div class="flex items-center justify-between space-x-2 rtl:space-x-reverse">
<label class="filament-forms-field-wrapper-label inline-flex items-center space-x-3 rtl:space-x-reverse" for="data.email">
<span class="text-sm font-medium leading-4 text-gray-700"> البريد الالكتروني <sup class="font-medium text-danger-700">*</sup>
</span>
</label>
</div>
<div class="filament-forms-text-input-component flex items-center space-x-2 rtl:space-x-reverse group">
<div class="flex-1">
<input x-data="{}" wire:model.defer="data.email" type="email" dusk="filament.forms.data.email" autocomplete="off" id="data.email" required=""
class="block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-500 focus:ring-1 focus:ring-inset focus:ring-primary-500 disabled:opacity-70 border-gray-300" x-bind:class="{
'border-gray-300': ! ('data.email' in $wire.__instance.serverMemo.errors),
'dark:border-gray-600': ! ('data.email' in $wire.__instance.serverMemo.errors) && false,
'border-danger-600 ring-danger-600': ('data.email' in $wire.__instance.serverMemo.errors),
}">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-span-1" wire:key="rBumOPflXrv8Dcsq5zpL.data.department.Filament\Forms\Components\TextInput">
<div class="filament-forms-field-wrapper">
<div class="space-y-2">
<div class="flex items-center justify-between space-x-2 rtl:space-x-reverse">
<label class="filament-forms-field-wrapper-label inline-flex items-center space-x-3 rtl:space-x-reverse" for="data.department">
<span class="text-sm font-medium leading-4 text-gray-700"> الإدارة <sup class="font-medium text-danger-700">*</sup>
</span>
</label>
</div>
<div class="filament-forms-text-input-component flex items-center space-x-2 rtl:space-x-reverse group">
<div class="flex-1">
<input x-data="{}" wire:model.defer="data.department" type="text" dusk="filament.forms.data.department" autocomplete="off" id="data.department" required=""
class="block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-500 focus:ring-1 focus:ring-inset focus:ring-primary-500 disabled:opacity-70 border-gray-300" x-bind:class="{
'border-gray-300': ! ('data.department' in $wire.__instance.serverMemo.errors),
'dark:border-gray-600': ! ('data.department' in $wire.__instance.serverMemo.errors) && false,
'border-danger-600 ring-danger-600': ('data.department' in $wire.__instance.serverMemo.errors),
}">
</div>
</div>
</div>
</div>
</div>
<div class="col-span-1" wire:key="rBumOPflXrv8Dcsq5zpL.data.project.Filament\Forms\Components\TextInput">
<div class="filament-forms-field-wrapper">
<div class="space-y-2">
<div class="flex items-center justify-between space-x-2 rtl:space-x-reverse">
<label class="filament-forms-field-wrapper-label inline-flex items-center space-x-3 rtl:space-x-reverse" for="data.project">
<span class="text-sm font-medium leading-4 text-gray-700"> المشروع <sup class="font-medium text-danger-700">*</sup>
</span>
</label>
</div>
<div class="filament-forms-text-input-component flex items-center space-x-2 rtl:space-x-reverse group">
<div class="flex-1">
<input x-data="{}" wire:model.defer="data.project" type="text" dusk="filament.forms.data.project" autocomplete="off" id="data.project" required=""
class="block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-500 focus:ring-1 focus:ring-inset focus:ring-primary-500 disabled:opacity-70 border-gray-300" x-bind:class="{
'border-gray-300': ! ('data.project' in $wire.__instance.serverMemo.errors),
'dark:border-gray-600': ! ('data.project' in $wire.__instance.serverMemo.errors) && false,
'border-danger-600 ring-danger-600': ('data.project' in $wire.__instance.serverMemo.errors),
}">
</div>
</div>
</div>
</div>
</div>
<div class="col-span-1" wire:key="rBumOPflXrv8Dcsq5zpL.data.property_type_id.Filament\Forms\Components\Select">
<div class="filament-forms-field-wrapper">
<div class="space-y-2">
<div class="flex items-center justify-between space-x-2 rtl:space-x-reverse">
<label class="filament-forms-field-wrapper-label inline-flex items-center space-x-3 rtl:space-x-reverse" for="data.property_type_id">
<span class="text-sm font-medium leading-4 text-gray-700"> نوع الممتلكات <sup class="font-medium text-danger-700">*</sup>
</span>
</label>
</div>
<div class="filament-forms-select-component flex items-center space-x-1 rtl:space-x-reverse group">
<div class="flex-1 min-w-0">
<select id="data.property_type_id" wire:model="data.property_type_id" dusk="filament.forms.data.property_type_id" required=""
class="text-gray-900 block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-500 focus:ring-1 focus:ring-inset focus:ring-primary-500 disabled:opacity-70 border-gray-300">
<option value="">اختر</option>
<option value="2"> غرف </option>
<option value="1"> مركبات </option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="col-span-1" wire:key="rBumOPflXrv8Dcsq5zpL.data.property_degree_id.Filament\Forms\Components\Select">
<div class="filament-forms-field-wrapper">
<div class="space-y-2">
<div class="flex items-center justify-between space-x-2 rtl:space-x-reverse">
<label class="filament-forms-field-wrapper-label inline-flex items-center space-x-3 rtl:space-x-reverse" for="data.property_degree_id">
<span class="text-sm font-medium leading-4 text-gray-700"> درجة الممتلكات <sup class="font-medium text-danger-700">*</sup>
</span>
</label>
</div>
<div class="filament-forms-select-component flex items-center space-x-1 rtl:space-x-reverse group">
<div class="flex-1 min-w-0">
<select id="data.property_degree_id" wire:model.defer="data.property_degree_id" dusk="filament.forms.data.property_degree_id" required=""
class="text-gray-900 block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-500 focus:ring-1 focus:ring-inset focus:ring-primary-500 disabled:opacity-70 border-gray-300">
<option value="">اختر</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="col-span-1" wire:key="rBumOPflXrv8Dcsq5zpL.data.booking_from.Filament\Forms\Components\DateTimePicker">
<div class="filament-forms-field-wrapper">
<div class="space-y-2">
<div class="flex items-center justify-between space-x-2 rtl:space-x-reverse">
<label class="filament-forms-field-wrapper-label inline-flex items-center space-x-3 rtl:space-x-reverse" for="data.booking_from">
<span class="text-sm font-medium leading-4 text-gray-700"> بداية الحجز <sup class="font-medium text-danger-700">*</sup>
</span>
</label>
</div>
<div x-data="dateTimePickerFormComponent({
displayFormat: 'YYYY-MM-DD HH:mm',
firstDayOfWeek: 1,
isAutofocused: false,
locale: 'ar',
shouldCloseOnDateSelection: false,
state: $wire.entangle('data.booking_from').defer,
})" x-on:keydown.esc="isOpen() && $event.stopPropagation()" class="filament-forms-date-time-picker-component relative">
<input x-ref="maxDate" type="hidden" value="">
<input x-ref="minDate" type="hidden" value="2023-02-07 16:47:09">
<input x-ref="disabledDates" type="hidden" value="[]">
<button x-ref="button" x-on:click="togglePanelVisibility()" x-on:keydown.enter.stop.prevent="if (! $el.disabled) { isOpen() ? selectDate() : togglePanelVisibility() }"
x-on:keydown.arrow-left.stop.prevent="if (! $el.disabled) focusPreviousDay()" x-on:keydown.arrow-right.stop.prevent="if (! $el.disabled) focusNextDay()"
x-on:keydown.arrow-up.stop.prevent="if (! $el.disabled) focusPreviousWeek()" x-on:keydown.arrow-down.stop.prevent="if (! $el.disabled) focusNextWeek()" x-on:keydown.backspace.stop.prevent="if (! $el.disabled) clearState()"
x-on:keydown.clear.stop.prevent="if (! $el.disabled) clearState()" x-on:keydown.delete.stop.prevent="if (! $el.disabled) clearState()" aria-label="" dusk="filament.forms.data.booking_from.open" type="button"
class="bg-white relative w-full border py-2 pl-3 pr-10 rtl:pl-10 rtl:pr-3 text-start cursor-default rounded-lg shadow-sm focus-within:ring-1 focus-within:border-primary-500 focus-within:ring-inset focus-within:ring-primary-500 border-gray-300">
<input readonly="" placeholder="" wire:key="rBumOPflXrv8Dcsq5zpL.data.booking_from.Filament\Forms\Components\DateTimePicker.display-text" x-model="displayText" id="data.booking_from"
class="w-full h-full p-0 placeholder-gray-400 bg-transparent border-0 focus:placeholder-gray-500 focus:ring-0 focus:outline-none">
<span class="absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none rtl:right-auto rtl:left-0 rtl:pl-2">
<svg class="w-5 h-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
</svg>
</span>
</button>
<div x-ref="panel" x-cloak="" x-float.placement.bottom-start.offset.flip.shift="{ offset: 8 }" wire:ignore.self="" wire:key="rBumOPflXrv8Dcsq5zpL.data.booking_from.Filament\Forms\Components\DateTimePicker.panel"
class="absolute hidden z-10 my-1 bg-white border border-gray-300 rounded-lg shadow-md p-4 min-w-[16rem] w-fit">
<div class="space-y-3">
<div class="flex items-center justify-between space-x-1 rtl:space-x-reverse">
<select x-model="focusedMonth" class="grow px-1 py-0 text-lg font-medium text-gray-800 border-0 cursor-pointer focus:ring-0 focus:outline-none" dusk="filament.forms.data.booking_from.focusedMonth">
<template x-for="(month, index) in months">
<option x-bind:value="index" x-text="month"></option>
</template>
</select>
<input type="number" inputmode="numeric" x-model.debounce="focusedYear" class="w-20 p-0 text-lg text-end border-0 focus:ring-0 focus:outline-none" dusk="filament.forms.data.booking_from.focusedYear">
</div>
<div class="grid grid-cols-7 gap-1">
<template x-for="(day, index) in dayLabels" :key="index">
<div x-text="day" class="text-xs font-medium text-center text-gray-800"></div>
</template>
</div>
<div role="grid" class="grid grid-cols-7 gap-1">
<template x-for="day in emptyDaysInFocusedMonth" x-bind:key="day">
<div class="text-sm text-center border border-transparent"></div>
</template>
<template x-for="day in daysInFocusedMonth" x-bind:key="day">
<div x-text="day" x-on:click="dayIsDisabled(day) || selectDate(day)" x-on:mouseenter="setFocusedDay(day)" role="option" x-bind:aria-selected="focusedDate.date() === day" x-bind:class="{
'text-gray-700 ': ! dayIsSelected(day),
'cursor-pointer': ! dayIsDisabled(day),
'bg-primary-50 ': dayIsToday(day) && ! dayIsSelected(day) && focusedDate.date() !== day && ! dayIsDisabled(day),
'bg-primary-200 ': focusedDate.date() === day && ! dayIsSelected(day),
'bg-primary-500 text-white': dayIsSelected(day),
'cursor-not-allowed pointer-events-none': dayIsDisabled(day),
'opacity-50': focusedDate.date() !== day && dayIsDisabled(day),
}" x-bind:dusk="'filament.forms.data.booking_from' + '.focusedDate.' + day" class="text-sm leading-loose text-center transition duration-100 ease-in-out rounded-full"></div>
</template>
</div>
<div class="flex items-center justify-center bg-gray-50 py-2 rounded-lg rtl:flex-row-reverse">
<input max="23" min="0" type="number" inputmode="numeric" x-model.debounce="hour" class="w-16 p-0 pr-1 text-xl bg-gray-50 text-center text-gray-700 border-0 focus:ring-0 focus:outline-none"
dusk="filament.forms.data.booking_from.hour">
<span class="text-xl font-medium bg-gray-50 text-gray-700">:</span>
<input max="59" min="0" type="number" inputmode="numeric" x-model.debounce="minute" class="w-16 p-0 pr-1 text-xl text-center bg-gray-50 text-gray-700 border-0 focus:ring-0 focus:outline-none"
dusk="filament.forms.data.booking_from.minute">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-span-1" wire:key="rBumOPflXrv8Dcsq5zpL.data.booking_to.Filament\Forms\Components\DateTimePicker">
<div class="filament-forms-field-wrapper">
<div class="space-y-2">
<div class="flex items-center justify-between space-x-2 rtl:space-x-reverse">
<label class="filament-forms-field-wrapper-label inline-flex items-center space-x-3 rtl:space-x-reverse" for="data.booking_to">
<span class="text-sm font-medium leading-4 text-gray-700"> نهاية الحجز <sup class="font-medium text-danger-700">*</sup>
</span>
</label>
</div>
<div x-data="dateTimePickerFormComponent({
displayFormat: 'YYYY-MM-DD HH:mm',
firstDayOfWeek: 1,
isAutofocused: false,
locale: 'ar',
shouldCloseOnDateSelection: false,
state: $wire.entangle('data.booking_to').defer,
})" x-on:keydown.esc="isOpen() && $event.stopPropagation()" class="filament-forms-date-time-picker-component relative">
<input x-ref="maxDate" type="hidden" value="">
<input x-ref="minDate" type="hidden" value="">
<input x-ref="disabledDates" type="hidden" value="[]">
<button x-ref="button" x-on:click="togglePanelVisibility()" x-on:keydown.enter.stop.prevent="if (! $el.disabled) { isOpen() ? selectDate() : togglePanelVisibility() }"
x-on:keydown.arrow-left.stop.prevent="if (! $el.disabled) focusPreviousDay()" x-on:keydown.arrow-right.stop.prevent="if (! $el.disabled) focusNextDay()"
x-on:keydown.arrow-up.stop.prevent="if (! $el.disabled) focusPreviousWeek()" x-on:keydown.arrow-down.stop.prevent="if (! $el.disabled) focusNextWeek()" x-on:keydown.backspace.stop.prevent="if (! $el.disabled) clearState()"
x-on:keydown.clear.stop.prevent="if (! $el.disabled) clearState()" x-on:keydown.delete.stop.prevent="if (! $el.disabled) clearState()" aria-label="" dusk="filament.forms.data.booking_to.open" type="button"
class="bg-white relative w-full border py-2 pl-3 pr-10 rtl:pl-10 rtl:pr-3 text-start cursor-default rounded-lg shadow-sm focus-within:ring-1 focus-within:border-primary-500 focus-within:ring-inset focus-within:ring-primary-500 border-gray-300">
<input readonly="" placeholder="" wire:key="rBumOPflXrv8Dcsq5zpL.data.booking_to.Filament\Forms\Components\DateTimePicker.display-text" x-model="displayText" id="data.booking_to"
class="w-full h-full p-0 placeholder-gray-400 bg-transparent border-0 focus:placeholder-gray-500 focus:ring-0 focus:outline-none">
<span class="absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none rtl:right-auto rtl:left-0 rtl:pl-2">
<svg class="w-5 h-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
</svg>
</span>
</button>
<div x-ref="panel" x-cloak="" x-float.placement.bottom-start.offset.flip.shift="{ offset: 8 }" wire:ignore.self="" wire:key="rBumOPflXrv8Dcsq5zpL.data.booking_to.Filament\Forms\Components\DateTimePicker.panel"
class="absolute hidden z-10 my-1 bg-white border border-gray-300 rounded-lg shadow-md p-4 min-w-[16rem] w-fit">
<div class="space-y-3">
<div class="flex items-center justify-between space-x-1 rtl:space-x-reverse">
<select x-model="focusedMonth" class="grow px-1 py-0 text-lg font-medium text-gray-800 border-0 cursor-pointer focus:ring-0 focus:outline-none" dusk="filament.forms.data.booking_to.focusedMonth">
<template x-for="(month, index) in months">
<option x-bind:value="index" x-text="month"></option>
</template>
</select>
<input type="number" inputmode="numeric" x-model.debounce="focusedYear" class="w-20 p-0 text-lg text-end border-0 focus:ring-0 focus:outline-none" dusk="filament.forms.data.booking_to.focusedYear">
</div>
<div class="grid grid-cols-7 gap-1">
<template x-for="(day, index) in dayLabels" :key="index">
<div x-text="day" class="text-xs font-medium text-center text-gray-800"></div>
</template>
</div>
<div role="grid" class="grid grid-cols-7 gap-1">
<template x-for="day in emptyDaysInFocusedMonth" x-bind:key="day">
<div class="text-sm text-center border border-transparent"></div>
</template>
<template x-for="day in daysInFocusedMonth" x-bind:key="day">
<div x-text="day" x-on:click="dayIsDisabled(day) || selectDate(day)" x-on:mouseenter="setFocusedDay(day)" role="option" x-bind:aria-selected="focusedDate.date() === day" x-bind:class="{
'text-gray-700 ': ! dayIsSelected(day),
'cursor-pointer': ! dayIsDisabled(day),
'bg-primary-50 ': dayIsToday(day) && ! dayIsSelected(day) && focusedDate.date() !== day && ! dayIsDisabled(day),
'bg-primary-200 ': focusedDate.date() === day && ! dayIsSelected(day),
'bg-primary-500 text-white': dayIsSelected(day),
'cursor-not-allowed pointer-events-none': dayIsDisabled(day),
'opacity-50': focusedDate.date() !== day && dayIsDisabled(day),
}" x-bind:dusk="'filament.forms.data.booking_to' + '.focusedDate.' + day" class="text-sm leading-loose text-center transition duration-100 ease-in-out rounded-full"></div>
</template>
</div>
<div class="flex items-center justify-center bg-gray-50 py-2 rounded-lg rtl:flex-row-reverse">
<input max="23" min="0" type="number" inputmode="numeric" x-model.debounce="hour" class="w-16 p-0 pr-1 text-xl bg-gray-50 text-center text-gray-700 border-0 focus:ring-0 focus:outline-none"
dusk="filament.forms.data.booking_to.hour">
<span class="text-xl font-medium bg-gray-50 text-gray-700">:</span>
<input max="59" min="0" type="number" inputmode="numeric" x-model.debounce="minute" class="w-16 p-0 pr-1 text-xl text-center bg-gray-50 text-gray-700 border-0 focus:ring-0 focus:outline-none"
dusk="filament.forms.data.booking_to.minute">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-4">
<button type="submit" wire:loading.attr="disabled" x-data="{
form: null,
isUploadingFile: false,
}" x-bind:class="{ 'opacity-70 cursor-wait': isUploadingFile }" x-bind:disabled="isUploadingFile" x-init="
form = $el.closest('form')
form?.addEventListener('file-upload-started', () => {
isUploadingFile = true
})
form?.addEventListener('file-upload-finished', () => {
isUploadingFile = false
})
"
class="filament-button filament-button-size-md inline-flex items-center justify-center py-1 gap-1 font-medium rounded-lg border transition-colors focus:outline-none focus:ring-offset-2 focus:ring-2 focus:ring-inset dark:focus:ring-offset-0 min-h-[2.25rem] px-4 text-sm text-white shadow focus:ring-white border-transparent bg-primary-600 hover:bg-primary-500 focus:bg-primary-700 focus:ring-offset-primary-700">
<span class="flex items-center gap-1">
<span class=""> حجز </span>
</span>
</button>
</div>
</form><form wire:submit.prevent="submitVerify" class="w-full max-w-5xl">
<div>
<div class="grid grid-cols-1 filament-forms-component-container gap-6">
<div class="col-span-full">
<div class="filament-forms-card-component p-6 bg-white rounded-xl border border-gray-300">
<div class="grid grid-cols-1 filament-forms-component-container gap-6">
<div class="col-span-1" wire:key="rBumOPflXrv8Dcsq5zpL.verify.verification_code.Filament\Forms\Components\TextInput">
<div class="filament-forms-field-wrapper">
<div class="space-y-2">
<div class="flex items-center justify-between space-x-2 rtl:space-x-reverse">
<label class="filament-forms-field-wrapper-label inline-flex items-center space-x-3 rtl:space-x-reverse" for="verify.verification_code">
<span class="text-sm font-medium leading-4 text-gray-700"> رمز التحقق <sup class="font-medium text-danger-700">*</sup>
</span>
</label>
</div>
<div class="filament-forms-text-input-component flex items-center space-x-2 rtl:space-x-reverse group">
<div class="flex-1">
<input x-data="{}" wire:model.defer="verify.verification_code" type="text" dusk="filament.forms.verify.verification_code" autocomplete="off" id="verify.verification_code" required=""
class="block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-500 focus:ring-1 focus:ring-inset focus:ring-primary-500 disabled:opacity-70" x-bind:class="{
'border-gray-300': ! ('verify.verification_code' in $wire.__instance.serverMemo.errors),
'dark:border-gray-600': ! ('verify.verification_code' in $wire.__instance.serverMemo.errors) && false,
'border-danger-600 ring-danger-600': ('verify.verification_code' in $wire.__instance.serverMemo.errors),
}">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-4">
<button type="submit" wire:loading.attr="disabled" x-data="{
form: null,
isUploadingFile: false,
}" x-bind:class="{ 'opacity-70 cursor-wait': isUploadingFile }" x-bind:disabled="isUploadingFile" x-init="
form = $el.closest('form')
form?.addEventListener('file-upload-started', () => {
isUploadingFile = true
})
form?.addEventListener('file-upload-finished', () => {
isUploadingFile = false
})
"
class="filament-button filament-button-size-md inline-flex items-center justify-center py-1 gap-1 font-medium rounded-lg border transition-colors focus:outline-none focus:ring-offset-2 focus:ring-2 focus:ring-inset dark:focus:ring-offset-0 min-h-[2.25rem] px-4 text-sm text-white shadow focus:ring-white border-transparent bg-primary-600 hover:bg-primary-500 focus:bg-primary-700 focus:ring-offset-primary-700">
<span class="flex items-center gap-1">
<span class=""> تحقق </span>
</span>
</button>
</div>
</form>Text Content
الاسم * الجوال * البريد الالكتروني * الإدارة * المشروع * نوع الممتلكات * اختر غرف مركبات درجة الممتلكات * اختر بداية الحجز * : نهاية الحجز * : حجز رمز التحقق * تحقق تم تقديم طلبك بنجاح وسيتم الرد عليه قريبًا