@extends('owner.layouts.master')

@section('page_title', 'Copy Page Content')

@section('page_heading', 'Copy Page Content: '.$pagetranslation->page->name .' - ' .$pagetranslation->@language->name)

@section('page_text', 'Copy page content information')

@section('content')

        <div class="row">
            <div class="col-md-12">
                <div class="main-card mb-3 card">
                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-8">
                                {!! Form::model($pagetranslation, ['method' => 'PATCH','route' => ['owner.pagetranslation.copied', $pagetranslation->id]]) !!}

                            <div class="form-group">
                                <label for="title" class="form-label">Page Title</label>
                                 <strong>{{ $pagetranslation->title  }} - {{$pagetranslation->@language->name}}</strong>
                            </div>

                            <div class="form-group">
                                <label for="content" class="form-label">@lang('admin.Target Page(s)')</label>
                                <select multiple="multiple" class="form-control select2 multiselect-dropdown" name="target_pagetranslations[]" id="target_pagetranslations">
                                    @foreach($pagetranslations as $item)
                                        @if ($item->id!=$pagetranslation->id)
                                <option value="{{$item->id}}"  >{{$item->id}} - {{$item->title}} ( {{$item->property->name}} ) - {{$item->@language->name}}</option>
                                        @endif
                                    @endforeach
                                </select>

                            </div>
                            <div class="form-group">
                                <div class="alert alert-info">
                                    Please Note: It will overide following columns:
                                    <br/>
                                    <ul>
                                        <li>Page Title</li>
                                        <li>Meta Title</li>
                                        <li>Meta Description</li>
                                        <li>Content</li>

                                    </ul>

                                </div>
                            </div>


                            <div class="form-group">
                                <div class="divider"></div>

                                <div class="clearfix">
                                    <button type="button" id="reset-btn" class="btn-shadow float-left btn btn-link">Reset
                                    </button>
                                    <button type="submit" id="next-btn" class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                       @lang('admin.Submit')
                                    </button>
                                    <a href="{{ route('owner.pagetranslation.index') }}" id="prev-btn" class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                        @lang('admin.Cancel')
                                    </a>
                                </div>


                            </div>
                            {!! Form::close() !!}

                    </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript" src="{{ asset('dashboard/assets/plugins/ckeditor5/build/ckeditor.js') }}"></script>
        <style>

        .ck-editor__editable {
            min-height: 400px !important;
        }

        </style>

        <script>
            var editor = null;
            ClassicEditor.create(document.querySelector("#editor"), {
                minHeight: '300px',
                toolbar: {
                    items: [
						'heading',
						'|',
						'bold',
						'italic',
						'link',
						'bulletedList',
						'numberedList',
						'|',
						'blockQuote',
						'undo',
						'redo',
						'|',
						'fontBackgroundColor',
						'fontColor'
					]
                }
            })
                    .then(editor => {
                //debugger;
                window.editor = editor;
            })
            .catch(error => {
                console.error( 'Oops, something went wrong!' );
				console.error( 'Please, report the following error on https://github.com/ckeditor/ckeditor5/issues with the build id and the error stack trace:' );
				console.warn( 'Build id: c9hbfp2bs1v-wet5yhckcfzp' );
				console.error( error );
            });

        </script>

@endsection