Clarify step-out destination field with generic placeholder.
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:
isaacclad
2026-06-28 22:36:13 +00:00
co-authored by Cursor
parent 1f8adaf73e
commit a4788d1796
2 changed files with 5 additions and 3 deletions
@@ -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>