resources/views/components/frontend/article/comment/form.blade.php
@props(['article'])

<form wire:submit.prevent="add">
    @csrf
    <textarea placeholder="Comment"
              wire:model.defer="comment.content"
              aria-label="Comment"
              class="px-2 py-1
        w-full rounded-lg
        text-justify text-sm md:text-base
        border border-blue-200 block appearance-none leading-normal
        bg-slate
        focus:outline-none focus:bg-white focus:border-blue-300"></textarea>
    <div class="flex mt-4">
        <input placeholder="Name" aria-label="Name"
               wire:model.defer="comment.name"
               class="px-2 py-1
        w-full rounded-lg
        text-justify text-sm md:text-base
        border border-blue-200 block appearance-none leading-normal
        bg-slate
        focus:outline-none focus:bg-white focus:border-blue-300">
        <input placeholder="Email"
               wire:model.defer="comment.email"
               aria-label="Email"
               class="px-2 py-1 ml-4
        w-full rounded-lg
        text-justify text-sm md:text-base
        border border-blue-200 block appearance-none leading-normal
        bg-slate
        focus:outline-none focus:bg-white focus:border-blue-300">
    </div>

    <div class="flex justify-between pt-4">
        <div>
            <input type="checkbox"
                   wire:model.defer="comment.notify"
                   name="comment.notify"
                   id="comment.notify"
                   aria-label="Notify me about new article"> <label for="comment.notify">Notify me about new
                article</label>
        </div>
        <button type="submit"
                class="rounded-lg border border-blue-200 bg-blue-300 hover:bg-blue-400 px-3 py-1 focus:outline-none up whitespace-nowrap">
            Submit Comment
        </button>
    </div>
</form>
