<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="opinionForm" 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="name" value="{{ old('name') }}"
                            required="true" col="12" maxLength="1000" />
                    <x-input-field label="{{ __('اللقب') }}" name="nickname" value="{{ old('nickname') }}"
                            required="true" col="12" maxLength="1000" />
                    <x-textarea-field label="{{ __('الاقتباس') }}" name="content" value="{{ old('content') }}"
                            maxLength="10000" />
                    <x-input-field label="{{ __('التصنيف') }}" name="category" value="{{ old('category') }}"
                            required="true" col="12" maxLength="1000" />
                </div>
                <div class="tab-pane" id="rh_english" aria-labelledby="rh_english-tab"
                    role="tabpanel">
                    <x-input-field label="{{ __('en الاسم') }}" name="name_en" value="{{ old('name_en') }}"
                            required="true" col="12" maxLength="1000" />
                    <x-input-field label="{{ __('en اللقب') }}" name="nickname_en" value="{{ old('nickname_en') }}"
                            required="true" col="12" maxLength="1000" />
                    <x-textarea-field label="{{ __('en الاقتباس') }}" name="content_en" value="{{ old('content_en') }}"
                            maxLength="10000" />
                    <x-input-field label="{{ __('en التصنيف') }}" name="category_en" value="{{ old('category_en') }}"
                            required="true" col="12" maxLength="1000" />
                </div>
            </div>

        </div>


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