Reception create form omitted service point; catch that as validation and require a desk/room when the queue uses assigned routing. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -1,29 +1,90 @@
|
||||
<x-app-layout title="Issue ticket">
|
||||
<div class="mx-auto max-w-lg">
|
||||
@php
|
||||
$queuePayload = $queues->map(fn ($queue) => [
|
||||
'id' => $queue->id,
|
||||
'label' => $queue->name.($queue->branch ? ' ('.$queue->branch->name.')' : ''),
|
||||
'assigned_only' => $queue->usesAssignedOnlyRouting(),
|
||||
'counters' => $queue->counters->map(fn ($c) => [
|
||||
'id' => $c->id,
|
||||
'label' => $c->name.($c->code ? ' · '.$c->code : ''),
|
||||
])->values(),
|
||||
])->values();
|
||||
@endphp
|
||||
<div
|
||||
class="mx-auto max-w-lg"
|
||||
x-data="{
|
||||
queues: @json($queuePayload),
|
||||
queueId: @json(old('service_queue_id', $queues->first()?->id)),
|
||||
counterId: @json(old('assigned_counter_id')),
|
||||
get selected() {
|
||||
return this.queues.find(q => String(q.id) === String(this.queueId)) || null
|
||||
},
|
||||
get needsPoint() {
|
||||
return Boolean(this.selected?.assigned_only)
|
||||
},
|
||||
get counters() {
|
||||
return this.selected?.counters || []
|
||||
},
|
||||
onQueueChange() {
|
||||
if (! this.counters.some(c => String(c.id) === String(this.counterId))) {
|
||||
this.counterId = this.counters[0]?.id || ''
|
||||
}
|
||||
}
|
||||
}"
|
||||
x-init="onQueueChange()"
|
||||
>
|
||||
<h1 class="text-2xl font-semibold">Issue ticket</h1>
|
||||
<form method="POST" action="{{ route('qms.tickets.store') }}" class="mt-6 space-y-4 rounded-2xl border bg-white p-6 dark:border-slate-700 dark:bg-slate-900">
|
||||
@csrf
|
||||
<div>
|
||||
<label class="block text-sm font-medium">Queue</label>
|
||||
<select name="service_queue_id" required class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
||||
@foreach ($queues as $queue)
|
||||
<option value="{{ $queue->id }}">{{ $queue->name }} ({{ $queue->branch?->name }})</option>
|
||||
@endforeach
|
||||
<select
|
||||
name="service_queue_id"
|
||||
required
|
||||
class="mt-1 w-full rounded-lg border-slate-300 text-sm"
|
||||
x-model="queueId"
|
||||
@change="onQueueChange()"
|
||||
>
|
||||
<template x-for="queue in queues" :key="queue.id">
|
||||
<option :value="queue.id" x-text="queue.label"></option>
|
||||
</template>
|
||||
</select>
|
||||
@error('service_queue_id')
|
||||
<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>
|
||||
@enderror
|
||||
</div>
|
||||
<div x-show="needsPoint" x-cloak>
|
||||
<label class="block text-sm font-medium">Service point</label>
|
||||
<select
|
||||
name="assigned_counter_id"
|
||||
class="mt-1 w-full rounded-lg border-slate-300 text-sm"
|
||||
x-model="counterId"
|
||||
:required="needsPoint"
|
||||
:disabled="!needsPoint"
|
||||
>
|
||||
<option value="">Select service point</option>
|
||||
<template x-for="counter in counters" :key="counter.id">
|
||||
<option :value="counter.id" x-text="counter.label"></option>
|
||||
</template>
|
||||
</select>
|
||||
<p class="mt-1 text-xs text-slate-500">This queue only serves tickets assigned to a desk or room.</p>
|
||||
@error('assigned_counter_id')
|
||||
<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>
|
||||
@enderror
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium">Customer name</label>
|
||||
<input name="customer_name" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
||||
<input name="customer_name" value="{{ old('customer_name') }}" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium">Phone</label>
|
||||
<input name="customer_phone" type="tel" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
||||
<input name="customer_phone" type="tel" value="{{ old('customer_phone') }}" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium">Priority</label>
|
||||
<select name="priority" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
||||
@foreach (config('qms.ticket_priorities') as $value => $label)
|
||||
<option value="{{ $value }}">{{ $label }}</option>
|
||||
<option value="{{ $value }}" @selected(old('priority', 'walk_in') === $value)>{{ $label }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user