@extends('admin/admin')

	@section('content')
<!-- Breadcrumb-->
<ol class="breadcrumb">
	<li class="breadcrumb-item">{{ __('Admin') }}</li>

	<li class="breadcrumb-item">
		<a href="{{route('list_category')}}">{{ __('Campaign') }}</a>
	</li>
	<li class="breadcrumb-item active">{{__('Update Template')}}</li>
	<!-- Breadcrumb Menu-->
	<li class="breadcrumb-menu d-md-down-none">

	</li>
</ol>

<!-- Page Content -->
<div class="container-fluid login-container fakenews">
	<div class="row justify-content-center">
		<div class="col-sm-12 add-temp-col12">
			<div class="card add-temp-card">
				<div class="card-header">
					<strong>{{__('Update Template')}}</strong> 
                    <a href="{{ URL::previous() }}" class="btn btn-sm btn-primary"><i class="fa fa-dot-circle-o"></i> {{ __('Back') }}</a>
					<div class="card-header-actions">
						<a class="btn btn-sm btn-primary" href="{{url('admin/campaign/template/list/'.$template_details->campaign_id)}}" role="button"><i class="fa fa-dot-circle-o"></i> {{ __('Template List') }}</a>
					</div>

				</div>

                    @if (session()->has('success'))
				<div class="alert alert-success">
					<h6><center>{{ session('success') }}</center></h6> 
				</div>
                    @endif

					 @if ($errors->any())
				<div class="alert alert-danger">
					<ul>
							@foreach ($errors->all() as $error)
						<li>{{ $error }}</li>
							@endforeach
					</ul>
				</div><br />
					@endif

				<div class="card-body">
					
					<form class="form-horizontal add-tem-form" action="{{{ isset($template_details->id) ? route('update_save_template') : route('save_template') }}}" method="post" id="campaign_user" enctype="multipart/form-data">
						@csrf
					  <input type="hidden" name="id" value="{{$template_details->id}}"/>
					  <input type="hidden" name="campaign_id" value="{{$template_details->campaign_id}}"/>
						<div class="row fakenews-row add-temp-row">
						
							
							<div class="col-md-12 login-form-2">
								<div class="image-container">
									<img src="{{ asset('admin/img/fakenews/images.jpg') }}" class="img-live" id="image-live"/>
									
									<video width="100%" height="auto" controls id="vidoe-live" controlsList="nodownload nofullscreen ">
										<source src="movie.mp4" type="video/mp4">
									</video>
									
									<iframe width="100%" height="auto" src="" id="url-live" style="display:none;"></iframe>
									
									<div class="image-overlay">
										<div class="image-overlay-top">
											<div class="image-overlay-top-left">
												<img src="{{ asset('admin/img/fakenews/live-icon-65.png') }}" id="overlay-left"/>
											</div>
											<div class="image-overlay-top-right">
												<img src="{{ asset('admin/img/fakenews/breaking-news.png') }}" id="overlay-right" class="img-show"/>
											</div>
										</div>

										<div class="image-overlay-bottom">
											<div class="image-overlay-title">BREAKING NEWS</div>
											<div class="image-overlay-head" id="news-head">SOMETHING WENT VIRAL ONLINE</div>
											<div class="image-overlay-content"><span class="time">10:48</span><div id="news-content">"Is this really news?" Ask commenter</div></div>
										</div>

										<div class="image-overlay-bottom"></div>
									</div>
								</div>
								<div class="d-flex justify-content-center"><span class="badge badge-info mx-auto" >For Customizing the template, use ‘@’ symbol e.g. @customer_full_name@  will become ‘John Smith’</span></div>		
								<div class="login-form-1">
									<div class="form-group">
										<label for="first_name" class="required"> Choose one for upload </label>
										<div class="imgvideoupload_div">
											<label class="imgvideoupload_label" for="imgvideoupload_id_1"><input id="imgvideoupload_id_1" type="radio" name="upload_type" value="image" @if($template_details->upload_type == 'image') checked @endif  >Image</label>
											<label class="imgvideoupload_label" for="imgvideoupload_id_2"><input id="imgvideoupload_id_2" type="radio" name="upload_type" value="video" @if($template_details->upload_type == 'video') checked @endif >Video</label>
											<label class="imgvideoupload_label" for="imgvideoupload_id_3"><input id="imgvideoupload_id_3" type="radio" name="upload_type" value="url" @if($template_details->upload_type == 'url') checked @endif >URL</label>
										</div>
									</div>
									<div id="upload_file">
										<label for="first_name" class=" required">File Upload</label>
										<div class="form-group fakenews__file">
											<label for="image_main" ><path class="fakenews__path">Select File</path></label>
											<input type="file" id="image_main"  name="image_main" class="show-for-sr hide form-control" >
											<small> recommended image and  video size (1230 * 676)</small>
										</div>
									</div>
									<div class="form-group" id="image_url" style="display:none;">
										<label for="first_name" class="required">URL</label>
										<input type="text" name="image_main" value="{{__($template_details->file_path)}}" id="image-url-filed" class="fakenews__textbox form-control" placeholder="Enter You Tube URL" id="fakenews_textbox_head_url">
									</div>
									<div class="form-group">
										<label for="first_name" class="required">Sequence No</label>
										<input type="text" name="sequence_no" value="{{__($template_details->sequence_no)}}"  class="fakenews__textbox form-control" placeholder="Enter Sequence Number" id="fakenews_textbox_head_sequence_no">
									</div>
									<div class="form-group" id="breaking-nput-div">
										<label for="first_name" class="required">Breaking News Title</label>
										<input type="text" name="title" value="{{__($template_details->title)}}"  class="fakenews__textbox form-control" placeholder="Enter new title" id="fakenews_textbox_head">
									</div>
									
									<div class="form-group">
										<label for="first_name" class="required">Page Title</label>
										<input type="text" name="page_title" id="page_title" value="{{__($template_details->page_title)}}"  class="fakenews__textbox form-control" placeholder="Enter page title" id="fakenews_textbox_head_page_title">
									</div>
									
									<div class="form-group" id="introduction-input-div">                            
										<label>Introduction text:  </label>
										<textarea name="introduction" class="fakenews__textbox fakenews__textarea form-control" id="fakenews_textbox_content">{{__($template_details->introduction)}}</textarea>							
									</div>




									<div class="form-group">                            
										<label>Choose Your Logo </label>

										<div class="fakenews__logolist owl-carousel">
											
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/bbc.png') }}" alt="client"></div>
													<div class="tst-checkbox">
													
													<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control bbc-left"   value="bbc-left" @if($template_details->logo_path == 'bbc-left') checked @endif > Left</span>
													<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control bbc-right"  value="bbc-right" @if($template_details->logo_path == 'bbc-right') checked @endif > Right</span>
															
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/cnn.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control cnn-left"  value="cnn-left" @if($template_details->logo_path == 'cnn-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control cnn-right"  value="cnn-right" @if($template_details->logo_path == 'cnn-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/sky-news.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control skynews-left" id="skynews-left" value="skynews-left" @if($template_details->logo_path == 'skynews-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control skynews-right" id="skynews-right" value="skynews-right" @if($template_details->logo_path == 'skynews-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/abc-news.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control" value="abcnews-left" @if($template_details->logo_path == 'abcnews-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control" value="abcnews-right" @if($template_details->logo_path == 'abcnews-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/cnbc-news.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control" value="cnbcnews-left" @if($template_details->logo_path == 'cnbcnews-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control" value="cnbcnews-right" @if($template_details->logo_path == 'cnbcnews-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/forbes.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control" value="forbes-left" @if($template_details->logo_path == 'forbes-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control" value="forbes-right" @if($template_details->logo_path == 'forbes-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/box-business-news.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control" value="boxbusinessnews-left" @if($template_details->logo_path == 'boxbusinessnews-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control" value="boxbusinessnews-right" @if($template_details->logo_path == 'boxbusinessnews-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/fox-news.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control" value="foxnews-left" @if($template_details->logo_path == 'foxnews-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control" value="foxnews-right" @if($template_details->logo_path == 'foxnews-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/headlines-today.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control" value="headlinestoday-left" @if($template_details->logo_path == 'headlinestoday-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control" value="headlinestoday-right" @if($template_details->logo_path == 'headlinestoday-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/hln-news.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control" value="hlnnews-left" @if($template_details->logo_path == 'hlnnews-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control" value="hlnnews-right" @if($template_details->logo_path == 'hlnnews-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/msnbc-news.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control" value="msnbcnews-left" @if($template_details->logo_path == 'msnbcnews-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control" value="msnbcnews-right" @if($template_details->logo_path == 'msnbcnews-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/nbc-news.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control" value="nbcnews-left" @if($template_details->logo_path == 'nbcnews-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control" value="nbcnews-right" @if($template_details->logo_path == 'nbcnews-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
											<div class="item">
												<div class="tst-box">
													<div class="tst-img"><img src="{{ asset('admin/img/fakenews/us-world-news.png') }}" alt="client"></div>
													<div class="tst-checkbox">
														<span class="tst-checkbox-left"><input type="radio" name="logo" class="tst-left-radio form-control" value="usworldnews-left" @if($template_details->logo_path == 'usworldnews-left') checked @endif > Left</span>
														<span class="tst-checkbox-right"><input type="radio" name="logo" class="tst-right-radio form-control" value="usworldnews-right" @if($template_details->logo_path == 'usworldnews-right') checked @endif > Right</span>
													</div>
												</div>
											</div>
										</div>
									</div>


								
							</div>

								<div class="form-group">
									<label>Content text:  </label>
									<!--<div id="editor">
										<p>Going to a new place can be quite terrifying. While change and uncertainty makes us scared, traveling teaches us how ridiculous it is to be afraid of something before it happens. The moment you face your fear and see there was nothing to be afraid of, is the moment you discover bliss.</p>
									</div>-->
									<textarea name="description" id="description" class="form-control ckeditor">{{__($template_details->content)}}</textarea>	
								</div>
								@if($user_role == 2)
									<div class="form-group row">
										<label class="col-md-3 col-form-label" for="hf-location">{{ __('Location') }}:</label>
										<div class="col-md-9">
											@if(!$location_details->isEmpty())
												<select multiple="multiple" class="form-control location" name="location[]" id="location">
													@foreach($location_details as $location)
														<option value="{{$location->id}}" @if(in_array($location->id,$template_location))selected="selected"@endif>{{$location->name}}</option>
													@endforeach
												</select>
											@else
												<div class="col-md-9"> <span style="color:red;"><b>Please create location first!</b></span></div>
											@endif		
										</div>
									</div>
								@endif
								<div class="form-group ">

									<label> {{ __('Campaign') }}:  </label>
									<input type="text" name="campaign_name" value="{{$template_details->campaign->category_name}}"  class="fakenews__textbox form-control" disabled />
									


								</div>
								<div class="form-group">
									<label> {{ __('Feed') }}:</label>
									 <select class="fakenews__textbox form-control" id="hf-feed" name="feed">
										@foreach($feed_data as $feed)
											<option value="{{$feed->id}}" {{{ isset($feed->id) ? $template_details->feed_id == $feed->id? 'selected' : '' : '' }}}>{{$feed->name}}</option>
										@endforeach
									 </select>
								</div>
								
								<div class="form-group">
									<label> {{ __('Status') }}:</label>
									
									  <select class="fakenews__textbox form-control" id="hf-status" name="status">
										<option value="1" {{{ isset($template_details->status) ? $template_details->status == 1 ? 'selected' : '' : '' }}}>{{ __('Publish') }}</option>
										<option value="0" {{{ isset($template_details->status) ? $template_details->status == 0 ? 'selected' : '' : '' }}}>{{ __('Unpublish') }}</option>
									  </select>
									  
									
							  </div>
							</div>
						
						
						
						</div>
					</form>
				</div>

				<div class="card-footer">
					<button class="btn btn-sm btn-primary" id="btnSubmit" form="campaign_user" type="submit">
						<i class="fa fa-dot-circle-o"></i> {{ __('Submit') }}</button>

				</div>
			</div>
		</div>
	</div>
	@php
		$logo = $template_details->logo_path;
		$exp = explode('-',$logo);
		$logo_path = Helper::getLogoPath($exp[0]);
		$logo_position = $exp[1];
	@endphp
</div>
	@endsection 
	@section('footer-scripts')
	@parent
	
	<script>
	function get_youtube_id(youtube_url)
	{
		if (youtube_url.indexOf('?v=') > -1) {
			   var res = youtube_url.split("?v=");
			   
			  var url =  'https://www.youtube.com/embed/'+res[1];
			}
			else if(youtube_url.indexOf('youtu.be') > -1){
				var res = youtube_url.split("youtu.be/");
				var url =  'https://www.youtube.com/embed/'+res[1];
			}
			else
			{
				var url = youtube_url;
			}
			return url;
	}
	jQuery(document).ready(function() {
		
		
			CKEDITOR.instances['description'].destroy(true);
		CKEDITOR.replace( 'description', {
		  height: 300,
		    filebrowserUploadUrl: '{{ route('editor_upload',['_token' => csrf_token() ]) }}',
            filebrowserUploadMethod: 'form'
		 });

		jQuery('.fakenews__logolist').owlCarousel({
        autoplay:false,
        autoplayTimeout:6000,
        loop: false,
		rewind: true,
        margin: 40,
        dots: true,
        nav:false,
        responsive: {
          0: {
            items: 1
          },
		  635:{
			items:2
		  },
           1086: {
             items: 3
           },
          /*399: {
            items: 2
          }*/
        }
        });
	var main_image = '{{$template_details->upload_type}}';
	
	if(main_image == 'image')
	{
		jQuery('#image-live').attr("src",'{{ asset($template_details->file_path) }}');
		jQuery('#image-live').show();
		jQuery('#vidoe-live').hide();
		jQuery('#upload_file').show();
		jQuery('#url-live').hide();
		jQuery('.image-overlay').removeClass('videobottom');
		jQuery('#image-url-filed').val('');
		jQuery('.image-overlay-content').show();
		jQuery('.image-overlay-title').show();
		jQuery('.image-overlay-head').show();
		jQuery('#breaking-nput-div').show();
		jQuery('#introduction-input-div').show();
		jQuery('.image-overlay-top-left').show();
		jQuery('.image-overlay-top-right').show();
	}
	else if(main_image == 'video')
	{
		jQuery('#vidoe-live').attr("src",'{{ asset($template_details->file_path) }}');
		jQuery('#image-live').hide();
		jQuery('#vidoe-live').show();
		jQuery('#upload_file').show();
		jQuery('#url-live').hide();
		jQuery('.image-overlay').addClass('videobottom');
		jQuery('#image-url-filed').val('');
		jQuery('.image-overlay-content').hide();
		jQuery('.image-overlay-title').hide();
		jQuery('.image-overlay-head').hide();
		jQuery('#breaking-nput-div').hide();
		jQuery('#introduction-input-div').hide();
		jQuery('.image-overlay-top-left').hide();
		jQuery('.image-overlay-top-right').hide();
	}
	else if( main_image == 'url')
	{
		jQuery('#image_url').show();
		jQuery('#image-live').hide();
		jQuery('#vidoe-live').hide();
		jQuery('#upload_file').hide();
		jQuery('.image-overlay').removeClass('videobottom');
		var url = get_youtube_id('{{ $template_details->file_path }}');
		jQuery('#url-live').attr("src",url);
		jQuery('#url-live').show();
		jQuery('.image-overlay-content').hide();
		jQuery('.image-overlay-title').hide();
		jQuery('.image-overlay-head').hide();
		jQuery('#breaking-nput-div').hide();
		jQuery('#introduction-input-div').hide();
		jQuery('.image-overlay-top-left').hide();
		jQuery('.image-overlay-top-right').hide();
	}
	jQuery('#image_main').change(function(){

			var pth = $(this).val().replace("C:\\fakepath\\", "");
			jQuery(".fakenews__path").text(pth); 

			if (jQuery("#imgvideoupload_id_1").is(":checked")) 
			{			
				
				var uploadinput = jQuery('#image_main');
				uploadinput.src = URL.createObjectURL(event.target.files[0]);
				jQuery('#image-live').attr("src",uploadinput.src);

				
			}
			else if (jQuery("#imgvideoupload_id_2").is(":checked")) {

				var uploadinput = jQuery('#image_main');
				uploadinput.src = URL.createObjectURL(event.target.files[0]);
				jQuery('#vidoe-live').attr("src",uploadinput.src);
				
			}
		
		});


	jQuery(function(){
		jQuery('#news-head').text(jQuery('#fakenews_textbox_head').val());
		jQuery('#fakenews_textbox_head').keyup(function(){
		jQuery('#news-head').text(jQuery(this).val());
		});
		
		jQuery('#news-content').text(jQuery('#fakenews_textbox_content').val());
		jQuery('#fakenews_textbox_content').keyup(function(){
		jQuery('#news-content').text(jQuery(this).val());
		});

		jQuery('.tst-left-radio,.tst-right-radio').change(function(){

			var ovelayleft = jQuery('#overlay-left').attr('src');


			if (jQuery(".tst-left-radio").is(":checked")) {
				
				jQuery('#overlay-right').attr('src',"{{ asset('admin/img/fakenews/breaking-news.png') }}");
				var logochecked = $(this).parent( ".tst-checkbox-left").parent('.tst-checkbox').parent('.tst-box').find('.tst-img img').attr('src');
				jQuery('#overlay-left').attr('src',logochecked);
				jQuery('.img-show').hide();
				}
				else if (jQuery(".tst-right-radio").is(":checked")) {
					jQuery('#overlay-left').attr('src',"{{ asset('admin/img/fakenews/live-icon-65.png') }}");
					var logochecked = jQuery(this).parent( ".tst-checkbox-right").parent('.tst-checkbox').parent('.tst-box').find('.tst-img img').attr('src');
					jQuery('#overlay-right').attr('src',logochecked);
					jQuery('.img-show').show();
				}
				
		});
		
	var logo_pos = '{{$logo_position}}';
	
		if(logo_pos == 'right')
		{
			jQuery('#overlay-left').attr('src',"{{ asset('admin/img/fakenews/live-icon-65.png') }}");
			var logochecked = '{{ asset($logo_path) }}';
			jQuery('#overlay-right').attr('src',logochecked);
			jQuery('.img-show').show();
		}
		if(logo_pos == 'left')
		{
			jQuery('#overlay-right').attr('src',"{{ asset('admin/img/fakenews/breaking-news.png') }}");
			var logochecked = '{{ asset($logo_path) }}';
			jQuery('#overlay-left').attr('src',logochecked);
			jQuery('.img-show').hide();
		}

	});
		jQuery('#imgvideoupload_id_1').click(function(){
		jQuery('#image-live').show();
		jQuery('#vidoe-live').hide();
		jQuery('#image_url').hide();
		jQuery('#url-live').hide();
		jQuery('#upload_file').show();
		jQuery('.image-overlay').removeClass('videobottom');	
		jQuery('.image-overlay-content').show();
		jQuery('.image-overlay-title').show();
		jQuery('.image-overlay-head').show();
		jQuery('#breaking-nput-div').show();
		jQuery('#introduction-input-div').show();
		});
		jQuery('#imgvideoupload_id_2').click(function(){
			jQuery('#image-live').hide();
			jQuery('#vidoe-live').show();
			jQuery('#image_url').hide();
			jQuery('#url-live').hide();
			jQuery('#upload_file').show();
			jQuery('.image-overlay').addClass('videobottom');
			jQuery('.image-overlay-content').hide();
			jQuery('.image-overlay-title').hide();
			jQuery('.image-overlay-head').hide();
			jQuery('#breaking-nput-div').hide();
			jQuery('#introduction-input-div').hide();
		});
		jQuery('#imgvideoupload_id_3').click(function(){
		jQuery('#image-live').hide();
		jQuery('#vidoe-live').hide();
		jQuery('#upload_file').hide();
		jQuery('#image_url').show();
		jQuery('#url-live').show();
		jQuery('.image-overlay').removeClass('videobottom');	
		jQuery('.image-overlay-content').hide();
		jQuery('.image-overlay-title').hide();
		jQuery('.image-overlay-head').hide();
		jQuery('#breaking-nput-div').hide();
		jQuery('#introduction-input-div').hide();
		});
	jQuery('#image-url-filed').focusout(function(){
			var youtube_url = jQuery(this).val();
			if (youtube_url.indexOf('?v=') > -1) {
			   var res = youtube_url.split("?v=");
			   
			  var url =  'https://www.youtube.com/embed/'+res[1];
			}
			else if(youtube_url.indexOf('youtu.be') > -1){
				var res = youtube_url.split("youtu.be/");
				var url =  'https://www.youtube.com/embed/'+res[1];
			}
			else
			{
				var url =youtube_url;
			}
			
			jQuery('#url-live').attr("src",url);
		});
	jQuery('input[type="file"]').change(function() { 
               jQuery(this).next('.ride-error').remove();
			   jQuery('#btnSubmit').css("color", "white");
            });
	jQuery('#campaign_user input[type=text]').on('keyup',function(){
		jQuery(this).next('.ride-error').remove();
		jQuery('#btnSubmit').css("color", "white");
	});
	jQuery('#campaign_user input[type=radio]').on('change',function(){
		
		jQuery('#logo-msg').empty();
		jQuery('#btnSubmit').css("color", "white");
	});
	jQuery('textarea').on('keyup',function(){
		jQuery(this).next('.ride-error').remove();
		jQuery('#btnSubmit').css("color", "white");
	});
	 CKEDITOR.instances["description"].on('key', function() {
                jQuery('#ck_error').remove();
				jQuery('#btnSubmit').css("color", "white");
            });	
			
	jQuery('#feed').on('change',function(){
		
		jQuery(this).next('.ride-error').remove();
		jQuery('#btnSubmit').css("color", "white");
	});	
jQuery("#campaign_user").submit( function(e) {
			
			jQuery('.ride-error').remove();
			jQuery('#logo-msg').empty();
			var error_msg = 0;
			var upload_type = jQuery('input[name=upload_type]:checked').attr('id');
			
			if(upload_type == 'imgvideoupload_id_1')
			{
				
				/*if(jQuery('#image_main').val() == '')
				{
					jQuery('#image_main').after('<div class="ride-error" style="color:red;font-weight: bold;">Please select a image!</div>');
					jQuery('#image_main').focus();
					error_msg = 1;
					
				}*/
				if(jQuery.trim(jQuery('#fakenews_textbox_head').val()) == '')
				{
					
					jQuery('#fakenews_textbox_head').after('<div class="ride-error" style="color:red;font-weight: bold;">Please enter breaking news title!</div>');
					jQuery('#fakenews_textbox_head').focus();
					error_msg = 1;
				}
				if(jQuery.trim(jQuery('#fakenews_textbox_content').val()) == '')
				{
					
					jQuery('#fakenews_textbox_content').after('<div class="ride-error" style="color:red;font-weight: bold;">Please enter Introduction text!</div>');
					jQuery('#fakenews_textbox_content').focus();
					error_msg = 1;
				}
			}
			else if(upload_type == 'imgvideoupload_id_2')
			{
				/*if(jQuery('#image_main').val() == '')
				{
					jQuery('#image_main').after('<div class="ride-error" style="color:red;font-weight: bold;">Please select a video!</div>');
					jQuery('#image_main').focus();
					error_msg = 1;
				}*/
			}
			else if(upload_type == 'imgvideoupload_id_3')
			{
				if(jQuery.trim(jQuery('#image-url-filed').val()) == '')
				{
					
					jQuery('#image-url-filed').after('<div class="ride-error" style="color:red;font-weight: bold;">Please enter URL!</div>');
					jQuery('#image-url-filed').focus();
					error_msg = 1;
				}
			}
			if(jQuery.trim(jQuery('#page_title').val()) == '')
			{
				
				jQuery('#page_title').after('<div class="ride-error" style="color:red;font-weight: bold;">Please enter page title!</div>');
				jQuery('#page_title').focus();
					error_msg = 1;
			}
			if(!jQuery('input[name=logo]:checked').prop("checked"))
			{
				
				jQuery('#logo-msg').append('<div class="ride-error" style="color:red;font-weight: bold;">Please select a logo!</div>');
				jQuery('#logo-msg').focus();
					error_msg = 1;
			}
			if(CKEDITOR.instances.description.getData().length == 0)
			{
				
				jQuery('#cke_3_bottom').after('<div class="ride-error"id="ck_error" style="color:red;font-weight: bold;">Please enter Content text!</div>');
				jQuery('#description').focus();
					error_msg = 1;
			}
			if(jQuery('#feed').val() == '')
			{
				
				jQuery('#feed').after('<div class="ride-error" style="color:red;font-weight: bold;">Please select news feed!</div>');
				jQuery('#feed').focus();
					error_msg = 1;
			}
			if(error_msg == 1)
			{
				jQuery('#btnSubmit').css("color", "red");
				e.preventDefault();
			}
		});	
	
/*jQuery("#campaign_user").validate({
	rules: {
		title:{
			required: true,
			minlength:2,
			maxlength: 70,
		},
		upload_type:{
			required: true,
		},
		image_main:{
			required: true,
		},
		page_title:{
			required:true,
		},
		sequence_no:{
			number: true,
		},
		introduction:{
			required: true,
			minlength:2,
			maxlength: 150,
		},
		description: {
        required: function(textarea) {
          CKEDITOR.instances[textarea.id].updateElement(); // update textarea
          var editorcontent = textarea.value.replace(/<[^>]*>/gi, ''); // strip tags
          return editorcontent.length === 0;
        }
      },
	  category:{
		 required: true, 
	  },
		
	},
	
});*/
	
		
});
</script>

@endsection