<div class="row">
    <x-forms col="6" label="{{ __('dashboard.title') }} (EN)" name="title[en]" :value="$news?->getTranslation('title', 'en') ?? ''" required />
    <x-forms col="6" label="{{ __('dashboard.title') }} (AR)" name="title[ar]" :value="$news?->getTranslation('title', 'ar') ?? ''" />
</div>

<div class="row">
    <div class="col-md-6">
        <label class="form-label">{{ __('dashboard.description') }} (EN)</label>
        <textarea name="description[en]" class="form-control" rows="4">{{ $news?->getTranslation('description', 'en') ?? '' }}</textarea>
    </div>
    <div class="col-md-6">
        <label class="form-label">{{ __('dashboard.description') }} (AR)</label>
        <textarea name="description[ar]" class="form-control" rows="4">{{ $news?->getTranslation('description', 'ar') ?? '' }}</textarea>
    </div>
</div>

<div class="row">
    <x-image label="{{ __('dashboard.image') }}" name="image" :value="$news?->image ?? null" />
    <x-forms col="3" type="number" label="{{ __('dashboard.sort') }}" name="sort" :value="$news?->sort ?? ''" />
    <x-date col="3" label="{{ __('dashboard.start_date') }}" name="start_date" :value="$news?->start_date?->format('Y-m-d') ?? ''" />
    <x-date col="3" label="{{ __('dashboard.end_date') }}" name="end_date" :value="$news?->end_date?->format('Y-m-d') ?? ''" />
    <x-boolean-input col="3" name="active" label="{{ __('dashboard.active') }}" :value="$news ?? (object)['active' => true]" />
</div>
