@php
    use App\Support\ReportRichTextHtml;
    $rtfName = $name ?? '';
    $rtfValue = $value ?? '';
    $rtfInputKey = $inputKey ?? 'observation';
    $rtfPlaceholder = $placeholder ?? __('Describe the finding...');
    $rtfToolbarAria = $toolbarAria ?? __('Observation formatting');
@endphp
<div class="pms-report-rtf-field" data-pms-report-rtf>
    <div class="pms-report-rtf-toolbar btn-group btn-group-sm mb-1" role="toolbar" aria-label="{{ $rtfToolbarAria }}">
        <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="bold" title="{{ __('Bold') }}"><strong>B</strong></button>
        <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="italic" title="{{ __('Italic') }}"><em>I</em></button>
        <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="underline" title="{{ __('Underline') }}"><u>U</u></button>
        <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="insertUnorderedList" title="{{ __('Bullet list') }}" aria-label="{{ __('Bullet list') }}"><i class="fas fa-list-ul" aria-hidden="true"></i></button>
        <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="insertOrderedList" title="{{ __('Numbered list') }}" aria-label="{{ __('Numbered list') }}"><i class="fas fa-list-ol" aria-hidden="true"></i></button>
    </div>
    <div
        class="pms-report-rtf-editor form-control form-control-sm report-b1-input report-e2-matrix-rtf-editor"
        contenteditable="true"
        spellcheck="true"
        data-pms-report-rtf-editor
        data-placeholder="{{ $rtfPlaceholder }}"
    >{!! ReportRichTextHtml::display($rtfValue) !!}</div>
    <input
        type="hidden"
        name="{{ $rtfName }}"
        value="{{ ReportRichTextHtml::attribute($rtfValue) }}"
        data-rrm-input="{{ $rtfInputKey }}"
        data-pms-report-rtf-input
    >
</div>