@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($landPage ?? ''  && $landPage->id)
                @method('PUT')
            @endif
            @csrf

            @foreach(languages() as $language)
                <div class="form-group col-lg-12">
                    <label>{{ __('landPages.intro_title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }}</label>
                    <input type="text" class="form-control {{ $errors->has('intro_title_'.$language->local) ? 'is-invalid' : '' }}" name="intro_title_{{$language->local}}" placeholder="{{__('landPages.intro_title') }}" value='{{ old("intro_title_".$language->local, $landPage->intro_title['intro_title_'.$language->local] ?? "") }}'/>
                </div>
                <div class="form-group col-lg-12">
                    <label>{{ __('landPages.intro_description') }} {{ count($languages) > 1 ? "({$language->name})" : '' }}</label>
                    <textarea name="intro_description_{{$language->local}}" class="form-control my-editor {{ $errors->has('intro_description_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{__('landPages.intro_description') }}">{{ old("intro_description_".$language->local, $landPage->intro_description['intro_description_'.$language->local] ?? "") }}</textarea>
                </div>

                <div class="form-group col-lg-12">
                    <label>{{ __('landPages.about_title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }}</label>
                    <input type="text" class="form-control {{ $errors->has('about_title_'.$language->local) ? 'is-invalid' : '' }}" name="about_title_{{$language->local}}" placeholder="{{__('landPages.about_title') }}" value='{{ old("about_title_".$language->local, $landPage->about_title['about_title_'.$language->local] ?? "") }}'/>
                </div>
                <div class="form-group col-lg-12">
                    <label>{{ __('landPages.about_description') }} {{ count($languages) > 1 ? "({$language->name})" : '' }}</label>
                    <textarea name="about_description_{{$language->local}}" class="form-control my-editor {{ $errors->has('about_description_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{__('landPages.about_description') }}">{{ old("about_description_".$language->local, $landPage->about_description['about_description_'.$language->local] ?? "") }}</textarea>
                </div>

                <div class="form-group col-lg-12">
                    <label>{{ __('landPages.download_title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }}</label>
                    <input type="text" class="form-control {{ $errors->has('download_title_'.$language->local) ? 'is-invalid' : '' }}" name="download_title_{{$language->local}}" placeholder="{{__('landPages.download_title') }}" value='{{ old("download_title_".$language->local, $landPage->download_title['download_title_'.$language->local] ?? "") }}'/>
                </div>
                <div class="form-group col-lg-12">
                    <label>{{ __('landPages.download_description') }} {{ count($languages) > 1 ? "({$language->name})" : '' }}</label>
                    <textarea name="download_description_{{$language->local}}" class="form-control my-editor {{ $errors->has('download_description_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{__('landPages.download_description') }}">{{ old("download_description_".$language->local, $landPage->download_description['download_description_'.$language->local] ?? "") }}</textarea>
                </div>
            @endforeach

            <div class="form-group col-lg-12">
                <label>{{__('landPages.intro_video') }} </label>
                <input type="url" class="form-control {{ $errors->has('intro_video') ? 'is-invalid' : '' }}" name="intro_video" placeholder="{{__('landPages.intro_video') }}" value='{{ old("intro_video", $landPage->intro_video ?? "") }}'/>
            </div>
            <div class="form-group col-lg-12">
                <label>{{__('landPages.about_video') }} </label>
                <input type="url" class="form-control {{ $errors->has('about_video') ? 'is-invalid' : '' }}" name="about_video" placeholder="{{__('landPages.about_video') }}" value='{{ old("about_video", $landPage->about_video ?? "") }}'/>
            </div>

            <div class="form-group col-lg-12">
                <label>{{__('landPages.apple_store_link') }} </label>
                <input type="url" class="form-control {{ $errors->has('apple_store_link') ? 'is-invalid' : '' }}" name="apple_store_link" placeholder="{{__('landPages.apple_store_link') }}" value='{{ old("apple_store_link", $landPage->apple_store_link ?? "") }}'/>
            </div>
            <div class="form-group col-lg-12">
                <label>{{__('landPages.play_store_link') }} </label>
                <input type="url" class="form-control {{ $errors->has('play_store_link') ? 'is-invalid' : '' }}" name="play_store_link" placeholder="{{__('landPages.play_store_link') }}" value='{{ old("play_store_link", $landPage->play_store_link ?? "") }}'/>
            </div>

            <div class="col-md-12">
                <div class="border-item photos">
                    <div class="row">
                        @if ($landPage ?? false)
                            @if($landPage->images)
                                @foreach ($landPage->images as $photo)
                                    <div class="col-lg-4">
                                        <div class="items">
                                            <div class="img">
                                                <a href="{{ asset($photo->image ?? '')}}" data-fancybox="gallery"><img src="{{ asset($photo->image ?? '')}}" alt=""></a>
                                            </div>
                                            <div class="info d-none">
                                                <div class="img-title">
                                                    <input type="hidden" name="images[]" value="{{ $photo->image ?? "" }}">
                                                    <span class="preview"> </span>
                                                </div>
                                            </div>
                                            <a href="#" class="close"><i class="fas fa-times"></i></a>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        @endif
                    </div>
                    <div class="text-center">
                        <input id="image_thumbnail" class="image_thumbnail" type="hidden"/>
                        <div class="clearfix"></div>
                        <span class="pick_button" id="add">
                    <a id="lfm" data-cache="photo_gallery" data-title="true" data-url="" data-width="" data-input=".image_thumbnail" data-preview=".image_holder" data-show="" data-hide="" class="lfm add">
                        Add New Item
                    </a>
                </span>
                    </div>
                </div>
            </div>


            <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>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            imagePath = "{{asset('')}}";

    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
    <script src="{{ asset('assets/admin/js/photos.js') }}"></script>
@endsection