@extends('backend.layout')

@section('content')
	<div class="panel panel-flat">
		<div class="panel-body">
			<form action="" method="POST" enctype="multipart/form-data">
				{{ csrf_field() }}
				<fieldset class="content-group">
					<legend class="text-bold">
					{{ $title }}
					<a href="{{ route('backend.app.list') }}" class="pull-right">Danh sách App</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 App</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="Ex. ITV MAX" name="name" value="{{ old('name',@$task->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('type') != null) has-error @endif">
						<label class="control-label col-lg-2 text-semibold">Loai app</label>
						<div class="col-lg-10">
							<select name="type" id="type" class="form-control select2" data-placeholder="Chọn App">
								<option value="">Chọn App</option>
								@foreach(config('vod.apps') as $key => $app)
								<option value="{{ $key }}" @if($key == old('type',@$task->type) ) selected="selected" @endif>{{ $app }}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								@if( @$errors->first('type') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('type') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('package') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Định danh</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="Ex. com.google.android.youtube" name="package" value="{{ old('package',@$task->package)  }}">
							<div class="form-control-feedback">
								 @if( @$errors->first('package') != null ) <i class="icon-notification2"></i> @endif
								</div>
							<span class="help-block">{{ @$errors->first('package') }}</span>
						</div>
					</div>

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

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

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

					<div class="form-group has-feedback @if( @$errors->first('update') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Gửi thông tin update</label>
						<div class="col-lg-10">
							<div class="checkbox checkbox-switchery">
								<label>
									<input type="checkbox" name="update" @if( old('update',@$task->update) ) checked="checked" @endif class="switchery-primary" value="1">	
								</label>
							</div>

							<div class="form-control-feedback">
								@if( @$errors->first('update') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('update') }}</span>
						</div>
					</div>

					<div class="form-group @if( @$errors->first('note') != null ) has-error  @endif  has-feedback">
						<label class="control-label col-lg-2 text-semibold">Mô tả</label>
						<div class="col-lg-10">
							<textarea name="note" class="form-control" placeholder="Nhập mô tả..">{{ old('note',@$task->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('images') != 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="images" value="{{ old('images',@$task->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>
				</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')
	<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/styling/switchery.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script>
		$(document).ready(function() {
			var elem = document.querySelector('.switchery-primary');
			var init = new Switchery(elem);

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

		        this.emit("addedfile", mockFile);

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

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

		};
	</script>
@endpush