@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">
		#date_time
		{
			direction: ltr;
			text-align: right;
		}
		.float-left
		{
			float: left;
		}

		.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>
 
	<div class="row">
		<div class="col-md-12">
			<form action="{{ route('admin.news.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="date_time">تاریخ خبر</label>
					<input type="text" class="form-control" id="date_time" name="date_time" value="{{ $data->date_time }}" placeholder="تاریخ خبر">
					<span class="error">{{ $errors->first('date_time') }}</span>
				</div>

				<div class="form-group">
					<label for="summery">خلاصه</label>
					<input type="text" class="form-control" id="summery" name="summery" value="{{ $data->summery }}" placeholder="خلاصه">
					<span class="error">{{ $errors->first('summery') }}</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> 
				</div>

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

				@if($data->image != '')
				<div class="form-group" >
					<label for="image">آدرس تصویر</label>
					<input type="text"  class="form-control"  value="/img/news/thumbnail/{{ $data->image }}" readonly="readonly" style="width:500px;direction:ltr;" /> 
				</div>
				@endif

				<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>
						@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="true" @if($data->internal_page == true) checked="checked" @endif > داخلی
					</label>
				</div>

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

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

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

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

				<button type="submit" class="btn btn-primary" id="save">ذخیره</button>
				<a href="/admin/news/preview/{{ $data->id }}" class="btn btn-success" target="_blank">پیش‌نمایش</a>
				<a href="{{ route('admin.news.list') }}" class="btn btn-default float-left">بازگشت</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>
		(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