@php
    $translated = $translated ?? false;
    $required = $required ?? false;
    $maxlength = $maxlength ?? false;
    $options = $options ?? false;
    $placeholder = $placeholder ?? false;
    $note = $note ?? false;
    $disabled = $disabled ?? false;
    $readonly = $readonly ?? false;
    $editSource = $editSource ?? false;
    $toolbarOptions = $toolbarOptions ?? false;
    $inModal = $fieldsInModal ?? false;
    $default = $default ?? false;
    $hideCounter = $hideCounter ?? false;
    $type = $type ?? 'quill';
    $limitHeight = $limitHeight ?? false;

    // quill.js options
    $activeSyntax = $syntax ?? false;
    $theme = $customTheme ?? 'github';
    if ($toolbarOptions) {
        $toolbarOptions = array_map(function ($option) {
            if ($option == 'list-unordered') {
                return (object) ['list' => 'bullet'];
            }
            if ($option == 'list-ordered') {
                return (object) ['list' => 'ordered'];
            }
            if ($option == 'h1') {
                return (object) ['header' => 1];
            }
            if ($option == 'h2') {
                return (object) ['header' => 2];
            }
            return $option;
        }, $toolbarOptions);

        $toolbarOptions = [
            'modules' => [
                'toolbar' => $toolbarOptions,
                'syntax' => $activeSyntax
            ]
        ];
    }
    $options = $customOptions ?? $toolbarOptions ?? false;
@endphp

@if($activeSyntax)
    @pushonce('extra_css:wysiwyg')
        <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.12.0/build/styles/{{$theme}}.min.css">
    @endpushonce
@endif

@if($type === 'tiptap')
    @if($translated)
        <a17-locale
            type="a17-wysiwyg-tiptap"
            :attributes="{
            label: '{{ $label }}',
            @include('twill::partials.form.utils._field_name', ['asAttributes' => true])
            @if ($note) note: '{{ $note }}', @endif
            @if ($required) required: true, @endif
            @if ($options) options: {!! e(json_encode($options)) !!}, @endif
            @if ($placeholder) placeholder: '{{ addslashes($placeholder) }}', @endif
            @if ($maxlength) maxlength: {{ $maxlength }}, @endif
            @if ($hideCounter) showCounter: false, @endif
            @if ($disabled) disabled: true, @endif
            @if ($readonly) readonly: true, @endif
            @if ($editSource) editSource: true, @endif
            @if ($inModal) inModal: true, @endif
            @if ($limitHeight) limitHeight: true, @endif
            @if ($default)
                initialValue: '{{ $default }}',
                hasDefaultStore: true,
            @endif
                inStore: 'value'
            }"
        ></a17-locale>
    @else
        <a17-wysiwyg-tiptap
            label="{{ $label }}"
            @include('twill::partials.form.utils._field_name')
            @if ($note) note="{{ $note }}" @endif
            @if ($required) :required="true" @endif
            @if ($options) :options='{!! json_encode($options) !!}' @endif
            @if ($placeholder) placeholder='{{ $placeholder }}' @endif
            @if ($maxlength) :maxlength='{{ $maxlength }}' @endif
            @if ($hideCounter) :showCounter='false' @endif
            @if ($disabled) disabled @endif
            @if ($readonly) readonly @endif
            @if ($editSource) :edit-source='true' @endif
            @if ($limitHeight) :limit-height='true' @endif
            @if ($default)
            :initial-value="'{{ $default }}'"
            :has-default-store="true"
            @endif
            @if ($inModal) :in-modal="true" @endif
            in-store="value"
        ></a17-wysiwyg-tiptap>
    @endif
@else
    @if($translated)
        <a17-locale
            type="a17-wysiwyg"
            :attributes="{
            label: '{{ $label }}',
            @include('twill::partials.form.utils._field_name', ['asAttributes' => true])
            @if ($note) note: '{{ $note }}', @endif
            @if ($required) required: true, @endif
            @if ($options) options: {!! e(json_encode($options)) !!}, @endif
            @if ($placeholder) placeholder: '{{ addslashes($placeholder) }}', @endif
            @if ($maxlength) maxlength: {{ $maxlength }}, @endif
            @if ($hideCounter) showCounter: false, @endif
            @if ($disabled) disabled: true, @endif
            @if ($readonly) readonly: true, @endif
            @if ($editSource) editSource: true, @endif
            @if ($inModal) inModal: true, @endif
            @if ($limitHeight) limitHeight: true, @endif
            @if ($default)
                initialValue: '{{ $default }}',
                hasDefaultStore: true,
            @endif
                inStore: 'value'
            }"
        ></a17-locale>
    @else
        <a17-wysiwyg
            label="{{ $label }}"
            @include('twill::partials.form.utils._field_name')
            @if ($note) note="{{ $note }}" @endif
            @if ($required) :required="true" @endif
            @if ($options) :options='{!! json_encode($options) !!}' @endif
            @if ($placeholder) placeholder='{{ $placeholder }}' @endif
            @if ($maxlength) :maxlength='{{ $maxlength }}' @endif
            @if ($hideCounter) :showCounter='false' @endif
            @if ($disabled) disabled @endif
            @if ($readonly) readonly @endif
            @if ($editSource) :edit-source='true' @endif
            @if ($limitHeight) :limit-height='true' @endif
            @if ($default)
            :initial-value="'{{ $default }}'"
            :has-default-store="true"
            @endif
            @if ($inModal) :in-modal="true" @endif
            in-store="value"
        ></a17-wysiwyg>
    @endif

@endif

@unless($renderForBlocks || $renderForModal)
    @push('vuexStore')
        @include('twill::partials.form.utils._translatable_input_store')
    @endpush
@endunless