31 lines
1.6 KiB
PHP
31 lines
1.6 KiB
PHP
<div class="p-6 space-y-5">
|
|
<h3 class="text-base font-semibold text-t1">Create Bio Page</h3>
|
|
|
|
<div class="space-y-4">
|
|
<div>
|
|
<label class="block text-xs font-medium text-t2 mb-1.5">Title <span class="text-red">*</span></label>
|
|
<input wire:model="title" type="text" placeholder="My Bio Page"
|
|
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('title')<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">Slug (optional)</label>
|
|
<div class="flex items-center gap-1">
|
|
<span class="text-t3 text-xs shrink-0">nimu.li/bio/</span>
|
|
<input wire:model="slug" type="text" placeholder="my-bio"
|
|
class="flex-1 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" />
|
|
</div>
|
|
<p class="mt-1 text-xs text-t3">Leave empty to auto-generate.</p>
|
|
@error('slug')<p class="mt-1 text-xs text-red">{{ $message }}</p>@enderror
|
|
</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="Create Bio Page" loading-label="Creating..." />
|
|
</div>
|
|
</div>
|