nimuli/resources/views/livewire/modals/edit-qr-code.blade.php

40 lines
2.0 KiB
PHP

<div class="p-6 space-y-5">
<h3 class="text-base font-semibold text-t1">Edit QR Code</h3>
<div class="space-y-4">
<div>
<label class="block text-xs font-medium text-t2 mb-1.5">Destination URL <span class="text-red">*</span></label>
<input wire:model="url" type="url" placeholder="https://example.com"
class="w-full px-3 py-2 bg-s2 border border-white/[.06] rounded-lg text-sm text-t1 placeholder-t3
focus:outline-none focus:ring-1 focus:ring-blue/50 focus:border-blue/50" />
@error('url')<p class="mt-1 text-xs text-red">{{ $message }}</p>@enderror
</div>
<div>
<label class="block text-xs font-medium text-t2 mb-1.5">Label (optional)</label>
<input wire:model="label" type="text" placeholder="My QR Code"
class="w-full px-3 py-2 bg-s2 border border-white/[.06] rounded-lg text-sm text-t1 placeholder-t3
focus:outline-none focus:ring-1 focus:ring-blue/50 focus:border-blue/50" />
@error('label')<p class="mt-1 text-xs text-red">{{ $message }}</p>@enderror
</div>
<div>
<label class="block text-xs font-medium text-t2 mb-1.5">Type</label>
<select wire:model="type"
class="w-full px-3 py-2 bg-s2 border border-white/[.06] rounded-lg text-sm text-t2 focus:outline-none focus:ring-1 focus:ring-blue/50 cursor-pointer">
<option value="url">URL</option>
<option value="vcard">vCard</option>
<option value="wifi">WiFi</option>
<option value="pdf">PDF</option>
<option value="mp3">MP3</option>
<option value="text">Text</option>
</select>
</div>
</div>
<div class="flex justify-end gap-2 pt-2">
<x-ui.button wire:click="closeModal" variant="ghost" label="Cancel" />
<x-ui.button wire:click="save" action="save" label="Save Changes" loading-label="Saving..." />
</div>
</div>