@pushOnce('page.head')
<script src="https://cdn.tiny.cloud/1/o3xxn1egstud8k4clezmtiocupaj5kof1ox4k1ywocrgml58/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
@endpushonce

<div @class([
    'w-full flex flex-col' => true,
])>
    <label for="{{ $id ?? $name }}"
        class="mb-1">
        {{ $label }}
    </label>
    <textarea
        id="{{ $id ?? $name }}"
        name="{{ $name ?? $id }}"
        rows="{{ $rows ?? 5 }}"
        @class([
            "px-3 py-1 bg-white rounded border shadow-sm tinymce" => true,
            "border-red-600" => $errors->has($name ?? $id)
        ])>{{ old($old ?? $name ?? $id, $value ?? null) }}</textarea>
</div>

@pushOnce('page.scripts')
<script>
    tinymce.init({
        selector: '.tinymce',
        paste_as_text: true,
        toolbar: 'undo redo | blocks fontsize | bold italic underline strikethrough forecolor | link image media table | align lineheight | numlist bullist indent outdent',
        toolbar_mode: 'wrap',
        language: 'fr_FR',
        plugins: 'image, link, table',
        images_upload_url: "{{ route('admin.images.upload') }}",
        image_dimensions: false,
        image_class_list: [
            {title: 'Pleine largeur', value: 'w-full py-2'},
            {title: '50 %', value: 'w-full md:w-1/2 float-left pr-2 pb-2'},
            {title: 'Icone', value: 'w-[6rem] float-left pr-2 pb-2'},
        ]
    });
  </script>
@endpushonce