{{-- @props(['description'=>true,'title'=>true,'body'=>false,'title_label'=>t_('title'),'description_label'=>t_('description'),'body_label'=>t_('body')]) --}}

<div class="row">
    <div class="col-lg-12">
        <div class="card card-primary card-tabs tabs-style-3">
            <div class="card-header p-0 pt-1">
                <ul class="nav nav-tabs  panel panel-tabs " id="custom-tabs-one-tab" role="tablist">
                    @forelse($languages as $k => $lang)
                        <li class="nav-item @error('*.' . $lang->code) border-error @enderror "
                            id="tap_link_{{ $lang->code }}">
                            <a href="#tab_{{ $lang->code }}" data-toggle="tab"
                                aria-expanded="{{ $lang->code == get_current_lang() ? 'true' : 'false' }}"
                                class="nav-link link_{{ $lang->code }} {{ $lang->code == get_current_lang() ? 'active' : '' }}">
                                <img src=" {{ asset($lang->flag) }} " style="width: 20px; margin-right: 2px;">
                                <span> {{ $lang->name }} </span>
                            </a>
                        </li>
                    @empty
                        <li class="nav-item">
                            {{ t_('Dont_Found_Any_Language') }}
                        </li>
                    @endforelse
                </ul>
            </div>
            <div class="card-body">
                <div class="tab-content" id="custom-tabs-one-tabContent">
                    @forelse($languages as $lang)
                        <div class="tab-pane fade show  {{ $lang->code == get_current_lang() ? 'active' : '' }}"
                            id="tab_{{ $lang->code }}" role="tabpanel" aria-labelledby="language">


                            <div class="row">
                                <x-form.input name="title[{{ $lang->code }}]"
                                    label="{{ $title_label ?? t_('title') }}" id="title_{{ $lang->code }}"
                                    lang="{{ $lang->code }}" dir="{{ $lang->direction }}"
                                    value="{{ $model->getTranslation('title', $lang->code) }}" />
                            </div>



                            <div class="row tinymce">
                                <x-form.input type="textarea" name="description[{{ $lang->code }}]"
                                    label="{{ $description_label ?? t_('description') }}"
                                    id="description_{{ $lang->code }}" lang="{{ $lang->code }}"
                                    class="tinymce_textarea" dir="{{ $lang->direction }}"
                                    value="{{ $model->getTranslation('description', $lang->code) }}" />
                            </div>
                        </div>

                    @empty
                        <div class="nav-item">
                            {{ t_('Dont_Found_Any_Language') }}
                        </div>
                    @endforelse
                </div>
            </div>
            <!-- /.card -->
        </div>
    </div>
</div>