@extends('Manager.Master')
@section('header')
<link rel="stylesheet" href="{{ url('css/bootstrap-select.min.css') }}">
@stop
@section('title') ایجاد مقاله و خبر  @stop
@section('content')

<div class="col-md-12 insert-page x_content">
    <div class="x_panel">
        <form method="post" action="{{ url(route('article.store'))}}" id="form">
            {{ csrf_field() }}
            <div class="form-group">
                <label>عنوان مقاله و خبر  : </label>
                <input type="text" name="title" class="form-control" placeholder="عنوان مقاله و خبر  را وارد کنید" value="{{ old("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_cat" role="tab" id="cat"
                                                            data-toggle="tab" aria-controls="cata"
                                                            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">
                                    <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="توضیحات سئو ">
                                    <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"></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">  </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">
                                </div>
                                <img id="holder" class="img-rounded text-center holder_image2" src="{{ url("/images/default.jpg")
                                }}">
                            </div>
                        </div>

                        <div role="tabpanel" class="tab-pane fade" id="tab_cat" aria-labelledby="cat">
                            <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="selectpicker form-control myselect" multiple data-live-search="true" name="tags[]">
                                            @foreach($tags as $tag)
                                            <option value="{{$tag->id}}">{{$tag->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                            </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">پیش نویس</option>
                                            <option value="published">انتشار</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">کاربران بتوانند نظر خود را ثبت کنند</option>
                                            <option value="deactive">بخش نظرات برای این مقاله و خبر  بسته باشد</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')
                }
            });