@props([
    'name',
    'label' => null,
    'record' => null,
    'type' => 'text',
    'rows' => 3,
    'required' => false,
    'col' => 'col-md-6',
])

{{--
    Renders the Arabic and English inputs for one translatable JSON column,
    reading the current values straight off the model.
--}}
@php
    $arValue = $record?->exists ? $record->getTranslation($name, 'ar', false) : null;
    $enValue = $record?->exists ? $record->getTranslation($name, 'en', false) : null;
    $arLabel = $label ? $label.' ('.__('admin.arabic').')' : __('admin.fields.'.$name.'_ar');
    $enLabel = $label ? $label.' ('.__('admin.english').')' : __('admin.fields.'.$name.'_en');
@endphp

@if ($type === 'textarea')
    <x-admin.textarea :name="$name.'_ar'" :label="$arLabel" :value="$arValue" :rows="$rows" :required="$required" :col="$col" dir="rtl" />
    <x-admin.textarea :name="$name.'_en'" :label="$enLabel" :value="$enValue" :rows="$rows" :required="$required" :col="$col" dir="ltr" />
@else
    <x-admin.input :name="$name.'_ar'" :label="$arLabel" :value="$arValue" :required="$required" :col="$col" dir="rtl" />
    <x-admin.input :name="$name.'_en'" :label="$enLabel" :value="$enValue" :required="$required" :col="$col" dir="ltr" />
@endif