@extends('admin.master')

@section('style')
<link href="{{ asset('data/assets/css/bootstrap-datetimepicker.css') }}" rel="stylesheet">
<link href="{{ asset('data/assets/css/selectize.bootstrap3.css') }}" rel="stylesheet">
@endsection

@section('top')
<div class="top-breadcrumb pull-left">
    <h5>添加新闻</h5>
    <a href="{{ url('admin/news') }}" class="btn btn-xs btn-default goback">
        <i class="iconfont icon-back-copy"></i><span>返回列表</span>
    </a>
</div>
@endsection

@section('content')
{!! Form::open(['route' => 'admin.news.store', 'class'=>'form-horizontal form-detail']) !!}
<input name="referer" type="hidden" value="{{ request()->header('referer') }}">
<div class="tab-content">
	<div role="tabpanel" class="tab-pane active" id="home">
		<div class="tab-content">
			<div role="tabpanel" class="tab-pane active" id="language-{{ $managerLang }}">
				<div class="form-group form-item-required">
					<label class="col-sm-2 control-label label-width">分类：</label>
					<div class="col-sm-5">
						{!! Form::select('pid', ['' => '请选择'] + $nests, $pid, ['class'=>'form-control']) !!}
					</div>
				</div>
				<div class="form-group {{ $managerLang == config('setting.lang') ? 'form-item-required' : ''}}">
					<label class="col-sm-2 control-label label-width">名称：</label>
					<div class="col-sm-5">
						{!! Form::text("description[{$managerLang}][title]", '', ['class'=>'form-control']) !!}
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label label-width">摘要：</label>
					<div class="col-sm-5">
						{!! Form::textarea("description[{$managerLang}][summary]", '', ['class'=>'form-control', 'rows'=>3]) !!}
            <div class="text-muted mt-7 mb-7">(建议填写，不填写默认显示详细内容前300个字符左右)</div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label label-width">图片：</label>
					<div class="col-sm-5">
						<div class="upload-wrap" data-name="description[{{ $managerLang }}][imgs][]">
							<div class="upload-wrap-btn">
								<span class="btn btn-default" data-toggle="modal" data-target="#media-dialog-modal">媒体上传</span>
								<span class="text-muted pl-10">(允许上传的媒体类型：jpg、gif、png)</span>
							</div>
							<ul id="picfram" class="upload-wrap-lists attachments clearfix"></ul>
						</div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label label-width">页面路径：</label>
					<div class="col-sm-5">
						<div class="input-group">
							<div class="input-group-addon">/news/</div>
							{!! Form::text('slug', '', ['class'=>'form-control', 'placeholder'=>'建议不要手动修改，默认以名称生成']) !!}
							<div class="input-group-addon">.html</div>
						</div>
					</div>
				</div>
				<div id="tags-content" class="form-group">
					<label class="col-sm-2 control-label label-width">标签：</label>
					<div class="col-sm-5">
						{!! Form::select('tags[]', $tags, null, ['class'=>'form-control multiple-select', 'placeholder'=>'您最多可以选择3个标签！']) !!}
					</div>
					@if(config('managerLang') == config('setting.lang'))
						<div class="col-sm-5 form-tag-add">
							<a href="javascript:void(0)" class="pt-5" @click="addTag()">
								<i class="iconfont icon-plus"></i>
								添加新标签
							</a>
						</div>
						@include('admin.common.notice')
					@endif
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label label-width">详细内容：</label>
					<div class="col-sm-10">
            <button type="button" id="ai-icon" class="ai-icon btn btn-primary">
              <img src="{{ asset('data/assets/images/ai.png') }}">
              AI帮写
            </button>
						{!! Form::textarea("description[{$managerLang}][content]", '', ['id'=>"editor-{$managerLang}", 'class'=>'len-full']) !!}
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label label-width">发布时间：</label>
					<div class="col-sm-5">
						<div class="form-datetime len200">
							{!! Form::text('created_at', date('Y-m-d H:i:s'), ['class'=>'form-control datetimepicker len200']) !!}
							<i class="iconfont icon-calendar date-picker-icon"></i>
						</div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label label-width">排序：</label>
					<div class="col-sm-5">
						{!! Form::number('orders', maxValue('news'), ['class'=>'form-control']) !!}
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label label-width">外部链接：</label>
					<div class="col-sm-5">
						{!! Form::text('linkurl', '', ['class'=>'form-control']) !!}
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label label-width">特殊属性：</label>
					<div class="col-sm-5">
						<div class="pretty-box">
							<div class="pretty p-default">
								{!! Form::checkbox('recom', 1, 0) !!}
								<div class="state p-success"><label>推荐</label></div>
							</div>
							<div class="pretty p-default">
								{!! Form::checkbox('top', 1, 0) !!}
								<div class="state p-success"><label>置顶</label></div>
							</div>
							<div class="pretty p-default">
								{!! Form::checkbox('headline', 1, 0) !!}
								<div class="state p-success"><label>头条</label></div>
							</div>
						</div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label label-width">发布状态：</label>
					<div class="col-sm-5">
						<div class="pretty-box">
							<div class="pretty p-default p-round p-smooth">
								{!! Form::radio('flag', 1, true) !!}
								<div class="state p-success-o"><label>发布</label></div>
							</div>
							<div class="pretty p-default p-round p-smooth">
								{!! Form::radio('flag', 0, false) !!}
								<div class="state p-success-o"><label>不发布</label></div>
							</div>
						</div>
					</div>
				</div>
        @include('admin.common.meta_common_setting', ['type' => 'news'])
			</div>
		</div>
    </div>
	<div class="form-send-height">
	<div class="form-send-box">
		<div class="form-group">
			<label class="col-sm-3 control-label label-width"></label>
			<div class="col-sm-5">
        {!! Form::submit(inject('setting')->config('auto_translate') == 1 ? '提交并翻译' : '提交', ['class'=>'btn btn-primary']) !!}
			</div>
		</div>
	</div>
