<div class="modal-header">
    <h4 class="modal-title" id="ceratModal">تعديل </h4>
    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="X"></button>
</div>
<div class="modal-body">
    <form class="faqEditForm" data-id="{{ $faq->id }}" enctype="multipart/form-data">
        @csrf
        <div class="row">
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="rh_arabic-tab" data-bs-toggle="tab" href="#rh_arabic"
                        aria-controls="rh_arabic" role="tab" aria-selected="true"> عربي</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="rh_english-tab" data-bs-toggle="tab" href="#rh_english"
                        aria-controls="rh_english" role="tab" aria-selected="false"> English</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="rh_arabic" aria-labelledby="rh_arabic-tab" role="tabpanel">
                    <x-input-field label="{{ __('السؤال') }}" name="question_ar"
                        value="{{ old('question_ar', $faq->question_ar) }}" required="true" col="12"
                        maxLength="1000" />
                    <x-textarea-field label="{{ __('الجواب') }}" name="answer_ar"
                        value="{{ old('answer_ar', $faq->answer_ar) }}" maxLength="10000" />
                </div>
                <div class="tab-pane" id="rh_english" aria-labelledby="rh_english-tab" role="tabpanel">
                    <x-input-field label="{{ __('السؤال en') }}" name="question_en"
                        value="{{ old('question_en', $faq->question_en) }}" required="true" col="12"
                        maxLength="1000" />

                    <x-textarea-field label="{{ __('الجواب en') }}" name="answer_en"
                        value="{{ old('answer_en', $faq->answer_en) }}" maxLength="10000" />
                </div>
            </div>

        </div>


        <div class="row">
            <div class="col-12">
                <button class="btn btn-primary">{{ __('حفظ') }}</button>
            </div>
        </div>
    </form>
</div>
