@extends('backend.layout')

@section('content')
	<div class="panel panel-flat">
		<div class="panel-body">
			<legend class="text-bold">
			{{ $title }}
			<a href="{{ route('backend.content.list') }}?type={{@$_GET['type']}}" class="pull-right">Danh sách</a>
			</legend>
			<form action="" method="POST" class="steps-basic"> 
				{{ csrf_field() }}
				<fieldset>
					<div class="row">
						<div class="col-md-6">
							<div class="form-group has-feedback @if( @$errors->first('name') != null ) has-error  @endif ">
								<label>Tên hiển thị </label>
								<input type="text" class="form-control" id="name" placeholder="Nhập tên hiển thị ở đây" name="name" value="{{ old('name',@$content->name)  }}">
								<div class="form-control-feedback">
									 @if( @$errors->first('name') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('name') }}</span>
							</div>

							<div class="form-group has-feedback @if( @$errors->first('slug') != null ) has-error  @endif ">
								<label>Slug </label>
								<input type="text" class="form-control" id="slug" placeholder="" name="slug" value="{{ old('slug',@$content->slug)  }}">
								<div class="form-control-feedback">
									 @if( @$errors->first('slug') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('slug') }}</span>
							</div>

							<div class="row">
								<div class="col-md-4">
									<div class="form-group has-feedback @if( @$errors->first('count_view') != null ) has-error  @endif ">
										<label>Lượt xem </label>
										<input type="number" class="form-control" id="count_view" placeholder="" name="count_view" value="{{ old('count_view',@$content->count_view)  }}">
										<div class="form-control-feedback">
											 @if( @$errors->first('count_view') != null ) <i class="icon-notification2"></i> @endif
											</div>
										<span class="help-block">{{ @$errors->first('count_view') }}</span>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group has-feedback @if( @$errors->first('like') != null ) has-error  @endif ">
										<label>Like </label>
										<input type="number" class="form-control" id="like" placeholder="" name="like" value="{{ old('like',@$content->like)  }}">
										<div class="form-control-feedback">
											 @if( @$errors->first('like') != null ) <i class="icon-notification2"></i> @endif
											</div>
										<span class="help-block">{{ @$errors->first('like') }}</span>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group has-feedback @if( @$errors->first('dislike') != null ) has-error  @endif ">
										<label>Dislike</label>
										<input type="text" class="form-control" id="dislike" placeholder="" name="dislike" value="{{ old('dislike',@$content->dislike)  }}">
										<div class="form-control-feedback">
											 @if( @$errors->first('dislike') != null ) <i class="icon-notification2"></i> @endif
											</div>
										<span class="help-block">{{ @$errors->first('dislike') }}</span>
									</div>
								</div>
							</div>

							<div class="form-group has-feedback @if( @$errors->first('note') != null ) has-error  @endif ">
								<label>Mô tả </label>
								<textarea class="form-control" rows="5" name="note">{{ @old('note', @$content->note)}}</textarea>
								<div class="form-control-feedback">
									 @if( @$errors->first('note') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('note') }}</span>
							</div>

							<div class="row">
								<div class="col-md-3">
									<div class="checkbox checkbox-switchery">
										<label>
											<input type="checkbox" name="is_slider" class="switchery-primary" value="1" @if(old('is_slider', @$content->is_slider)) checked="checked" @endif>	
											Slider
										</label>
									</div>
								</div>
								<div class="col-md-3">
									<div class="checkbox checkbox-switchery">
										<label>
											<input type="checkbox" name="is_new" class="switchery-primary" value="1" @if(old('is_new', @$content->is_new)) checked="checked" @endif>	
											New
										</label>
									</div>
								</div>
								<div class="col-md-3">
									<div class="checkbox checkbox-switchery">
										<label>
											<input type="checkbox" name="is_hot" class="switchery-primary" value="1" @if(old('is_hot', @$content->is_hot)) checked="checked" @endif>	
											Hot
										</label>
									</div>
								</div>
								
								<div class="col-md-3">
									<div class="checkbox checkbox-switchery">
										<label>
											<input type="checkbox" name="type" class="switchery-primary" value="stream" @if(old('type', @$content->type)) checked="checked" @endif>	
											Nhúng link
										</label>
									</div>
								</div>
							</div>
						</div>

						<!-- Thuộc tính -->
						<div class="col-md-6">
							<div class="form-group has-feedback @if( @$errors->first('tags') != null ) has-error  @endif ">
								<label>Tìm kiếm </label>
								<select class="form-groupcontrol" name="tags[]" multiple="multiple" data-placeholder="Chọn">
									<option value=""></option>
									@foreach($tags as $tag)
									<option value="{{ $tag->id }}" 
										@if(in_array($tag->id, old('tags', @$content && $content->tags ? $content->tags->pluck('id')->toArray() : [])))
							                selected="selected"
							            @endif>
							            {{ $tag->name }}
									</option>
									@endforeach
								</select>
								<div class="form-control-feedback">
									 @if( @$errors->first('tags') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('tags') }}</span>
							</div>

							<div class="form-group has-feedback @if( @$errors->first('cates') != null ) has-error  @endif ">
								<label>Danh mục </label>
								<select class="form-groupcontrol" name="cates[]" multiple="multiple" data-placeholder="Chọn">
									<option value=""></option>
									@foreach($categories as $cate)
									<option value="{{ $cate->id }}" 
								       	@if(in_array($cate->id, old('cates', @$content && $content->categories ? $content->categories->pluck('id')->toArray() : [])))
							                selected="selected"
							            @endif>
							            {{ $cate->name }}
								    </option>
									@endforeach
								</select>
								<div class="form-control-feedback">
									 @if( @$errors->first('cates') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('cates') }}</span>
							</div>
							<div class="form-group has-feedback @if( @$errors->first('actors') != null ) has-error  @endif ">
								<label>Diễn viên </label>
								<select class="form-groupcontrol" name="actors[]" multiple="multiple" data-placeholder="Chọn">
									<option value=""></option>
									@foreach($actors as $ac)
									<option value="{{ $ac->id }}" 
								       	@if(in_array($ac->id, old('actors', @$content && $content->actors ? $content->actors->pluck('id')->toArray() : [])))
							                selected="selected"
							            @endif>
							            {{ $ac->name }}
								    </option>
									@endforeach
								</select>
								<div class="form-control-feedback">
									 @if( @$errors->first('actors') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('actors') }}</span>
							</div>

							<div class="form-group has-feedback">
								<div class="row">
									<div class="col-md-6">
										<label>Ảnh đại diện</label>
										<div action="{{ route('backend.file.uploadImage') }}" class="dropzone" id="upload-image" style="min-height:220px;"></div>
										<input type="hidden" name="image" value="{{ old('image', @$content->image) }}" >
										<div class="form-control-feedback">
											@if( @$errors->first('image') != null ) <i class="icon-notification2"></i> @endif
										</div>
										<span class="help-block">{{ @$errors->first('image') }}</span>
									</div>
									<div class="col-md-6">
										<label>Banner</label>
										<div action="{{ route('backend.file.uploadImage') }}" class="dropzone" id="upload-banner" style="min-height:220px;"></div>
										<input type="hidden" name="banner" value="{{ old('banner', @$content->banner) }}" >
										<div class="form-control-feedback">
											@if( @$errors->first('banner') != null ) <i class="icon-notification2"></i> @endif
										</div>
										<span class="help-block">{{ @$errors->first('banner') }}</span>
									</div>
								</div>
								
							</div>

						</div>
					</div>
				</fieldset>
				<div class="text-right">
					<button type="submit" class="btn btn-info">Lưu<i class="icon-file-plus position-right"></i></button>
					<input type="submit" class="btn btn-primary" name="is_trending" value="Hoàn tất">
				</div>				
			</form>
		</div>
	</div>

