@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.discovery.list') }}" class="pull-right">Danh sách</a>
					</legend>

					<div class="form-group has-feedback @if( @$errors->first('name') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Địa điểm</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="name" value="{{ old('name',@$user->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>

					<div class="form-group has-feedback @if( @$errors->first('address') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Địa chỉ</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="address" value="{{ old('address',@$user->address)  }}">
							<div class="form-control-feedback">
								 @if( @$errors->first('address') != null ) <i class="icon-notification2"></i> @endif
								</div>
							<span class="help-block">{{ @$errors->first('address') }}</span>
						</div>
					</div>

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

					<div class="form-group has-feedback @if( @$errors->first('provin_id') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Tỉnh</label>
						<div class="col-lg-10">
							<select class="form-control select2" name="provin_id">
								<option value="">Chọn khu vực</option>
								@foreach($provins as $cate)
								<option value="{{$cate->id}}" @if( old('provin_id',@$user->provin_id) == $cate->id ) selected="true" @endif>{{ $cate->name }}</option>
								@endforeach
							</select>
							{{-- <input type="text" class="form-control" placeholder="" name="cate_id" value="{{ old('cate_id',@$user->cate_id)  }}"> --}}
							<div class="form-control-feedback">
								 @if( @$errors->first('provin_id') != null ) <i class="icon-notification2"></i> @endif
								</div>
							<span class="help-block">{{ @$errors->first('provin_id') }}</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">{{ old('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('image') != null ) has-error  @endif  has-feedback">
						<label class="control-label col-lg-2 text-semibold">Ảnh</label>
						<div class="col-lg-5">
							<div action="{{ route('backend.file.uploadImage') }}" class="dropzone" id="upload-image" style="min-height:220px;"></div>
							<input type="hidden" name="image" value="{{ old('image',@$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 class="col-lg-5">
							<div action="{{ route('backend.file.uploadImage') }}" class="dropzone" id="upload-map" style="min-height:220px;"></div>
							<input type="hidden" name="map" value="{{ old('map',@$user->map) }}" >
							<div class="form-control-feedback">
								@if( @$errors->first('map') != null ) <i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('map') }}</span>
						</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('styles')
	
@endpush

@push('scripts')
	<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 khám phá',
		    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',@$user->image) != null)
		        var mockFile = { 
	                status: Dropzone.ADDED, 
	                url: '{{ url(old("image",@$user->image)) }}'
	            };

		        this.emit("addedfile", mockFile);

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

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

		Dropzone.options.uploadMap = {
		    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 ảnh map',
		    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('map',@$user->map) != null)
		        var mockFile = { 
	                status: Dropzone.ADDED, 
	                url: '{{ url(old("map",@$user->map)) }}'
	            };

		        this.emit("addedfile", mockFile);

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

	            this.files.push(mockFile);
		        @endif
		    },
		    success: function (file, response) {
		        $('input[name=map]').val(response.file);
		    }
		};
	</script>
@endpush