@extends('backend.layout')

@section('content')
	<div class="panel panel-flat">
		<div class="panel-body">
			<legend class="text-bold">
			{{ $title }}
			<a href="{{ route('backend.chanel.list') }}" 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 kênh </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('sub_name') != null ) has-error  @endif ">
								<label>Subname </label>
								<input type="text" class="form-control" placeholder="Subname..." name="sub_name" value="{{ old('sub_name',@$content->sub_name)  }}">
								<div class="form-control-feedback">
									 @if( @$errors->first('sub_name') != null ) <i class="icon-notification2"></i> @endif
									</div>
								<span class="help-block">{{ @$errors->first('sub_name') }}</span>
							</div>

							<div class="form-group has-feedback @if( @$errors->first('code') != null ) has-error  @endif ">
								<label>Mã kênh </label>
								<input type="text" class="form-control" placeholder="Nhập code ở đây" name="code" value="{{ old('code',@$content->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 class="form-group has-feedback @if( @$errors->first('orderBy') != null ) has-error  @endif ">
								<label>Thứ tự hiển thị (sắp sếp)</label>
								<input type="number" class="form-control" placeholder="Nhập ở đâ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" rows="5" 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="clearfix"></div>
							<div class="form-group has-feedback">
								<label class="control-label text-semibold">Cacth-up (ghi lại)</label>

								<div class="checkbox checkbox-switchery">
									<label>
										<input type="checkbox" name="catch_up" class="switchery-primary" @if(old('catch_up',@$content->catch_up)) checked="checked" @endif>	
									</label>
								</div>
								<div class="form-control-feedback">
									<!-- <i class="icon-notification2"></i> -->
								</div>
								<span class="help-block"></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 @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>
					</div>
				</fieldset>

				@if(isset($id))
				<h3>Danh sách link</h3>
				<fieldset>
					<table class="table table-bordered table-striped" id="list-link">
						<tbody>
							@foreach($content->streams as $key => $link)
							@if(!$link->deleted_at)
							<tr>
								<td>
									<div class="row">
										<div class="col-md-12">
											<div class="form-group has-feedback @if( @$errors->first('link') != null ) has-error  @endif ">
												<label>Link </label>
												<input type="text" class="form-control" disabled placeholder="Nhập link ở đây" value="{{ old('link',$link->link)  }}">
												<div class="form-control-feedback">
													 @if( @$errors->first('link') != null ) <i class="icon-notification2"></i> @endif
													</div>
												<span class="help-block">{{ @$errors->first('link') }}</span>
											</div>
										</div>

										<div class="col-md-4">
											<div class="form-group has-feedback @if( @$errors->first('title') != null ) has-error  @endif ">
												<label>Title </label>
												<input type="text" class="form-control" disabled placeholder="Link phim tập 1" value="{{ $link->title  }}">
												<div class="form-control-feedback">
													 @if( @$errors->first('title') != null ) <i class="icon-notification2"></i> @endif
													</div>
												<span class="help-block">{{ @$errors->first('title') }}</span>
											</div>
										</div>

										<div class="col-md-2">
											<div class="form-group has-feedback @if( @$errors->first('type') != null ) has-error  @endif ">
												<label>Server</label>
				                                <select disabled data-placeholder="Chọn server" class="select">
				                                    @foreach($vods['server'] as $codeType => $val)
				                                    <option value="{{ $codeType }}" @if($codeType == $link->type) selected="selected" @endif>{{ $val }}</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="col-md-2">
				                            <div class="form-group has-feedback @if( @$errors->first('type_stream') != null ) has-error  @endif ">
												<label>Định dạng</label>
				                                <select disabled data-placeholder="Chọn định dạng" class="select">
				                                    @foreach($vods['type_stream'] as $codeType => $val)
				                                    <option value="{{ $codeType }}" @if($codeType == $link->type_stream) selected="selected" @endif>{{ $val }}</option>
				                                    @endforeach
				                                </select>
				                                <div class="form-control-feedback">
													 @if( @$errors->first('type_stream') != null ) <i class="icon-notification2"></i> @endif
													</div>
												<span class="help-block">{{ @$errors->first('type_stream') }}</span>
				                            </div>
				                        </div>

				                        <div class="col-md-2">
				                            <div class="form-group has-feedback @if( @$errors->first('quality') != null ) has-error  @endif ">
												<label>Chất lượng</label>
				                                <select disabled data-placeholder="Chọn chất lượng" class="select">
				                                    @foreach($vods['quality'] as $item)
				                                    <option value="{{ $item }}" @if($item == $link->quality) selected="selected" @endif>{{ $item }}</option>
				                                    @endforeach
				                                </select>
				                                <div class="form-control-feedback">
													 @if( @$errors->first('quality') != null ) <i class="icon-notification2"></i> @endif
													</div>
												<span class="help-block">{{ @$errors->first('quality') }}</span>
				                            </div>
				                       	</div>

				                        <div class="col-md-2">
				                            <div class="form-group has-feedback @if( @$errors->first('protocol') != null ) has-error  @endif ">
												<label>Giao thức</label>
				                                <select disabled data-placeholder="Chọn giao thức" class="select">
				                                    @foreach($vods['protocol'] as $item)
				                                    <option value="{{ $item }}" @if($item == $link->protocol) selected="selected" @endif>{{ $item }}</option>
				                                    @endforeach
				                                </select>
				                                <div class="form-control-feedback">
													 @if( @$errors->first('protocol') != null ) <i class="icon-notification2"></i> @endif
													</div>
												<span class="help-block">{{ @$errors->first('protocol') }}</span>
				                            </div>
										</div>

									</div>
								</td>
							</tr>
							@endif
							@endforeach
						</tbody>
					</table>
					<br>
					<div class="text-center">
						<a href="{{ route('backend.chanel.addLink',$id) }}" class="btn btn-success" target="_blank">Thêm link</a>
					</div>
				</fieldset>	
				@endif
				<br>
				<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>
		.table-striped>tbody>tr:nth-of-type(odd){
			background-color: #ccc;
		}
		.dz-image img{
			max-width: 200px !important;
		}
	</style>
@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/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>
		$(document).ready(function() {
			$('.multiselect').multiselect({
				enableFiltering: true,
            	// filterBehavior: 'value'
            	nonSelectedText: 'Chọn nhóm quản trị'
			});
			
			var elems = Array.prototype.slice.call(document.querySelectorAll('.switchery-primary'));

			elems.forEach(function(html) {
			  	var switchery = new Switchery(html);
			});
		});

		// document.addEventListener('DOMContentLoaded', function() {
		    // --------------------------
		    $('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