@endsection

@push('scripts')
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/loaders/blockui.min.js ')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/uploaders/dropzone.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/styling/switchery.min.js')}}"></script>
	<script>
		// document.addEventListener('DOMContentLoaded', function() {
		    // --------------------------
		    $('select').select2({
		        minimumResultsForSearch: Infinity,
		    });

		    var elems = Array.prototype.slice.call(document.querySelectorAll('.switchery-primary'));

			elems.forEach(function(html) {
			  	var switchery = new Switchery(html);
			});

		    @if(!@$content)
		    document.getElementById('name').addEventListener('input', function() {
	            var nameValue = this.value;
	            var slugValue = generate_slug(nameValue);
	            document.getElementById('slug').value = slugValue;
	        });
		    @endif
		    // ------------------------------------
		    Dropzone.options.uploadImage = {
			    paramName: "file", // The name that will be used to transfer the file
			    maxFilesize: 1, // MB
			    maxFiles: 1,
			    acceptedFiles: 'image/*',
			    addRemoveLinks: true,
			    dictDefaultMessage: 'Click vào đây để tải lên hình ảnh',
			    autoProcessQueue: true,
			    headers: {
			        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			    },
			    init: function() {
			        this.on('addedfile', function(file){
			            if (this.fileTracker) {
			            this.removeFile(this.fileTracker);
			        }
			            this.fileTracker = file;
			        });

			        @if(old('image', @$content->image) != null)
				        var mockFile = { 
		                    status: Dropzone.ADDED, 
		                    url: '{{ url(old("image", @$content->image)) }}'
		                };

				        this.emit("addedfile", mockFile);

		                // And optionally show the thumbnail of the file:
		                this.emit("thumbnail", mockFile, '{{ url(old("image", @$content->image)) }}');

		                this.files.push(mockFile);
			        @endif
			    },
			    success: function (file, response) {
			        $('input[name=image]').val(response.file);
			    }

			};

			Dropzone.options.uploadBanner = {
			    paramName: "file", // The name that will be used to transfer the file
			    maxFilesize: 1, // MB
			    maxFiles: 1,
			    acceptedFiles: 'image/*',
			    addRemoveLinks: true,
			    dictDefaultMessage: 'Click vào đây để tải lên hình ảnh',
			    autoProcessQueue: true,
			    headers: {
			        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			    },
			    init: function() {
			        this.on('addedfile', function(file){
			            if (this.fileTracker) {
			            this.removeFile(this.fileTracker);
			        }
			            this.fileTracker = file;
			        });


			        @if(old('banner', @$content->banner) != null)
				        var mockFile = { 
		                    status: Dropzone.ADDED, 
		                    url: '{{ url(old("banner",  @$content->banner)) }}'
		                };

				        this.emit("addedfile", mockFile);

		                // And optionally show the thumbnail of the file:
		                this.emit("thumbnail", mockFile, '{{ url(old("banner", @$content->banner)) }}');

		                this.files.push(mockFile);
			        @endif
			    },
			    success: function (file, response) {
			        $('input[name=banner]').val(response.file);
			    }

			};
		// });
	</script>
@endpush