@extends('news.layout')
    @section('content')
    <div class="container	top_block">
			
        <div class="row">
                <div class="col-md-12">
                <h1 class="my-2 top-title">
				@if($news['page_title'] != '')
					{{$news['page_title']}}
				@else
					{{$news['title']}}
				@endif	
				</h1>
                <p id="news-datetime">  </p>
				
				<!--p><b>Share News</b></p-->
				<div class="top-share">
                <a class="twittersharelink" data-shareurl="{{url('/news/'.$news['news_url'])}}"><!--img src="{{asset('news/images/twitter.png')}}"--><i class="fab fa-twitter" aria-hidden="true"></i><span>Tweet</span></a>
                <a class="fbsharelink" data-shareurl="{{url('/news/'.$news['news_url'])}}"><!--img src="{{asset('news/images/facebook.png')}}"--><i class="fab fa-facebook-f" aria-hidden="true"></i><span>Like</span></a>
               <a class="whatsapplink" href="https://api.whatsapp.com/send?text={{url('/news/'.$news['news_url'])}}" data-action="share/whatsapp/share" target="_blank"><!--img src="{{asset('news/images/whatsapp.png')}}" class="count" data-name="whatsapp"/--><i class="fab fa-whatsapp" aria-hidden="true"></i><span>Share</span></a>
            </div>
                <hr>
        </div>
  <!-- Blog Entries Column -->
    <div class="col-md-8 blog-new">
          <!-- Blog Post -->
          <div class="card card_new mb-4">
			<!-- <img class="card-img-top" src="images/4713825_ezgif-com-gif-maker.jpg" alt="Card image cap"> -->
	           	<div class="image-container">
                @if($news['upload_type']=='image')
	          			<img src="{{$news['file_path']}}" class="img-live" id="image-live"/>
		          	@elseif($news['upload_type']=='url')
					
					<iframe width="100%" height="auto" src="{{ Helper::create_youtube_url($news['file_path']) }}" id="url-live"></iframe>
					@else
                <video width="100%" height="auto" controls id="vidoe-live" controlsList="nodownload nofullscreen ">
										<source src="{{$news['file_path']}}" type="video/mp4">
									</video> 
                @endif   
					@if($news['upload_type']=='image')
                    <div class="image-overlay is_image">
					@else
					<div class="image-overlay is_video">
					@endif 
	                		<div class="image-overlay-top">
							@if($news['upload_type']=='image')
						   <div class="image-overlay-top-left">
                            @if($logo_position == 'left')
                            <img src="{{$logo_path}}" />
                            @else
                            <img src="{{ $live_icon}}" />
                            @endif
			                </div>
		                 	<div class="image-overlay-top-right">
                           @if($logo_position == 'right')
                          <img src="{{$logo_path}}" />
                          @endif  
		              		</div>
							@endif
			             </div>
						 @if($news['upload_type']=='image')
		           	<div class="image-overlay-bottom">
		              	<div class="image-overlay-title">BREAKING NEWS</div>
		                   	<div class="image-overlay-head" id="news-head">{{$news['title']}}</div>
							
		                   	<div class="image-overlay-content"><span class="time news-time"></span><div id="news-content">{{$news['introduction']}}</div></div>
							
							</div>
							@endif	
		                  	<div class="image-overlay-bottom"></div>
			                	</div>
								</div>
                    <div class="card-body">
                          <!-- <h2 class="card-title">{{$news['title']}}</h2> -->
                         
                          <div class="short"><p>{!! str_limit(strip_tags(html_entity_decode($news['content'])),100,'...') !!}</p></div>
                          <div class="content">
                                 {!!  html_entity_decode($news['content']) !!}
                            <a class="btn btn-primary  hide" >Read less →</a>
                           </div>
                           @if (strlen(strip_tags(html_entity_decode($news['content']))) > 100)
                           <a class="btn btn-primary show" >Read More →</a>
                           @endif
                         
                <br>
               <!-- Your share button code -->
               
                <br>
                <div class="top-share">
                <a class="twittersharelink" data-shareurl="{{url('/news/'.$news['news_url'])}}"><!--img src="{{asset('news/images/twitter.png')}}"--><i class="fab fa-twitter" aria-hidden="true"></i><span>Tweet</span></a>
                <a class="fbsharelink" data-shareurl="{{url('/news/'.$news['news_url'])}}"><!--img src="{{asset('news/images/facebook.png')}}"--><i class="fab fa-facebook-f" aria-hidden="true"></i><span>Like</span></a>
               <a class="whatsapplink" href="https://api.whatsapp.com/send?text={{url('/news/'.$news['news_url'])}}" data-action="share/whatsapp/share" target="_blank"><!--img src="{{asset('news/images/whatsapp.png')}}" class="count" data-name="whatsapp"/--><i class="fab fa-whatsapp" aria-hidden="true"></i><span>Share</span></a>
            </div>
                </div>
          </div>
        </div>
  <!-- Sidebar Widgets Column -->
    <div class="col-md-4">
<!-- Side Widget -->
         <div class="card card_new">
               <!--h5 class="card-header card-header_new">Recent Posts</h5-->
                 <div class="card-body recent_post_card">
                 @php $i=0; @endphp
                 @foreach($rss->channel->item as $item) 
                    @php 
                        $mediaArray = $item->xpath('media:thumbnail');                                
                        $media = end($mediaArray);                                                    
                        $src   = $media->attributes()->url;
						$surl = str_replace('70x70', '768x432', $src);
                    @endphp    
                    @if($i < 4)
                    <div class="row">
                        <div class="col-4 col-sm-4 col-md-4">
                        <a href="{{$item->link}}" target="_blank">   <img src="{{$surl}}" alt="" class="img-thumbnail img-responsive"> </a>
                        </div>
                        <div class="col-8 col-sm-8 col-md-8">
                          <span class="date"><i class="far fa-calendar-alt"></i> {{ \Carbon\Carbon::parse($item->pubDate)->formatLocalized('%a, %d %b %Y')}}</span>
                          <a href="{{$item->link}}" target="_blank" class="card-text">{{$item->title}}</a>
                    </div>
                 </div>
                  
                    @php $i++; @endphp
                   @endif
                   @endforeach  
                    </div>
                 </div>
            </div>
    <div class="col-sm-12 col-md-12 col-lg-12">
  
    <div class="row post-block-row">
    @foreach($rss->channel->item as $item) 
                    @php 
                        $mediaArray = $item->xpath('media:thumbnail');                                
                        $media = end($mediaArray);                                                    
                        $src   = $media->attributes()->url;
                        $url = str_replace('70x70', '384x216', $src);
                      
                    @endphp    
                    @if($i > 7)      
        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 post_block">
            <div class="panel panel-default news-panel-default">
                <div class="panel-body">
                  <a href="{{$item->link}}"  target="_blank"><img src="{{$url}}" alt="" class="img-thumbnail img-responsive">
                    <div class="detail_block">
                    <h3>{{$item->title}}</h3></a>
					<p class="detail_block-date"><i class="far fa-calendar-alt"></i> {{ \Carbon\Carbon::parse($item->pubDate)->formatLocalized('%a, %d %b %Y')}}</p>
                    <p class="detail_block-text"> {!! str_limit(strip_tags(html_entity_decode($item->description)),120,'...') !!}</p> 
                    </div>
                </div>
            </div>
        </div>
          <hr>
          @endif
          @php $i++; @endphp
          @endforeach
		  
		
</div>
</div>
</div>



    @endsection