45 lines
1.8 KiB
PHP
45 lines
1.8 KiB
PHP
<div>
|
|
<div class="mb-4">
|
|
<label class="block text-sm font-medium text-theme-primary" for="title">
|
|
Post title
|
|
</label>
|
|
<input wire:model="title" id="title" type="text" class="mt-2 w-full rounded-lg border border-theme-primary py-2 pr-4 pl-2 text-sm focus:border-theme-accent focus:outline-none sm:text-base" required />
|
|
@error('title')
|
|
<div class="mt-1 text-sm text-red-500">
|
|
{{ $message }}
|
|
</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<label class="mb-2 block text-sm font-medium text-theme-primary" for="body">
|
|
Body
|
|
</label>
|
|
<div wire:ignore>
|
|
<div x-data
|
|
x-ref="editor"
|
|
x-init="
|
|
const quill = new Quill($refs.editor, {
|
|
theme: 'snow'
|
|
});
|
|
quill.on('text-change', () => {
|
|
$wire.set('body', quill.root.innerHTML)
|
|
})
|
|
">{!! \App\Helpers\StringHelper::sanitizeHtml($body) !!}
|
|
</div>
|
|
</div>
|
|
@error('body')
|
|
<div class="mt-1 text-sm text-red-500">
|
|
{{ $message }}
|
|
</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="mt-4 flex items-center">
|
|
<button wire:click="submitForm" type="submit"
|
|
class="inline-flex items-center rounded-md border border-transparent bg-theme-secondary px-4 py-2 text-xs font-semibold uppercase tracking-widest text-white transition duration-150 ease-in-out hover:bg-theme-primary focus:shadow-outline-theme-primary focus:border-theme-primary focus:outline-none active:bg-theme-primary disabled:opacity-25">
|
|
Save Post
|
|
</button>
|
|
</div>
|
|
</div>
|