@use('Core\Localization\Locales') @use('Illuminate\Support\Facades\Vite') @use('Illuminate\Support\Str') @use('Services\Media\Support\MediaLimits') @php /** * @intent Editor de texto rico (ADR-028) — TipTap vendorizado, sem framework reativo. * * @description O campo do formulário é um `

` com o **AST JSON**: com JS o TipTap assume
     *              e mantém o textarea em sincronia (progressive enhancement); a barra de ferramentas
     *              e o preview só aparecem com JS (`[data-rich-editor-ready]`). Os diálogos são
     *              `<dialog>` nativos e centralizados na view: fechar (Cancelar/`Esc`) devolve o foco
     *              ao gatilho; aplicar mantém o autor no editor.
     */

$name = $name ?? 'content';
    $label = $label ?? __('richtext::editor.label');
    $required = (bool) ($required ?? false);
    $module = $module ?? 'Media';

// Locales suportados (ADR-012); vazio = modo de idioma único (compatível com o uso anterior).
    $locales = is_array($locales ?? null)
        ? array_values(array_filter(
            $locales,
            static fn (mixed $locale): bool => is_string($locale) && Locales::isSupported($locale),
        ))
        : [];
    $multi = $locales !== [];
    $primary = Locales::primary();

/** @var array<string, mixed> $translations */
    $translations = is_array($translations ?? null) ? $translations : [];

$encode = static function (mixed $raw): string {
        if (is_array($raw) && $raw !== []) {
            return (string) json_encode($raw, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
        }

return is_string($raw) && trim($raw) !== '' ? $raw : '';
    };

$raw = $value ?? null;
    $emptyValue = '{"type":"doc","content":[{"type":"paragraph"}]}';
    $singleJson = $encode($raw) !== '' ? $encode($raw) : $emptyValue;

/** @var array<string, array{json: string, missing: bool}> $fields */
    $fields = [];

if ($multi) {
        foreach ($locales as $locale) {
            $candidate = $translations[$locale] ?? null;

if ($candidate === null && is_array($raw) && ! isset($raw['type']) && array_key_exists($locale, $raw)) {
                $candidate = $raw[$locale];
            }

if ($candidate === null && $locale === $primary && ! is_array($raw)) {
                $candidate = $raw;
            }

$encoded = $encode($candidate);
            $fields[$locale] = ['json' => $encoded, 'missing' => $encoded === ''];
        }
    }

// CSS do portal dentro do preview (mesmo token/folha do cidadão → paridade visual e semântica).
    try {
        $previewCss = Vite::asset('src/layout/Portal/Assets/css/app.css');
    } catch (\Throwable) {
        $previewCss = '';
    }

$t = static fn (string $key): string => (string) __('richtext::editor.'.$key);

// Nomes de rota vêm da config dos serviços (mesma convenção do `media.stream`).
    $routeName = static function (string $key, string $fallback): string {
        $value = config($key);

return is_string($value) && $value !== '' ? $value : $fallback;
    };
    /** @var array<string, array{soft: int, hard: int, label: string}> $mediaLimits */
    $mediaLimits = [];

foreach (MediaLimits::all() as $limitKey => $limit) {
        $mediaLimits[$limitKey] = [
            'soft' => $limit->softBytes,
            'hard' => $limit->hardBytes,
            'label' => $limit->label(),
        ];
    }

$mediaLimitsJson = (string) json_encode($mediaLimits, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
    $mediaLimitsHint = MediaLimits::hint();
    $mediaHintId = Str::slug($name).'-media-limits';

$uploadRoute = $routeName('services.media.upload_route', 'media.upload');
    $statusRoute = $routeName('services.media.status_route', 'media.upload.status');
    $previewRoute = $routeName('richtext.preview_route', 'richtext.preview');
    $streamRoute = $routeName('services.media.stream_route', 'media.stream');
@endphp

<div
    class="richtext-editor-field"
    data-rich-editor
    data-module="{{ $module }}"
    data-upload-url="{{ route($uploadRoute) }}"
    data-status-url-template="{{ route($statusRoute, ['upload' => '__id__'], false) }}"
    data-preview-endpoint="{{ route($previewRoute) }}"
    data-preview-css="{{ $previewCss }}"
    data-media-url-template="{{ route($streamRoute, ['path' => '__path__'], false) }}"
    data-csrf-token="{{ csrf_token() }}"
    data-i18n-editor-label="{{ $label }}"
    data-i18n-link-empty="{{ $t('link_empty') }}"
    data-i18n-media-required="{{ $t('media_required') }}"
    data-i18n-media-uploading="{{ $t('media_uploading') }}"
    data-i18n-media-processing="{{ $t('media_processing') }}"
    data-i18n-media-error="{{ $t('media_error') }}"
    data-i18n-media-too-large="{{ $t('media_too_large') }}"
    data-media-limits="{{ $mediaLimitsJson }}"
    data-i18n-caption-prompt="{{ $t('caption_prompt') }}"
    data-i18n-alt-prompt="{{ $t('alt_prompt') }}"
    data-i18n-media-caption="{{ $t('media_caption') }}"
    data-i18n-media-alt="{{ $t('media_alt') }}"
    @if (filled($locales)) data-locales="{{ implode(',', $locales) }}" @endif
>
    @if ($multi)
        <fieldset class="richtext-editor-locales">
            <legend class="richtext-editor-field__label">
                {{ $label }}@if ($required)<span aria-hidden="true"> *</span>@endif
            </legend>

@foreach ($locales as $locale)
                <div class="richtext-locale-row">
                    <span class="richtext-locale-tab">
                        <input
                            type="radio"
                            id="{{ $name }}-locale-{{ $locale }}"
                            name="{{ $name }}_locale"
                            value="{{ $locale }}"
                            data-locale-radio
                            @checked($locale === $primary)
                        >
                        <label for="{{ $name }}-locale-{{ $locale }}" class="richtext-locale-label">
                            {{ Locales::label($locale) }}
                            @if ($fields[$locale]['missing'])
                                <span class="badge badge-warning badge-sm" data-locale-missing>{{ $t('translation_missing') }}</span>
                            @endif
                        </label>
                    </span>

<div class="richtext-locale-panel">
                        {{-- O rótulo visível é do **radio** (a aba); o textarea — que é o campo de
                             verdade, inclusive no caminho sem JS — carrega o próprio nome acessível. --}}
                        <textarea
                            id="{{ $name }}-{{ $locale }}"
                            name="{{ $name }}[{{ $locale }}]"
                            rows="12"
                            class="textarea textarea-bordered"
                            aria-label="{{ $label }} — {{ Locales::label($locale) }}"
                            data-rich-editor-input
                            data-locale-input
                            data-locale="{{ $locale }}"
                        >{{ $fields[$locale]['json'] }}

@endforeach @else {{ $label }}@if ($required)@endif @endif

{{-- Diálogo de texto curto (legenda/alt da mídia): substitui `window.prompt` — ADR-009/ADR-028. --}} @once @vite('src/services/RichText/Assets/js/editor.js') @endonce

{{ $t('link') }}

{{ $t('media') }}

{{ $t('media_caption') }}