@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;
}
.backdrop {

}
.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">Add Video</span>
	</h1>

	<form name="addvideo" id="addvideoform" action="javascript:void(0);" enctype="multipart/form-data" method="post" accept-charset="utf-8">
		<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">
				<h4>Video Title</h4>
	<input id="video_title" type="text" name="video_title" placeholder="Video Title" class="form-control" required>
			</div>
		</div>
		
		<div class="card">
			<div class="card-body">
			<h4>Youtube URL Id</h4>
			<input id="youtube_id" type="text" name="youtube_id" placeholder="Youtube url Id" class="form-control" required>
				
				
			</div>
		</div>
		<div class="clearfix"></div>

		<div class="card">
			<div class="card-body">
				<button class="btn btn-primary" id="submit_video" type="submit">
		<i class="icon icon-paper-plane"></i> Publish 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 = $('#addvideoform')[0];
	var formData = new FormData(form);
	formData.append('video_title', $('#video_title').val());
	formData.append('youtube_id', $('#youtube_id').val());
	

     if( $('#video_title').val() == null
        || $('#youtube_id').val() == null
        || error_sponsorship
        || error_datetime)
	 {
		 return;
	 }
	 else
	 {

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

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

						  return;

					   }
					 });

	 }

	});

</script>
@endpush