ladill-frontdesk/resources/views/frontdesk/devices/create.blade.php

<x-app-layout title="Add device">
    <div class="mx-auto max-w-lg">
        <h1 class="text-xl font-semibold text-slate-900">Register device</h1>
        <form method="POST" action="{{ route('frontdesk.devices.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">Name</label>
                <input type="text" name="name" value="{{ old('name') }}" required placeholder="Lobby kiosk" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
            </div>
            <div>
                <label class="block text-sm font-medium">Type</label>
                <select name="type" required class="mt-1 w-full rounded-lg border-slate-300 text-sm">
                    @foreach ($deviceTypes as $key => $label)
                        <option value="{{ $key }}" @selected(old('type') === $key)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium">Branch</label>
                <select name="branch_id" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
                    <option value="">All branches</option>
                    @foreach ($branches as $branch)
                        <option value="{{ $branch->id }}" @selected(old('branch_id') == $branch->id)>{{ $branch->name }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium">Reception desk</label>
                <select name="reception_desk_id" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
                    <option value="">None</option>
                    @foreach ($desks as $desk)
                        <option value="{{ $desk->id }}" @selected(old('reception_desk_id') == $desk->id)>{{ $desk->name }}</option>
                    @endforeach
                </select>
            </div>
            <p class="text-xs text-slate-500">Kiosks and printers receive a device token for unattended access.</p>
            <button type="submit" class="w-full rounded-lg bg-teal-600 py-2 text-sm font-semibold text-white">Register device</button>
        </form>
    </div>
</x-app-layout>