@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.partner.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">Tên quảng cáo</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('content') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Link video</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="content" value="{{ old('content',@$user->content)  }}">
							<div class="form-control-feedback">
								 @if( @$errors->first('content') != null ) <i class="icon-notification2"></i> @endif
								</div>
							<span class="help-block">{{ @$errors->first('content') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('price') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Giá</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="price" value="{{ old('price',@$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="form-group has-feedback @if( @$errors->first('cate_id') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Danh mục</label>
						<div class="col-lg-10">
							<select name="cate_id" class="form-control select2" data-placeholder="Chọn danh mục quảng cáo">
								<option value="">Chọn danh mục quảng cáo</option>
								@foreach($cates as $ins)
								<option value="{{ $ins->id }}" @if($ins->id == old('cate_id',@$user->cate_id) ) selected="selected" @endif>{{ $ins->name }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								@if( @$errors->first('cate_id') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('cate_id') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('partner_id') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Đối tác</label>
						<div class="col-lg-10">
							<select name="partner_id" class="form-control select2" data-placeholder="Chọn đối tác">
								<option value="">Chọn đối tác</option>
								@foreach($partners as $ins)
								<option value="{{ $ins->id }}" @if($ins->id == old('partner_id',@$user->partner_id) ) selected="selected" @endif>{{ $ins->name }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								@if( @$errors->first('partner_id') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('partner_id') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('countrie_id') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Đối tượng ( quốc gia)</label>
						<div class="col-lg-10">
							<select name="countrie_id" class="form-control select2" data-placeholder="Chọn quốc gia">
								<option value="">Chọn quốc gia</option>
								@foreach($countries as $ins)
								<option value="{{ $ins->id }}" @if($ins->id == old('countrie_id',@$user->countrie_id) ) selected="selected" @endif>{{ $ins->vi_name ? $ins->vi_name : $ins->name }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								@if( @$errors->first('countrie_id') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('countrie_id') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('note') != 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="note">{{ old('note',@$user->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>

					<div class="form-group @if( @$errors->first('avatar') != 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" style="min-height:220px;"></div>
							<input type="hidden" name="avatar" value="{{ old('avatar',@$user->avatar) }}" >
							<div class="form-control-feedback">
								@if( @$errors->first('avatar') != null ) <i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('avatar') }}</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/forms/selects/select2.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/uploaders/dropzone.min.js')}}"></script>
	<script>
		$('.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;
		        });

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

		        this.emit("addedfile", mockFile);

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

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

		};
	</script>	
@endpush