@extends('backend.layout')

@section('content')
	<div class="panel panel-flat">
		<div class="panel-body">
			<form action="" method="POST">
				{{ csrf_field() }}
				<fieldset class="content-group">
					<legend class="text-bold">
					{{ $title }}
					<a href="{{ route('backend.categorys.list') }}" class="pull-right">Danh sách danh mục</a>
					</legend>

					<div class="form-group has-feedback @if( @$errors->first('display_name') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Tên danh mục</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="Ex. Korea TV" name="display_name" value="{{ $user->display_name  }}">
							<div class="form-control-feedback">
								 @if( @$errors->first('display_name') != null ) <i class="icon-notification2"></i> @endif
								</div>
							<span class="help-block">{{ @$errors->first('display_name') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('code') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Mã danh mục</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="Ex. Korea" name="code" value="{{ $user->code  }}">
							<div class="form-control-feedback">
								 @if( @$errors->first('code') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('code') }}</span>
						</div>
					</div>

					<div class="clearfix"></div>
					<div class="form-group has-feedback @if( @$errors->first('parent_id') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Danh mục cha</label>
						<div class="col-lg-10">
							<select class="form-control select2" name="parent_id" title="Sắp sếp theo thời gian" title="Chọn nhóm" searchable="Loại danh mục">
								<option value="">Chọn danh mục</option>
								@foreach($parents as $cate)
								<option value="{{$cate->id}}" @if(@$user->subcategorie->id == $cate->id) selected @endif>{{ $cate->display_name }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								<!-- <i class="icon-notification2"></i> -->
							</div>
							<span class="help-block">{{ @$errors->first('parent_id') }}</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="form-group has-feedback @if( @$errors->first('country_id') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Quốc gia</label>
						<div class="col-lg-10">
							<select class="form-control select2" name="country_id"  data-allow-clear="true"  data-placeholder="Chọn quốc gia">
								<option value="">Chọn quốc gia</option>
								@foreach($countries as $country)
								<option value="{{$country->id}}"  @if(@$user->country_id == $country->id) selected @endif>{{ $country->name }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								<!-- <i class="icon-notification2"></i> -->
							</div>
							<span class="help-block">{{ @$errors->first('country_id') }}</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="form-group has-feedback @if( @$errors->first('type') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Loại danh mục</label>
						<div class="col-lg-10">
							<select class="form-control select2" name="type[]" multiple="multiple" data-placeholder="Chọn loại danh mục" >
								<option value="">Chọn loại</option>
								@foreach($types as $nameType => $type)
								<option value="{{$nameType}}" @if( in_array($nameType,(array)old('type',$user->type)) ) selected="selected" @endif>{{ $type }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								<!-- <i class="icon-notification2"></i> -->
							</div>
							<span class="help-block">{{ @$errors->first('type') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('description') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Mô tả</label>
						<div class="col-lg-10">
							<textarea type="text" class="form-control" placeholder="Ex. Nhập mô tả ở đây" name="description">{{ $user->description  }}</textarea>
							<div class="form-control-feedback">
								@if( @$errors->first('description') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('description') }}</span>
						</div>
					</div>

					<div class="form-group @if( @$errors->first('price') != null ) has-error  @endif  has-feedback">
						<label class="control-label col-lg-2 text-semibold">Order</label>
						<div class="col-lg-10">
							<input type="number" class="form-control" placeholder="Ex. 123456..." name="price" value="{{ $user->price  }}">
							<div class="form-control-feedback">
								@if( @$errors->first('price') != null ) <i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('price') }}</span>
						</div>
					</div>

					<div class="clearfix"></div>
					<div class="form-group @if( @$errors->first('image') != null ) has-error  @endif  has-feedback">
						<label class="control-label col-lg-2 text-semibold">Ảnh đại diện</label>
						<div class="col-lg-10">
							<div action="{{ route('backend.file.uploadImage') }}" class="dropzone" id="upload-image"></div>
							<input type="hidden" name="image" value="{{$user->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>

				</fieldset>

				<div class="text-right">
					<button type="submit" class="btn btn-primary">Cập nhật <i class="icon-file-plus position-right"></i></button>
				</div>
			</form>

		</div>
	</div>
@endsection

@push('styles')
	<style>
		.multiselect-filter .input-group-addon{
			display:none;
		}
		.multiselect-filter .input-group-btn .multiselect-clear-filter{
			opacity: 0;
		}
		.dropzone{
			min-height: 200px;
		}
	</style>
@endpush

@push('scripts')
	<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/selects/select2.min.js')}}"></script>
	<script>
		$(document).ready(function() {
			$('.select2').select2();
		});
		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;
		        });

		        var mockFile = { 
                    status: Dropzone.ADDED, 
                    url: '{{ url($user->image) }}'
                };

		        this.emit("addedfile", mockFile);

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

                this.files.push(mockFile);

		    },
		    success: function (file, response) {
		        $('input[name=image]').val(response.file);
		    }

		};
	</script>
@endpush