Clarify step-out destination field with generic placeholder.
Deploy Ladill Frontdesk / deploy (push) Successful in 27s
Deploy Ladill Frontdesk / deploy (push) Successful in 27s
Show a required note under destination only when Other is selected, on kiosk and My presence forms. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -26,12 +26,12 @@
|
||||
@endif
|
||||
|
||||
@if ($status === 'on_site')
|
||||
<form method="POST" action="{{ route('frontdesk.employee.portal.action') }}" class="mt-6 space-y-4">
|
||||
<form method="POST" action="{{ route('frontdesk.employee.portal.action') }}" class="mt-6 space-y-4" x-data="{ stepOutReason: 'lunch' }">
|
||||
@csrf
|
||||
<input type="hidden" name="action" value="step_out">
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-slate-700">Reason</label>
|
||||
<select name="step_out_reason" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
||||
<select name="step_out_reason" x-model="stepOutReason" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
||||
@foreach ($stepOutReasons as $key => $label)
|
||||
<option value="{{ $key }}">{{ $label }}</option>
|
||||
@endforeach
|
||||
@@ -40,6 +40,7 @@
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-slate-700">Destination</label>
|
||||
<input type="text" name="destination" class="mt-1 w-full rounded-lg border-slate-300 text-sm" placeholder="Where are you going?">
|
||||
<p x-show="stepOutReason === 'other'" x-cloak class="mt-1.5 text-xs text-amber-700">Required when reason is Other.</p>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-slate-700">Expected return</label>
|
||||
|
||||
@@ -532,7 +532,8 @@
|
||||
</div>
|
||||
<div>
|
||||
<label for="staff-step-out-destination" class="mb-1.5 block text-sm font-medium text-slate-600">Destination</label>
|
||||
<input id="staff-step-out-destination" type="text" x-model="staffStepOut.destination" placeholder="Required for Other" class="w-full rounded-xl border-slate-200 px-4 py-4 text-lg">
|
||||
<input id="staff-step-out-destination" type="text" x-model="staffStepOut.destination" placeholder="Where are you going?" class="w-full rounded-xl border-slate-200 px-4 py-4 text-lg">
|
||||
<p x-show="staffStepOut.step_out_reason === 'other'" x-cloak class="mt-1.5 text-xs text-amber-700">Required when reason is Other.</p>
|
||||
</div>
|
||||
<div>
|
||||
<label for="staff-step-out-return" class="mb-1.5 block text-sm font-medium text-slate-600">Expected return (optional)</label>
|
||||
|
||||
Reference in New Issue
Block a user