@props([
    'name',
    'type' => 'text',
    'value' => null,
    'label' => '',
    'class' => '',
    'is_readonly' => false,
    'placeholder' => null,
    'model' => null,
    'dir' => 'rtl'
])

@php
    // Function to safely encode name attribute for use in class names
    if (!function_exists('safe_class_name')) {
        function safe_class_name($name) {
            return preg_replace('/[^A-Za-z0-9_\-]/', '_', $name);
        }
    }
    $value = $value ?? (isset($model) ? old($name, $model->{$name}) : old($name));
@endphp

<div class="form-group row no-gutters">
    <label class="col-sm-12 col-form-label text-left {{ $errors->has(dotted_string($name)) ? 'text-danger' : '' }}">
        {{ $label }}
    </label>
    <div class="col-sm-12">
        <div class="form-group">
            <textarea
                    name="{{ $name }}"
                    class="text-area-shape editor{{ safe_class_name($name) }}"
                    rows="3"
                    {{ $attributes }}
                    dir="{{ $dir }}">{!! $value !!}</textarea>

            @error(dotted_string($name))
            <div class="invalid-feedback">{{ $message }}</div>
            @enderror
            <small class="red_error" id="{{ dotted_string($name) }}_error"></small>
        </div>
    </div>
</div>

@push('scripts')
    <script src="{{ asset('tinymce/tinymce.bundle.js') }}"></script>
    <script>
        function safeClassName(name) {
            return name.replace(/[^A-Za-z0-9_\-]/g, '_');
        }

        tinymce.init({
            selector: ".editor" + safeClassName('{{ $name }}'),
            width: '100%',
            height: "10cm",
            directionality: '{{ $dir }}',
            menubar: false,
            readonly: '{{ $is_readonly }}',
            toolbar: [
                "styleselect fontselect fontsizeselect",
                "undo redo | cut copy paste | bold italic | link image | alignleft aligncenter alignright alignjustify",
                "bullist numlist | outdent indent | blockquote subscript superscript | advlist | autolink | lists charmap | print preview | code"
            ],
            plugins: "advlist autolink link image lists charmap print preview code"
        });
    </script>
@endpush