@extends('layouts.master')

@push('page-style')
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css" rel="stylesheet">
<style>
.btn-default {
	background-color: #1e8ad2;
	border-color: #1e8ad2;
}
.loader {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: rgba(60, 60, 60, 0.5);
}
</style>
@endpush
@section('page-content')
<div class="row gutter-xs backdrop">
	<h1 class="title-bar-title" style="margin-bottom: 20px">
		<span class="d-ib">Edit Video</span>
	</h1>

	<form name="addvideo" id="editvideoform" action="{{ route('update_video') }}" enctype="multipart/form-data" method="post" accept-charset="utf-8">
	{{ csrf_field() }}
		<div class="loader">
			<div class="spinner spinner-primary spinner-lg"></div>
		</div>
	<div class="col-md-8">
		<div class="card">
			<div class="card-header no-border">
	<input id="video_title" type="text" name="video_title" placeholder="Video Title" class="form-control" value="{{$video[0]->video_title}}" required>
	<input id="video_id" type="hidden" name="video_id" value="{{$video[0]->id}}">
			</div>
		</div>
		
		<div class="card">
			<div class="card-body">
			<input id="youtube_id" type="text" name="youtube_id" placeholder="Youtube Ids" class="form-control" value="{{$video[0]->youtube_id}}" required>
				
			</div>
		</div>
		<iframe width="560" height="315" src="https://www.youtube.com/embed/{{$video[0]->youtube_id}}?autoplay=0&autohide=1&controls=1&showinfo=0&modestbranding=1&rel=0"></iframe>
		<div class="clearfix"></div>

		<div class="card">
			<div class="card-body">
				<button class="btn btn-outline-primary btn-lg btn-block" id="submit_video" type="submit">
		<i class="icon icon-paper-plane"></i> Save Video
	</button>
			</div>
		</div>
		
	</div>

	{{-- end of col-xs-8 --}}

	

	
	
</form>
</div>
@endsection
@push('page-script')

<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>

<script>

	$('#summernote').summernote({
		height: 250,
		minHeight: null,
		maxHeight: null,
		focus: true,
		placeholder: 'Enter Description',
		toolbar: [
		[ 'font', [ 'bold', 'italic', 'underline','clear'] ],
		[ 'para', [ 'ol', 'ul'] ],
		[ 'view', [ 'undo', 'redo', 'fullscreen'] ]
		]
	});


// $(document).on('click','#submit_video',function() {
		
// 		var error_sponsorship = false;
// 		var error_datetime = false;

// 		// alert()


// 	var form = $('#editvideoform')[0];
// 	var formData = new FormData(form);
// 	formData.append('video_title', $('#video_title').val());
// 	formData.append('youtube_id', $('#youtube_id').val());
// 	formData.append('id', $('#video_id').val());
	
// 	// alert(formData);
//      if( $('#video_title').val() == null
//         || $('#youtube_id').val() == null
//         || error_sponsorship
//         || error_datetime)
// 	 {
// 		 return;
// 	 }
// 	 else
// 	 {

// 		 $('.loader').show();
// 			   $.ajax({
// 					   url: "{{ route('update_video') }}",
// 					   method: "POST",
// 					   data: formData,
// 					   enctype: 'multipart/form-data',
// 					   processData: false,
// 					   contentType: false,
// 					   cache: false,
// 					   success: function(html){
// 					   	// alert(html);
// 						   $('.loader').hide();
// 						  alert("Update Successfully");

// 						  window.location.href = '{{route('get_videos')}}';

// 						  return;

// 					   }
// 					 });

// 	 }

// 	});

</script>
@endpush