@extends('Manager.Master')
@section('header')
    <link rel="stylesheet" href="{{ url('css/bootstrap-select.min.css') }}">
@stop
@section('title')  ویرایش صفحه -    {{ $data->title }} @stop
@section('content')
    <div class="col-md-12 insert-page x_content">
        <div class="x_panel">
            <form method="post" id="form">
                {{ csrf_field() }}
                <div class="form-group">
                    <label>عنوان صفحه  : </label>
                    <input type="text" name="title" class="form-control" placeholder="عنوان صفحه  را وارد کنید" value="{{   $data->title }}">
                </div>
                <div class="col-xs-12">
                    <div class="" role="tabpanel" data-example-id="togglable-tabs">
                        <ul id="myTab1" class="nav nav-tabs bar_tabs right" role="tablist">
                            <li role="presentation" class="active"><a href="#tab_seo" id="home-tabb" role="tab"
                                                                      data-toggle="tab" aria-controls="seo"
                                                                      aria-expanded="true">سئو</a>
                            </li>
                            <li role="presentation" class=""><a href="#tab_content" role="tab" id="content"
                                                                data-toggle="tab" aria-controls="profile"
                                                                aria-expanded="false">محتوا</a>
                            </li>
                            <li role="presentation" class=""><a href="#tab_image" role="tab" id="image"
                                                                data-toggle="tab" aria-controls="image"
                                                                aria-expanded="false">تصویر شاخص</a>
                            </li>

                            <li role="presentation" class=""><a href="#tab_option" role="tab" id="option"
                                                                data-toggle="tab" aria-controls="option"
                                                                aria-expanded="false">تنظیمات</a>
                            </li>
                        </ul>
                        <div id="myTabContent2" class="tab-content">
                            <div role="tabpanel" class="tab-pane fade active in" id="tab_seo" aria-labelledby="seo">
                                <div class="x_panel">
                                    <div class="form-group col-xs-12 myinput">
                                        <input class="effect-9 form-control" type="text" placeholder="عنوان سئو "
                                               name="seo_title" value="{{ $data->seo_title }}">
                                        <span class="focus-border"><i></i></span>
                                    </div>
                                    <div class="form-group col-xs-12 myinput">
                                        <input name="seo_description" class="effect-9 form-control" type="text"
                                               placeholder="توضیحات سئو " value="{{ $data->seo_description }}">
                                        <span class="focus-border"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="tab_content" aria-labelledby="content">
                                <div class="x_panel">
                                    <div class="form-group col-xs-12 myinput">
                                    <textarea class="effect-9 form-control" placeholder="خلاصه صفحه "
                                              name="excerpt">{{ $data->excerpt }}</textarea>
                                        <span class="focus-border"><i></i></span>
                                    </div>
                                    <div class="form-group col-xs-12 myinput">
                                        <textarea name="body" id="editor1" rows="10" cols="100">{!! $data->body !!}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="tab_image" aria-labelledby="image">
                                <div class="x_panel text-center">
                                    <div class="input-group ">
   <span class="input-group-btn">
     <a  data-input="thumbnail" data-preview="holder" class="btn btn-primary lfm">
       انتخاب &nbsp;  <i class="fa fa-picture-o"></i>
     </a>
   </span>
                                        <input id="thumbnail" class="form-control " type="text" name="imageUrl" value="{{ $data->imageUrl }}">
                                    </div>
                                    <img id="holder" class="img-rounded text-center holder_image2" src="{{ url($data->imageUrl)
                                }}">
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="tab_option" aria-labelledby="option">
                                <div class="x_panel">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label">وضعیت انتشار </label>
                                        <div class="col-sm-10">
                                            <select class="form-control" id="sel1" name="status">
                                                <option value="draft" {{ $data->status == "draft" ? "selected":""  }}>پیش نویس</option>
                                                <option value="published" {{ $data->status == "published" ? "selected" : ""  }}>انتشار</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label my-label"> نظرات </label>
                                        <div class="col-sm-10">
                                            <select class="form-control" id="sel1" name="commentStatus">
                                                <option value="active" {{ $data->commentStatus== "active" ? "selected":""  }}>کاربران بتوانند نظر خود را ثبت کنند</option>
                                                <option value="deactive" {{ $data->commentStatus== "deactive" ? "selected":""  }}>بخش نظرات برای این صفحه  بسته باشد</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="col-xs-8 col-xs-push-2">
                    <button id="sub" type="submit" class="btn btn-success btn-block mysubmit">ارسال</button>
                </div>

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

    @if($errors->first())
        @include('Manager.Componet.error', ['error' => $errors->first()])
    @endif
@stop
@section("footer")
    <script src="{{ url('/js/bootstrap-select.min.js')}}"></script>
    <script src="/vendor/laravel-filemanager/js/lfm.js"></script>
    <script src="{{ url('/js/ckeditor/ckeditor.js')}}"></script>
    <script>
        var options = {
            filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
            filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token=',
            filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
            filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token=',
            language: 'fa',
            toolbar: [
                {name: 'document', items: ['Source', 'Print',]},
                {name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo']},
                {name: 'editing', items: ['Find', 'Replace', '-', 'SelectAll', '-', 'Scayt']},
                {
                    name: 'forms',
                    items: ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField']
                },
                '/',
                {
                    name: 'basicstyles',
                    items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'CopyFormatting', 'RemoveFormat']
                },
                {
                    name: 'paragraph',
                    items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-',
                        'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl', 'Language']
                },
                {name: 'links', items: ['Link', 'Unlink', 'Anchor']},
                {
                    name: 'insert',
                    items: ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe']
                },
                '/',
                {name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize']},
                {name: 'colors', items: ['TextColor', 'BGColor']},
                {name: 'tools', items: ['Maximize', 'ShowBlocks']},
                {name: 'about', items: ['About']}
            ]
        };
        CKEDITOR.replace('editor1', options);
        $('#lfm').filemanager('image');
    </script>
    <script>
        $(document).on('submit', '#form', function (event) {
            waitingDialog.show();
            trunoffbutton("#sub");
            var submit_data = $(this).serializeArray();
            event.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });