@foreach($languages as $language)
    <div class="form-group col-lg-4">
        <label>{{ meta('vision_title', $language->local) ?? __('pages.vision_title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
        <input type="text" class="form-control {{ $errors->has('vision_title_'.$language->local) ? 'is-invalid' : '' }}" name="vision_title_{{ $language->local }}" placeholder="{{ meta('vision_title', $language->local) ?? __('pages.vision_title') }}" value='{{ old("vision_title_{$language->local}", $page[$language->local]->vision_title ?? "") }}'/>
    </div>
    <div class="form-group col-lg-4">
        <label>{{ meta('message_title', $language->local) ?? __('pages.message_title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
        <input type="text" class="form-control {{ $errors->has('message_title_'.$language->local) ? 'is-invalid' : '' }}" name="message_title_{{ $language->local }}" placeholder="{{ meta('message_title', $language->local) ?? __('pages.message_title') }}" value='{{ old("message_title_{$language->local}", $page[$language->local]->message_title ?? "") }}'/>
    </div>
    <div class="form-group col-lg-4">
        <label>{{ meta('values_title', $language->local) ?? __('pages.values_title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
        <input type="text" class="form-control {{ $errors->has('values_title_'.$language->local) ? 'is-invalid' : '' }}" name="values_title_{{ $language->local }}" placeholder="{{ meta('values_title', $language->local) ?? __('pages.values_title') }}" value='{{ old("values_title_{$language->local}", $page[$language->local]->values_title ?? "") }}'/>
    </div>
    <div class="form-group col-lg-12">
        <label>{{ meta('vision_description', $language->local) ?? __('pages.vision_description') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
        <textarea name="vision_description_{{ $language->local }}" class="form-control my-editor {{ $errors->has('vision_description_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{ meta('vision_description', $language->local) ?? __('pages.vision_description') }}">{{ old("vision_description_{$language->local}", $page[$language->local]->vision_description ?? "") }}</textarea>
    </div>
    <div class="form-group col-lg-12">
        <label>{{ meta('message_description', $language->local) ?? __('pages.message_description') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
        <textarea name="message_description_{{ $language->local }}" class="form-control my-editor {{ $errors->has('message_description_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{ meta('message_description', $language->local) ?? __('pages.message_description') }}">{{ old("message_description_{$language->local}", $page[$language->local]->message_description ?? "") }}</textarea>
    </div>
    <div class="form-group col-lg-12">
        <label>{{ meta('values_description', $language->local) ?? __('pages.values_description') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
        <textarea name="values_description_{{ $language->local }}" class="form-control my-editor {{ $errors->has('values_description_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{ meta('values_description', $language->local) ?? __('pages.values_description') }}">{{ old("values_description_{$language->local}", $page[$language->local]->values_description ?? "") }}</textarea>
    </div>
@endforeach


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

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

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

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

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

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

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

    <div class="photos values_icon_main_photo {{ old('values_icon', $page->values_icon ?? null) ? ' wow fadeInUp' : 'hide' }}">
        <div class="col-lg-12">
            <div class="items">
                <div class="img">
                    <a href="#" id="lfm" data-input=".values_icon_thumbnail" data-preview=".values_icon_holder" class="lfm" data-hide=".pick_button">
                        <img src="{{($page->values_icon ?? null) ? asset(old('values_icon', $page->values_icon ?? null)) : ''}} "  id="values_icon_holder" class="values_icon_holder"/>
                    </a>
                </div>
                <a href="#" class="showHide resetImage close" data-empty=".values_icon_thumbnail" data-hide=".values_icon_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('values_icon', $page->values_icon ?? null) ? 'hide' : '' }} ">
                <a id="lfm" data-input=".values_icon_thumbnail" data-preview=".values_icon_holder" data-show=".values_icon_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 values_icon container--}}
