@extends(getTemplate().'.user.layout.articlelayout')

@section('tab1','active')
@section('tab')
    <div class="h-20"></div>
    <div class="h-10"></div>
    <form method="post" action="/user/article/edit/store/{{ $article->id }}" class="form-horizontal">
        {{ csrf_field() }}
        <div class="form-group">
            <label class="control-label col-md-1 tab-con">{{ trans('main.title') }}</label>
            <div class="col-md-6 tab-con">
                <input type="text" value="{{ $article->title }}" class="form-control" name="title">
            </div>
            <label class="control-label col-md-1 tab-con">{{ trans('main.category') }}</label>
            <div class="col-md-4 tab-con">
                <select class="form-control font-s" name="cat_id">
                    @foreach(contentMenu() as $menu)
                        <optgroup label="{{ $menu['title'] }}&nbsp;11{{ count($menu['submenu']) }}">
                            @if(count($menu['submenu']) == 0)
                                <option value="{{ $menu['id'] }}" @if($menu['id'] == $article->cat_id) selected @endif>{{ $menu['title'] }}</option>
                            @else
                                @foreach($menu['submenu'] as $sub)
                                    <option value="{{ $sub['id'] }}" @if($sub['id'] == $article->cat_id) selected @endif>{{ $sub['title'] }}</option>
                                @endforeach
                            @endif
                        </optgroup>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-1 tab-con">{{ trans('main.article_summary') }}</label>
            <div class="col-md-11 tab-con">
                <textarea class="ckeditor" name="pre_text">{{ $article->pre_text }}</textarea>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-1 tab-con">{{ trans('main.description') }}</label>
            <div class="col-md-11 tab-con">
                <textarea class="ckeditor" name="text">{{ $article->text }}</textarea>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-1 tab-con">{{ trans('main.thumbnail') }}</label>
            <div class="col-md-5 tab-con">
                <div class="input-group">
                    <span class="input-group-addon view-selected img-icon-s" data-toggle="modal" data-target="#ImageModal" data-whatever="image"><span class="formicon mdi mdi-eye"></span></span>
                    <input type="text" name="image" value="{{ $article->image }}" dir="ltr" class="form-control">
                    <span class="input-group-addon click-for-upload img-icon-s"><span class="formicon mdi mdi-arrow-up-thick"></span></span>
                </div>
            </div>
            <label class="control-label col-md-1 tab-con">{{ trans('main.status') }}</label>
            <div class="col-md-3 tab-con">
                <select class="form-control font-s" name="mode">
                    <option value="draft" @if($article->mode == 'draft') selected @endif>{{ trans('main.draft') }}</option>
                    <option value="request" @if($article->mode == 'request') selected @endif>{{ trans('main.send_for_review') }}</option>
                    <option value="delete" @if($article->mode == 'delete') selected @endif>{{ trans('main.unpublish_request') }}</option>
                </select>
            </div>
            <div class="col-md-2">
                <input type="submit" value="Save Article" class="btn btn-custom pull-left btn-100-p">
            </div>
        </div>
    </form>

@endsection
@section('script')
    <script>$('#newarticle').text('{{ $article->title }}')</script>
    <script type="text/javascript" src="/assets/default/ckeditor/ckeditor.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            CKEDITOR.config.language = 'en';
        });
    </script>
    <script>$('#article-hover').css('background', '#fff');</script>
    <script>$('#article-hover span').css('color', '#343871');</script>
@endsection