@extends('admin.layouts.container')

@section('content')
    <div class="side-title">
        <h3>{{$head ?? '' }}</h3>
    </div>

    <div class="border-item">
        <form class="form-row" method="post" action="{{ $action }}" enctype="multipart/form-data">
            @if($page ?? ''  && $page->id)
                @method('PUT')
            @endif
            @CSRF

            @if(in_array($page->id,$link))
                <div class="form-group col-lg-6">
                    <label>{{ __('pages.link') }} </label>
                    <input type="url" class="form-control {{ $errors->has('link') ? 'is-invalid' : '' }}" placeholder="{{ __('pages.link') }}" name="link" value='{{ old("link", $page->link ?? "") }}'/>
                </div>
            @endif
            
            @foreach($languages as $language)
                <div class="form-group col-lg-6">
                    <label>{{ meta('title', $language->local) ?? __('pages.title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                    <input type="text" class="form-control {{ $errors->has('title_'.$language->local) ? 'is-invalid' : '' }}" name="title_{{ $language->local }}" placeholder="{{ meta('title', $language->local) ?? __('pages.title') }}" value='{{ old("title_{$language->local}", $page[$language->local]->title ?? "") }}'/>
                </div>
            @endforeach
                
            
            @if(in_array($page->id,$description))
                @foreach($languages as $language)
                    <div class="form-group col-lg-12">
                        <label>{{ meta('description', $language->local) ?? __('pages.description') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                        <textarea name="description_{{ $language->local }}" class="form-control @if(in_array($page->id,$editor ))  my-editor  @endif {{ $errors->has('description_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{ meta('description', $language->local) ?? __('pages.description') }}">{{ old("description_{$language->local}", $page[$language->local]->description ?? "") }}</textarea>
                    </div>
                @endforeach
            @endif
            
            @if(in_array($page->id,$title_2))
                @foreach($languages as $language)
                    <div class="form-group col-lg-6">
                        <label>{{ meta('title_2', $language->local) ?? __('pages.title_2') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                        <input type="text" class="form-control {{ $errors->has('title_2_'.$language->local) ? 'is-invalid' : '' }}" name="title_2_{{ $language->local }}" placeholder="{{ meta('title_2', $language->local) ?? __('pages.title_2') }}" value='{{ old("title_2_{$language->local}", $page[$language->local]->title_2 ?? "") }}'/>
                    </div>
                @endforeach
            @endif
            
            @if(in_array($page->id,$description_2))
                @foreach($languages as $language)
                    <div class="form-group col-lg-12">
                        <label>{{ meta('description_2', $language->local) ?? __('pages.description_2') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                        <textarea name="description_2_{{ $language->local }}" class="form-control  {{ $errors->has('description_2_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{ meta('description_2', $language->local) ?? __('pages.description_2') }}">{{ old("description_2_{$language->local}", $page[$language->local]->description_2 ?? "") }}</textarea>
                    </div>
                @endforeach
            @endif
            
            
            @if(in_array($page->id,$title_icon))
                @foreach($languages as $language)
                    <div class="form-group col-lg-6">
                        <label>{{ meta('title_icon', $language->local) ?? __('pages.title_icon') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                        <input type="text" class="form-control {{ $errors->has('title_icon_'.$language->local) ? 'is-invalid' : '' }}" name="title_icon_{{ $language->local }}" placeholder="{{ meta('title_icon', $language->local) ?? __('pages.title_icon') }}" value='{{ old("title_icon_{$language->local}", $page[$language->local]->title_icon ?? "") }}'/>
                    </div>
                @endforeach
            @endif
            
            @if(in_array($page->id,$title_icon_2))
                @foreach($languages as $language)
                    <div class="form-group col-lg-6">
                        <label>{{ meta('title_icon_2', $language->local) ?? __('pages.title_icon_2') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                        <input type="text" class="form-control {{ $errors->has('title_icon_2_'.$language->local) ? 'is-invalid' : '' }}" name="title_icon_2_{{ $language->local }}" placeholder="{{ meta('title_icon_2', $language->local) ?? __('pages.title_icon_2') }}" value='{{ old("title_icon_2_{$language->local}", $page[$language->local]->title_icon_2 ?? "") }}'/>
                    </div>
                @endforeach
            @endif
            
            @if(in_array($page->id,$title_icon_3))
                @foreach($languages as $language)
                    <div class="form-group col-lg-6">
                        <label>{{ meta('title_icon_3', $language->local) ?? __('pages.title_icon_3') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                        <input type="text" class="form-control {{ $errors->has('title_icon_3_'.$language->local) ? 'is-invalid' : '' }}" name="title_icon_3_{{ $language->local }}" placeholder="{{ meta('title_icon_3', $language->local) ?? __('pages.title_icon_3') }}" value='{{ old("title_icon_3_{$language->local}", $page[$language->local]->title_icon_3 ?? "") }}'/>
                    </div>
                @endforeach
            @endif
            
            @if(in_array($page->id,$ceo))
                @foreach($languages as $language)
                    <div class="form-group col-lg-6">
                        <label>{{ meta('ceo', $language->local) ?? __('pages.ceo') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                        <input type="text" class="form-control {{ $errors->has('ceo_'.$language->local) ? 'is-invalid' : '' }}" name="ceo_{{ $language->local }}" placeholder="{{ meta('ceo', $language->local) ?? __('pages.ceo') }}" value='{{ old("ceo_{$language->local}", $page[$language->local]->ceo ?? "") }}'/>
                    </div>
                @endforeach
            @endif
            
            @if(in_array($page->id,$job))
                @foreach($languages as $language)
                    <div class="form-group col-lg-6">
                        <label>{{ meta('job', $language->local) ?? __('pages.job') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                        <input type="text" class="form-control {{ $errors->has('job_'.$language->local) ? 'is-invalid' : '' }}" name="job_{{ $language->local }}" placeholder="{{ meta('job', $language->local) ?? __('pages.job') }}" value='{{ old("job_{$language->local}", $page[$language->local]->job ?? "") }}'/>
                    </div>
                @endforeach
            @endif
            
            {{--Start image container--}}
            @if(in_array($page->id,$image))
                <div class="form-group col-lg-12">
                    <label>{{ meta('image', getCurrentLocale()) ?? __('pages.image') }} </label>
                    <input id="image_thumbnail" class="image_thumbnail" type="hidden" name="image" value="{{old("image", $page->image ?? "")}}"/>
    
                    <div class="photos main_photo {{ old('image', $page->image ?? '') ? ' wow fadeInUp' : 'hide' }}">
                        <div class="col-lg-4">
                            <div class="items">
                                <div class="img">
                                    <a href="#" id="lfm" data-input=".image_thumbnail" data-preview=".image_holder" class="lfm" data-hide=".pick_button">
                                        <img src="{{asset(old('image', $page->image ?? ''))}} "  id="image_holder" class="image_holder"/>
                                    </a>
                                </div>
                                <a href="#" class="showHide resetImage close" data-empty=".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('image', $page->image ?? '') ? 'hide' : '' }} ">
                        <a id="lfm" data-input=".image_thumbnail" data-preview=".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>
            @endif
            
            @if(in_array($page->id,$icon))
                <div class="form-group col-lg-12">
                    <label>{{ meta('icon', getCurrentLocale()) ?? __('pages.icon') }} (40*40)px</label>
                    <input id="icon_thumbnail" class="icon_thumbnail" type="hidden" name="icon" value="{{old("icon", $page->icon ?? "")}}"/>
    
                    <div class="photos main_icon {{ old('icon', $page->icon ?? '') ? ' wow fadeInUp' : 'hide' }}">
                        <div class="col-lg-4">
                            <div class="items">
                                <div class="img">
                                    <a href="#" id="lfm" data-input=".icon_thumbnail" data-preview=".icon_holder" class="lfm" data-hide=".pick_icon_button">
                                        <img src="{{asset(old('icon', $page->icon ?? ''))}} "  id="icon_holder" class="icon_holder"/>
                                    </a>
                                </div>
                                <a href="#" class="showHide resetImage close" data-empty=".icon_thumbnail" data-hide=".main_icon" data-show=".pick_icon_button"><i class="fas fa-times"></i></a>
                            </div>
                        </div>
                    </div>
    
                    <div class="clearfix"></div>
                    <span class="input-group-btn pick_icon_button {{ old('icon', $page->icon ?? '') ? 'hide' : '' }} ">
                        <a id="lfm" data-input=".icon_thumbnail" data-preview=".icon_holder" data-show=".main_icon" data-hide=".pick_icon_button" class="lfm btn btn-primary text-light">
                            <i class="fas fa-camera-retro"></i> Choose
                        </a>
                    </span>
                </div>
            @endif
            @if(in_array($page->id,$icon_2))
                <div class="form-group col-lg-12">
                    <label>{{ meta('icon_2', getCurrentLocale()) ?? __('pages.icon_2') }} (40*40)px</label>
                    <input id="icon_2_thumbnail" class="icon_2_thumbnail" type="hidden" name="icon_2" value="{{old("icon_2", $page->icon_2 ?? "")}}"/>
    
                    <div class="photos main_icon_2 {{ old('icon_2', $page->icon_2 ?? '') ? ' wow fadeInUp' : 'hide' }}">
                        <div class="col-lg-4">
                            <div class="items">
                                <div class="img">
                                    <a href="#" id="lfm" data-input=".icon_2_thumbnail" data-preview=".icon_2_holder" class="lfm" data-hide=".pick_icon_2_button">
                                        <img src="{{asset(old('icon_2', $page->icon_2 ?? ''))}} "  id="icon_2_holder" class="icon_2_holder"/>
                                    </a>
                                </div>
                                <a href="#" class="showHide resetImage close" data-empty=".icon_2_thumbnail" data-hide=".main_icon_2" data-show=".pick_icon_2_button"><i class="fas fa-times"></i></a>
                            </div>
                        </div>
                    </div>
    
                    <div class="clearfix"></div>
                    <span class="input-group-btn pick_icon_2_button {{ old('icon_2', $page->icon_2 ?? '') ? 'hide' : '' }} ">
                        <a id="lfm" data-input=".icon_2_thumbnail" data-preview=".icon_2_holder" data-show=".main_icon_2" data-hide=".pick_icon_2_button" class="lfm btn btn-primary text-light">
                            <i class="fas fa-camera-retro"></i> Choose
                        </a>
                    </span>
                </div>
            @endif
            @if(in_array($page->id,$icon_3))
                <div class="form-group col-lg-12">
                    <label>{{ meta('icon_3', getCurrentLocale()) ?? __('pages.icon_3') }} (40*40)px</label>
                    <input id="icon_3_thumbnail" class="icon_3_thumbnail" type="hidden" name="icon_3" value="{{old("icon_3", $page->icon_3 ?? "")}}"/>
    
                    <div class="photos main_icon_3 {{ old('icon_3', $page->icon_3 ?? '') ? ' wow fadeInUp' : 'hide' }}">
                        <div class="col-lg-4">
                            <div class="items">
                                <div class="img">
                                    <a href="#" id="lfm" data-input=".icon_3_thumbnail" data-preview=".icon_3_holder" class="lfm" data-hide=".pick_icon_3_button">
                                        <img src="{{asset(old('icon_3', $page->icon_3 ?? ''))}} "  id="icon_3_holder" class="icon_3_holder"/>
                                    </a>
                                </div>
                                <a href="#" class="showHide resetImage close" data-empty=".icon_3_thumbnail" data-hide=".main_icon_3" data-show=".pick_icon_3_button"><i class="fas fa-times"></i></a>
                            </div>
                        </div>
                    </div>
    
                    <div class="clearfix"></div>
                    <span class="input-group-btn pick_icon_3_button {{ old('icon_3', $page->icon_3 ?? '') ? 'hide' : '' }} ">
                        <a id="lfm" data-input=".icon_3_thumbnail" data-preview=".icon_3_holder" data-show=".main_icon_3" data-hide=".pick_icon_3_button" class="lfm btn btn-primary text-light">
                            <i class="fas fa-camera-retro"></i> Choose
                        </a>
                    </span>
                </div>
            @endif
            {{--End image container--}}

            <div class="text-center mt-5 col-12">
                <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>

@endsection

@section('inner_js')
    <!-- Editor JS files -->
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
    {{-- <script src="//cdn.tinymce.com/4/tinymce.min.js"></script> --}}
    <script>
        var route_prefix = "{{ url(config('lfm.prefix')) }}";
        var url = "{{url('/')}}/";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>

@endsection