@extends('layouts.admin', ['title' => 'ویرایش مقاله'])

@section('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.4/croppie.min.css">
<link href="/css/jquery.tag-editor.css" rel="stylesheet" type="text/css">
<style type="text/css">
	.tag-editor li {
		float: right !important;
	}

	.tag-editor .tag-editor-tag {
		color: #ffffff !important;
		background: #212529 !important;
	}

	.tag-editor .tag-editor-delete {
		background-color: #000 !important;
	}

	.tag-editor .tag-editor-delete i:before {
		color: #ffffff !important;
	}

	.tag-editor {
		padding: 0.375rem 0.75rem;
		font-family: inherit;
		font-weight: 400;
		line-height: 2rem;
	}
</style>
@endsection

@section('content')

<h3>مدیریت مقالات</h3>
<hr />

<h4>ویرایش مقاله</h4>
<div class="row">
	<div class="col-md-12">
		<form action="{{ url('admin/articles/update')}}" method="post" enctype="multipart/form-data">
			<input type="hidden" name="_token" value="{{ csrf_token() }}">
			<input type="hidden" name="id" value="{{ $data->id }}">

			<div class="form-group">
				<label for="title">عنوان</label>
				<input type="text" class="form-control" id="title" name="title" value="{{ $data->title }}"
					placeholder="عنوان">
				<span class="error">{{ $errors->first('title') }}</span>
			</div>

			<div class="form-group">
				<label for="content">متن</label>
				<textarea class="ckeditor" name="content" id="content">{{ $data->content }}</textarea>
				<span class="error">{{ $errors->first('content') }}</span>
			</div>

			<div class="form-group">
				<label for="image">تصویر</label>
				<input type="file" id="image" name="image">
				<span class="error">{{ $errors->first('image') }}</span>
				<!-- <p class="help-block">Example block-level help text here.</p> -->
			</div>

			<div class="form-group">
				<img id="my-image" src="#" />
				<input type="hidden" name="imagedata" id="imagedata">
			</div>


			<div class="form-group">
				<label for="image">آدرس تصویر</label>
				<input type="text" class="form-control" value="/img/articles/thumbnail/{{ $data->image }}"
					readonly="readonly" style="width:500px;direction:ltr;" />
				<!-- <p class="help-block">Example block-level help text here.</p> -->
			</div>

			<div class="form-group">
				<label for="category">دسته بندی</label>
				<select name="category" id="category" class="form-control">
					<option value="null" @if(is_null($data->category_id ) || $data->category_id == 0)
						selected="selected" @endif >هیچکدام</option>

					@foreach($category as $item)
					<option value="{{ $item->id }}" @if($data->category_id==$item->id) selected="selected" @endif
						>{{ $item->title }}</option>

					@foreach(\App\Models\Category::where('parent',$item->id)->get() as $item_l1)
					<option value="{{ $item_l1->id }}" @if($data->category_id==$item_l1->id) selected="selected" @endif
						>&#8626; {{ $item_l1->title }}</option>

					@foreach(\App\Models\Category::where('parent',$item_l1->id)->get() as $item_l2)
					<option value="{{ $item_l2->id }}" @if($data->category_id==$item_l2->id) selected="selected" @endif
						>&#8626;&#8626; {{ $item_l2->title }}</option>

					@foreach(\App\Models\Category::where('parent',$item_l2->id)->get() as $item_l3)
					<option value="{{ $item_l3->id }}" @if($data->category_id==$item_l3->id) selected="selected" @endif
						>&#8626;&#8626;&#8626; {{ $item_l3->title }}</option>

					@foreach(\App\Models\Category::where('parent',$item_l3->id)->get() as $item_l4)
					<option value="{{ $item_l4->id }}" @if($data->category_id==$item_l4->id) selected="selected" @endif
						>&#8626;&#8626;&#8626;&#8626; {{ $item_l4->title }}</option>

					@foreach(\App\Models\Category::where('parent',$item_l4->id)->get() as $item_l5)
					<option value="{{ $item_l5->id }}" @if($data->category_id==$item_l5->id) selected="selected" @endif
						>&#8626;&#8626;&#8626;&#8626;&#8626; {{ $item_l5->title }}</option>

					@endforeach
					@endforeach
					@endforeach
					@endforeach
					@endforeach
					@endforeach

				</select>
				<span class="error">{{ $errors->first('category') }}</span>
			</div>

			<div class="form-group">
				<label for="status_id">تگ‌ها</label>
				<textarea name="tags" id="tags">{{ $tag_tiltes }}</textarea>
			</div>

			<div class="checkbox">
				<label>
					<input type="checkbox" name="internal_page" id="internal_page" value="1"
						@if($data->internal_page=="1") checked="checked" @endif > داخلی
				</label>
			</div>

			<div class="checkbox">
				<label>
					<input type="checkbox" name="is_help" id="is_help" value="1" @if($data->is_help=="1")
					checked="checked" @endif > راهنمای خرید
				</label>
			</div>

			<div class="checkbox">
				<label>
					<input type="checkbox" name="active" id="active" value="1" @if($data->active=="1") checked="checked"
					@endif >
					@can('admin-articles-publish')
					منتشر
					@else
					صف انتشار
					@endcan
				</label>
			</div>


			<div class="checkbox">
				<label>
					<input type="checkbox" name="is_special" id="is_special" value="1" @if($data->is_special=="1")
					checked="checked" @endif> ویژه
				</label>
			</div>

			<div class="checkbox">
				<label>
					<input type="checkbox" name="is_events" id="is_events" value="1" @if($data->is_events=="1")
					checked="checked" @endif> رویداد
				</label>
			</div>

			<div class="checkbox">
				<label>
					<input type="checkbox" name="is_readings" id="is_readings" value="1" @if($data->is_readings=="1")
					checked="checked" @endif> خواندنی‌
				</label>
			</div>

			<button type="submit" class="btn btn-primary" id="save">ذخیره</button>
			<a href="/admin/article/preview/{{ $data->id }}" class="btn btn-success" target="_blank">پیش‌نمایش</a>
			<a href="/admin/articles" class="btn btn-default">بازگشت</a>

			<p class="success">{{ session('message') }}</p>
			<p class="error">{{ session('error') }}</p>
		</form>
	</div>
</div>


@stop

@section('javascript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.4/croppie.min.js"></script>
<script src="/ckeditor/ckeditor.js?u=2"></script>
<script src="/js/admin-news.js"></script>

<script src="https://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>
<script src="/js/jquery.caret.min.js"></script>
<script src="/js/jquery.tag-editor.min.js"></script>

<script type="text/javascript">
	(function($){var proto=$.ui.autocomplete.prototype,initSource=proto._initSource;function filter(array,term){var matcher=new RegExp($.ui.autocomplete.escapeRegex(term),"i");return $.grep(array,function(value){return matcher.test($("<div>").html(value.label||value.value||value).text());});}$.extend(proto,{_initSource:function(){if(this.options.html&&$.isArray(this.options.source)){this.source=function(request,response){response(filter(this.options.source,request.term));};}else{initSource.call(this);}},_renderItem:function(ul,item){return $("<li></li>").data("item.autocomplete",item).append($("<a></a>")[this.options.html?"html":"text"](item.label)).appendTo(ul);}});})(jQuery);

		$('#tags').tagEditor({
			autocomplete: { 
				delay: 0, 
				position: { collision: 'flip' },
				source: {!! $tags  !!} },
			forceLowercase: false,
			placeholder: 'تگ‌های مرتبط با این سوال را وارد نمایید'
		});
		 	
</script>
@stop