@extends('layouts.admin')
@php
    $locales=config('translatable.locales');
@endphp
@section('content')
    <div class="row">
        <div class="col-md-12 col-lg-10">
            @include('partials.alert')
            @if(isset($page))
                <form role="form" id="node_form" action="/admin/page/update/{{$page->id}}" method="post">
                    {{csrf_field()}}
                    <div class="form-group">
                        <label for="name">Name (საიტზე არ ჩანს)</label>
                        <input type="text" class="form-control" id="name" name="name" value="{{$page->name}}">
                    </div>
                    <div class="nav-tabs-custom">
                        <ul class="nav nav-tabs">
                            @foreach($locales as $locale)
                                <li class="{{$loop->first?'active':''}}"><a href="#tab_{{$locale}}"
                                                                            data-toggle="tab"
                                                                            aria-expanded="{{$loop->first?'true':'false'}}">{{$locale}}</a>
                                </li>
                            @endforeach
                        </ul>
                        <div class="tab-content clearfix">
                            @foreach($locales as $locale)
                                <div class="tab-pane {{$loop->first?'active':''}}" id="tab_{{$locale}}"
                                     style="min-height: 100px">
                                    <div class="col-md-6" style="padding: 0px">
                                        <div class="form-group col-md-12">
                                            <label for="ts[{{$locale}}][title]">Title ({{$locale}})</label>
                                            <input type="text" class="form-control" id="ts[{{$locale}}][title]"
                                                   name="ts[{{$locale}}][title]"
                                                   value="{{$ts[$locale]['title']}}">
                                        </div>

                                        <div class="form-group col-md-12">
                                            <label for="ts[{{$locale}}][slug]">Slug ({{$locale}})</label>
                                            <input type="text" class="form-control" id="ts[{{$locale}}][slug]"
                                                   name="ts[{{$locale}}][slug]"
                                                   value="{{$ts[$locale]['slug']}}">
                                        </div>
                                    </div>
                                    <div class="col-md-6" style="padding: 0px;">
                                        <div class="form-group col-md-12">
                                            <label for="ts[{{$locale}}][meta_title]">Meta Title ({{$locale}})</label>
                                            <input type="text" class="form-control" id="ts[{{$locale}}][meta_title]"
                                                   name="ts[{{$locale}}][meta_title]"
                                                   value="{{$ts[$locale]['meta_title']}}">
                                        </div>
                                        <div class="form-group col-md-12">
                                            <label for="ts[{{$locale}}][meta_keywords]">Meta Keywords ({{$locale}})</label>
                                            <input type="text" class="form-control" id="ts[{{$locale}}][meta_keywords]"
                                                   name="ts[{{$locale}}][meta_keywords]"
                                                   value="{{$ts[$locale]['meta_keywords']}}">
                                        </div>
                                        <div class="form-group col-md-12">
                                            <label for="ts[{{$locale}}][meta_description]">Meta Description ({{$locale}})</label>
                                            <textarea class="form-control" style=" height: 120px;"
                                                      id="ts[{{$locale}}][meta_description]"
                                                      name="ts[{{$locale}}][meta_description]">{{$ts[$locale]['meta_description']}}</textarea>
                                        </div>
                                    </div>

                                    <div class="form-group col-md-12">
                                        <label for="ts[{{$locale}}][content]">Content ({{$locale}})</label>
                                        <textarea name="ts[{{$locale}}][content]" id="ts[{{$locale}}][content]"
                                                  class="ck-editor form-control">{!! $ts[$locale]['content'] !!}</textarea>
                                    </div>
                                </div>
                            @endforeach
                            <button type="submit" class="btn btn-primary pull-right">Update</button>
                        </div>
                    </div>
                </form>
            @endif
        </div>
    </div>
@endsection
@push('scripts')

    <script src="//cdn.ckeditor.com/4.7.3/full/ckeditor.js"></script>
    <script>
        var options2 = {
            filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
            filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token=',
            filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
            filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token=',
            toolbar: [


                {name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize']},
                {name: 'colors', items: ['TextColor', 'BGColor']},
                {name: 'tools', items: ['Maximize', 'ShowBlocks']},
                {
                    name: 'document',
                    groups: ['mode', 'document', 'doctools'],
                    items: ['Source', '-', 'Print', '-', 'Templates']
                },
                '/',
                {
                    name: 'clipboard',
                    groups: ['clipboard', 'undo'],
                    items: ['PasteFromWord']
                },
                {
                    name: 'basicstyles',
                    groups: ['basicstyles', 'cleanup'],
                    items: ['Bold', 'Italic', 'Underline', 'Strike', '-', 'CopyFormatting', 'RemoveFormat']
                },
                {
                    name: 'paragraph',
                    groups: ['list', 'indent', 'blocks', 'align', 'bidi'],
                    items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
                },
                {name: 'links', items: ['Link', 'Unlink']},
                {
                    name: 'insert',
                    items: ['Image', 'Table', 'SpecialChar']
                }
            ]
        }
        @foreach($locales as $locale)
        CKEDITOR.replace('ts[{{$locale}}][content]', options2);
        @endforeach
    </script>
@endpush