@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() }}
				
				<h3>Thông tin</h3>
				<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" 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('orderBy') != null ) has-error  @endif ">
								<label>Sắp sếp </label>
								<input type="number" class="form-control" placeholder="Nhập giá ở đây" name="orderBy" value="{{ old('orderBy',@$content->orderBy)  }}">
								<div class="form-control-feedback">
									 @if( @$errors->first('orderBy') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('orderBy') }}</span>
							</div>

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

							<div class="form-group @if( @$errors->first('images') != null ) has-error  @endif  has-feedback">
								<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="images" value="{{ old('images',@$content->images) }}" >
								<div class="form-control-feedback">
									@if( @$errors->first('images') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('images') }}</span>
							</div>
						</div>

						<!-- Thuộc tính -->
						<div class="col-md-6">
							
							<div class="form-group has-feedback @if( @$errors->first('countries') != null ) has-error  @endif ">
								<label>Quốc gia </label>
								<select class="form-groupcontrol" name="countries[]" multiple="multiple" data-placeholder="Chọn quốc gia">
									<option value=""></option>
									@foreach($country as $countr)
									<option value="{{ $countr->id }}" @if(in_array($countr->id,(array)old('countries',@$countryIn))) selected="selected" @endif>{{ $countr->vi_name  != null ? $countr->vi_name : $countr->name }}</option>
									@endforeach
								</select>
								<div class="form-control-feedback">
									 @if( @$errors->first('countries') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('countries') }}</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 danh mục">
									<option value=""></option>
									@foreach($cagegories as $cate)
									<option value="{{ $cate->id }}" @if(in_array($cate->id,(array)old('cates',@$cateIn))) selected="selected" @endif>{{ $cate->display_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('packages') != null ) has-error  @endif ">
								<label>Packages</label>
								<select class="form-groupcontrol" name="packages[]" multiple="multiple" data-placeholder="Chọn Packages">
									<option value=""></option>
									@foreach($packages as $pack)
									<option value="{{ $pack->id }}"  @if(in_array($pack->id,(array)old('packages',@$packIn))) selected="selected" @endif>{{ $pack->name }}</option>
									@endforeach
								</select>
								<div class="form-control-feedback">
									 @if( @$errors->first('packages') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('packages') }}</span>
							</div>
							
							<div class="form-group has-feedback @if( @$errors->first('properties[actors]') != null ) has-error  @endif ">
								<label>Diễn viên </label>
								<input type="text" class="form-control" placeholder="Nhập vào diễn viên" name="properties[actors]" value="{{ old('properties',@$content->properties)['actors']  }}">
								<div class="form-control-feedback">
									 @if( @$errors->first('properties[actors]') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('properties[actors]') }}</span>
							</div>

							<div class="form-group has-feedback @if( @$errors->first('properties[director]') != null ) has-error  @endif ">
								<label>Đạo diễn </label>
								<input type="text" class="form-control" placeholder="Nhập vào cho thể loại phim, ca nhạc" name="properties[director]" value="{{ old('properties',@$content->properties)['director']  }}">
								<div class="form-control-feedback">
									 @if( @$errors->first('properties[director]') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('properties[director]') }}</span>
							</div>

							<div class="form-group has-feedback @if( @$errors->first('properties[release_date]') != null ) has-error  @endif ">
								<label>Ngày phát hành </label>
								<input type="text" class="form-control date" id="release_date" placeholder="Nhập vào cho thể loại phim, ca nhạc" name="properties[release_date]" value="{{ old('properties',@$content->properties)['release_date']  }}">
								<div class="form-control-feedback">
									 @if( @$errors->first('properties[release_date]') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('properties[release_date]') }}</span>
							</div>

							<div class="form-group has-feedback @if( @$errors->first('properties[expiration_date]') != null ) has-error  @endif ">
								<label>Ngày hết hạn </label>
								<input type="text" class="form-control date" id="expiration_date" placeholder="Nhập vào cho thể loại phim, ca nhạc" name="properties[expiration_date]" value="{{ old('properties',@$content->properties)['expiration_date']  }}">
								<div class="form-control-feedback">
									 @if( @$errors->first('properties[expiration_date]') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('properties[expiration_date]') }}</span>
							</div>

							<div class="form-group has-feedback @if( @$errors->first('properties[public_date]') != null ) has-error  @endif ">
								<label>Ngày khởi chiếu </label>
								<input type="text" class="form-control date" id="public_date" placeholder="Nhập vào cho thể loại phim, ca nhạc" name="properties[public_date]" value="{{ old('properties',@$content->properties)['public_date']  }}">
								<div class="form-control-feedback">
									 @if( @$errors->first('properties[public_date]') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('properties[public_date]') }}</span>
							</div>

						</div>
					</div>
				</fieldset>

				<div class="text-right">
					<button type="submit" class="btn btn-primary">{{ ( isset($id) ? 'Cập nhật' :'Thêm mới') }}<i class="icon-file-plus position-right"></i></button>
				</div>				
			</form>
		</div>
	</div>

@endsection

@push('scripts')
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/wizards/steps.min.js')}}"></script>
	<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/ui/moment/moment.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/pickers/anytime.min.js')}}"></script>
	<script>
		// document.addEventListener('DOMContentLoaded', function() {
			$("#release_date, #public_date, #expiration_date").AnyTime_picker({
		        format: "%d-%m-%Z"
		    });
		    // --------------------------
		    $('select').select2({
		        minimumResultsForSearch: Infinity,
		    });

		    // ------------------------------------
		    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('images',@$content->images) != null)
			        var mockFile = { 
	                    status: Dropzone.ADDED, 
	                    url: '{{ url(old("images",@$content->images)) }}'
	                };

			        this.emit("addedfile", mockFile);

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

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

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