</div>
{!! Form::close() !!}
@endsection

@section('foot')
<script src="{{ asset('data/assets/js/bootstrap-datetimepicker.min.js') }}"></script>
<script src="{{ asset('data/assets/js/ueditor/ueditor.config.js') }}"></script>
<script src="{{ asset('data/assets/js/ueditor/ueditor.all.min.js') }}"></script>
<script src="{{ asset('data/assets/js/ueditor/addCustomizeButton.js') }}"></script>
<script src="{{ asset('data/assets/js/selectize.js') }}"></script>
<script type="text/javascript">
$(function(){
	window.UEEditor = UE.getEditor('editor-' + '{{ config('managerLang')  }}');
	var list = document.getElementById("picfram");
	new Sortable(list, {
		animation: 150,
	});
	$('.datetimepicker').datetimepicker({
		format: 'yyyy-mm-dd hh:ii:ss',
        language: 'zh-CN', 
        autoclose: true,
        orientation:'right',
        minView: 2,
    });
    $select = $('.multiple-select').selectize({
		plugins: ['remove_button'],
		maxItems: 3
	});
	control = $select[0].selectize;
});

new Vue({
	el: '#tags-content',
	data: {
		tags: {},
		urlLoad: "{{ url('/admin/tag/ajax-update') }}",
	},
	methods: {
		addTag: function() {
			$("#dialog-common").modal('show');
		},
		submitTag: function() {
			var _this = this;
			_this.tags['description'] = {};
			if ($("#tag-en").val() == '') {
				swal({
					title: "", 
					text: "英文标签不能为空！",
					type: "warning",
					showConfirmButton: false,
					timer: 1500,
				});
				return false;
			} else {
				$(".tag-input").each(function() {
					var lang   = $(this).data('lang');
					_this.tags['description'][lang] = {};
					_this.tags['description'][lang]['name'] = $(this).val();
				});
				
				$.ajax({
					type: "POST",
					headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
					},
					url: _this.urlLoad,
					data: _this.tags,
					success: function(json) {
						if (json.status == 'sucess') {
							$("#dialog-common").modal('hide');
							$(".tag-input").val('');
							swal({
								title: "", 
								text: "标签添加成功！",
								type: "success",
								showConfirmButton: false,
								timer: 1500,
							});
							control.addOption({value: json.name, text: json.name + '(0)'});
							control.addItem(json.name)
						} else {
                swal({
                    title: "",
                    text: json.message || "添加标签失败，请重新添加！",
                    type: "error",
                    showConfirmButton: false,
                    timer: 1500,
                });
						}
					}
				});
			}

		}
	},
});
</script>
{{--录入助手 start--}}
@include('admin.common.input_assistant', ['model' => 'article', 'title'=> '新闻', 'tag' => true])
{{--录入助手 end--}}
{{--媒体库 start--}}
@include('admin.common.media', ['type' => 'jpg,gif,png', 'multi' => true])
{{--媒体库 end--}}
{{--AI智能文案 start--}}
@include('admin.common.chatgpt')
{{--AI智能文案 end--}}
@endsection