isaaccladandCursor
f46bebc1e3
Deploy Ladill Frontdesk / deploy (push) Successful in 55s
Add warning, danger, and link button styles plus x-btn and x-danger-zone components so ghost text actions match the primary pill UI across edit screens and tables. Co-authored-by: Cursor <cursoragent@cursor.com>
56 lines
3.2 KiB
PHP
56 lines
3.2 KiB
PHP
<x-app-layout title="Pre-register visitor">
|
|
<div class="mx-auto max-w-lg">
|
|
<h1 class="text-xl font-semibold text-slate-900">Pre-register visitor</h1>
|
|
<p class="text-sm text-slate-500">Schedule a visit as {{ $host->name }}</p>
|
|
|
|
<form method="POST" action="{{ route('frontdesk.host.schedule.store') }}" class="mt-6 space-y-4 rounded-2xl border border-slate-200 bg-white p-6">
|
|
@csrf
|
|
<div>
|
|
<label class="block text-sm font-medium">Visitor name</label>
|
|
<input type="text" name="full_name" value="{{ old('full_name') }}" required class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
|
</div>
|
|
<div class="grid gap-4 sm:grid-cols-2">
|
|
<div>
|
|
<label class="block text-sm font-medium">Company</label>
|
|
<input type="text" name="company" value="{{ old('company') }}" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium">Visitor type</label>
|
|
<select name="visitor_type" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
|
@foreach (config('frontdesk.visitor_types') as $key => $label)
|
|
<option value="{{ $key }}" @selected(old('visitor_type', 'visitor') === $key)>{{ $label }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="grid gap-4 sm:grid-cols-2">
|
|
<div>
|
|
<label class="block text-sm font-medium">Email</label>
|
|
<input type="email" name="email" value="{{ old('email') }}" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium">Phone</label>
|
|
<input type="tel" name="phone" value="{{ old('phone') }}" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium">Purpose</label>
|
|
<label class="block text-sm font-medium text-slate-700">Purpose</label>
|
|
@include('frontdesk.partials.purpose-select', ['value' => old('purpose'), 'class' => 'mt-1 w-full rounded-lg border-slate-300 text-sm'])
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium">Scheduled date & time</label>
|
|
<input type="datetime-local" name="scheduled_at" value="{{ old('scheduled_at') }}" required class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium">Notes</label>
|
|
<textarea name="notes" rows="3" class="mt-1 w-full rounded-lg border-slate-300 text-sm">{{ old('notes') }}</textarea>
|
|
</div>
|
|
<div class="flex gap-3">
|
|
<x-btn href="{{ route('frontdesk.host.index') }}" variant="secondary" class="flex-1 justify-center">Cancel</x-btn>
|
|
<x-btn type="submit" class="flex-1">Schedule visit</x-btn>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</x-app-layout>
|