@foreach($languages as $language)
    <div class="form-group col-lg-12">
        <label>{{ meta('about_us_overview_title', $language->local) ?? __('pages.about_us_overview_title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
        <input type="text" class="form-control {{ $errors->has('about_us_overview_title_'.$language->local) ? 'is-invalid' : '' }}" name="about_us_overview_title_{{ $language->local }}" placeholder="{{ meta('about_us_overview_title', $language->local) ?? __('pages.about_us_overview_title') }}" value='{{ old("about_us_overview_title_{$language->local}", $page[$language->local]->about_us_overview_title ?? "") }}'/>
    </div>
    <div class="form-group col-lg-12">
        <label>{{ meta('about_us_overview_description', $language->local) ?? __('pages.about_us_overview_description') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
        <textarea name="about_us_overview_description_{{ $language->local }}" class="form-control my-editor {{ $errors->has('about_us_overview_description_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{ meta('about_us_overview_description', $language->local) ?? __('pages.about_us_overview_description') }}">{{ old("about_us_overview_description_{$language->local}", $page[$language->local]->about_us_overview_description ?? "") }}</textarea>
    </div>
@endforeach


{{--Start about_us_overview_image container--}}
<div class="form-group col-lg-12">
    <label>{{ meta('about_us_overview_image', $lang) ?? __('pages.about_us_overview_image') }} </label>
    <input id="about_us_overview_image_thumbnail" class="about_us_overview_image_thumbnail" type="hidden" name="about_us_overview_image" value="{{old("about_us_overview_image", $page->about_us_overview_image ?? null)}}"/>

    <div class="photos main_photo {{ old('about_us_overview_image', $page->about_us_overview_image ?? null) ? ' wow fadeInUp' : 'hide' }}">
        <div class="col-lg-4">
            <div class="items">
                <div class="img">
                    <a href="#" id="lfm" data-input=".about_us_overview_image_thumbnail" data-preview=".about_us_overview_image_holder" class="lfm" data-hide=".pick_button">
                        <img src="{{($page->about_us_overview_image ?? null) ? asset(old('about_us_overview_image', $page->about_us_overview_image ?? null)) : ''}} "  id="about_us_overview_image_holder" class="about_us_overview_image_holder"/>
                    </a>
                </div>
                <a href="#" class="showHide resetImage close" data-empty=".about_us_overview_image_thumbnail" data-hide=".main_photo" data-show=".pick_button"><i class="fas fa-times"></i></a>
            </div>
        </div>
    </div>

    <div class="clearfix"></div>
    <span class="input-group-btn pick_button {{ old('about_us_overview_image', $page->about_us_overview_image ?? null) ? 'hide' : '' }} ">
                <a id="lfm" data-input=".about_us_overview_image_thumbnail" data-preview=".about_us_overview_image_holder" data-show=".main_photo" data-hide=".pick_button" class="lfm btn btn-primary text-light">
                    <i class="fas fa-camera-retro"></i> Choose
                </a>
            </span>
</div>
{{--End about_us_overview_image container--}}
