@if($writable && \Illuminate\Support\Facades\Gate::check('createComment', $model))

@php
    $class = $class ?? '';
@endphp

    <div class="comments-form {{ $class }}">

            @if($showAvatars)
                <x-comments::avatar/>
            @endif
            <form
                class="comments-form-inner"
                wire:submit.prevent="comment"
                wire:keydown.cmd.enter="comment"
                wire:keydown.ctrl.enter="comment"
            >
                <x-dynamic-component
                    :component="\Spatie\LivewireComments\Support\Config::editor()"
                    {{-- component='comments::editors.easymde' --}}
                    model="text"
                    :commentable="$model"
                    :placeholder="__('comments::comments.write_comment')"
                    wire:key="editor-new"
                />
                @error('text')
                <p class="comments-error">
                    {{ $message }}
                </p>
                @enderror

                <!--begin::Toolbar-->
                <div class="d-flex flex-stack">
                    <!--begin::Actions-->
                    <div class="d-flex align-items-center me-2">
                        <button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" aria-label="Coming soon" data-bs-original-title="Coming soon" data-kt-initialized="1"><span class="ki-duotone ki-paper-clip fs-3"></span></button>
                        <button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" aria-label="Coming soon" data-bs-original-title="Coming soon" data-kt-initialized="1"><span class="ki-duotone ki-cloud-add fs-3"><span class="path1"></span><span class="path2"></span></span></button>
                    </div>
                    <!--end::Actions-->
                    <!--begin::Send-->
                    <x-comments::button primary submit>
                        {{ __('comments::comments.create_comment') }}
                    </x-comments::button>
                    <!--end::Send-->
                </div>
                <!--end::Toolbar-->

            </form>
    </div>
@endif