@props([
    'label' => null,
    'id' => 'editor-' . uniqid(),
    'name',
    'value' => null,
    'required' => false,
    'hint' => null,
    'error' => null,
    'class' => '',
])

<div class="dash-input-wrapper w-100 {{ $class }}">
    <label for="{{ $id }}" class="form-label tags">
        {{ $label }}
        @if($required)
            *
        @endif
    </label>

    <div>
        <textarea
            id="{{ $id }}"
            name="{{ $name }}"
            class="makeMeSummernote w-100 @error($name) error @enderror"
            {{ $required ? 'required' : '' }}
        >{{ old($name, $value) }}</textarea>
    </div>

    @error($name)
        <span class="error-msg">{{ $message }}</span>
    @else
        @if($hint)
            <span class="hint-msg">{{ $hint }}</span>
        @endif
    @enderror
</div>

@push('scripts')
    <script>
        $(document).ready(function () {
            $('#{{ $id }}').summernote({
                height: 200,
                toolbar: [
                    ['style', ['bold', 'italic', 'underline', 'clear']],
                    ['font', ['strikethrough']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['insert', ['link', 'picture', 'video']],
                    ['view', ['codeview']]
                ]
            });
        });
    </script>
@endpush