@php
    $faq = $row ?? null;
@endphp

<div class="col-6">
    <div class="form-group">
        <label for="faq-question-ar">{{ __('dashboard.faq question') }} {{ __('dashboard.in arabic') }}</label>
        <div class="position-relative has-icon-left">
            <input type="text" id="faq-question-ar"
                value="{{ old('question.ar', $faq?->getTranslation('question', 'ar', false)) }}"
                class="form-control" name="question[ar]" dir="rtl"
                placeholder="{{ __('dashboard.faq question') }} {{ __('dashboard.in arabic') }}" required>
            <div class="form-control-position">
                <i class="feather icon-help-circle"></i>
            </div>
        </div>
        @error('question.ar')
            <span class="text text-danger">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="col-6">
    <div class="form-group">
        <label for="faq-question-en">{{ __('dashboard.faq question') }} {{ __('dashboard.in english') }}</label>
        <div class="position-relative has-icon-left">
            <input type="text" id="faq-question-en"
                value="{{ old('question.en', $faq?->getTranslation('question', 'en', false)) }}"
                class="form-control" name="question[en]" dir="ltr"
                placeholder="{{ __('dashboard.faq question') }} {{ __('dashboard.in english') }}" required>
            <div class="form-control-position">
                <i class="feather icon-help-circle"></i>
            </div>
        </div>
        @error('question.en')
            <span class="text text-danger">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="col-6">
    <div class="form-group">
        <label for="faq-answer-ar">{{ __('dashboard.faq answer') }} {{ __('dashboard.in arabic') }}</label>
        <textarea id="faq-answer-ar" name="answer[ar]" class="form-control" rows="5" dir="rtl" required
            placeholder="{{ __('dashboard.faq answer') }} {{ __('dashboard.in arabic') }}">{{ old('answer.ar', $faq?->getTranslation('answer', 'ar', false)) }}</textarea>
        @error('answer.ar')
            <span class="text text-danger">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="col-6">
    <div class="form-group">
        <label for="faq-answer-en">{{ __('dashboard.faq answer') }} {{ __('dashboard.in english') }}</label>
        <textarea id="faq-answer-en" name="answer[en]" class="form-control" rows="5" dir="ltr" required
            placeholder="{{ __('dashboard.faq answer') }} {{ __('dashboard.in english') }}">{{ old('answer.en', $faq?->getTranslation('answer', 'en', false)) }}</textarea>
        @error('answer.en')
            <span class="text text-danger">{{ $message }}</span>
        @enderror
    </div>
</div>


<div class="col-6">
    <div class="form-group">
        <label for="faq-status">{{ __('dashboard.table status') }}</label>
        <div class="position-relative has-icon-left">
            <select id="faq-status" class="form-control" name="status" required>
                <option value="1" {{ old('status', $faq?->status ?? '1') == 1 ? 'selected' : '' }}>{{ __('dashboard.active') }}</option>
                <option value="0" {{ old('status', $faq?->status) == '0' ? 'selected' : '' }}>{{ __('dashboard.in-active') }}</option>
            </select>
            <div class="form-control-position">
                <i class="feather icon-slash"></i>
            </div>
        </div>
        @error('status')
            <span class="text text-danger">{{ $message }}</span>
        @enderror
    </div>
</div>