@extends('layouts.web')
@section('content')
<script>
  	gtag('event', 'screen_view', {
    	'app_name': 'sopisconews',
    	'screen_name': 'Home'
  	});
</script>
<!-- content-section 
	================================================== -->
<section id="content-section">
	<div class="container">

		<div class="row">
			<div class="col-lg-8">
				<!-- Posts-block -->
				<div class="posts-block articles-box">
					@foreach ($news_list as $key => $value)
						<div class="news-post article-post">
							<h2><a style="color: #004b70;font-weight: 700;">{{$value->name}}</a></h2>
							<h3><strong>{{$value->create_date}}</strong></h3>
							<div class="row">
								<div class="col-sm-5">
									<div class="post-image">
										<a href="{{URL::to('newsdetails/'.$value->news_id)}}">
											<img src="{{asset('public/'.$value->image)}}" alt="">
										</a>
									</div>
								</div>
								<div class="col-sm-7">
									<p style="text-align: justify;font-size: 14px;">{{$value->short_description}}</p>
									<a style="color: #375d9b;font-size: 15px;font-weight: 700;" href="{{URL::to('newsdetails/'.$value->news_id)}}">{{ __('lang.read_more')}} »</a>
								</div>
							</div>

							<h3>Advertisement</h3>
							<div class="flexslider">
								<ul class="slides">
									@foreach ($value->banners as $key => $banners)
										@if($banners->banner_type=='videos')
											<li>
												<div class="row news-post large-image-post" style="background: #f5f5f5;margin-bottom: -5px;">
													<div class="col-6" style="display: table;">
														<p style="color: #000;font-size: 18px;font-weight: 600;margin: 6px 10px;display: table-cell;vertical-align: middle;text-align: center;">{{$banners->link}}</p>
													</div>
													<div class="col-6 text-right">
														<a><video src="{{asset('public/'.$banners->banner)}}" width="336" height="160" loop="true" autoplay="autoplay" controls muted></video></a>
													</div>
												</div>
											</li>
										@else
											<li>
												<div class="news-post large-image-post">
													<a href="{{$banners->link}}" target="_blank"><img src="{{asset('public/'.$banners->banner)}}" alt=""></a>
												</div>
											</li>
										@endif
									@endforeach
								</ul>
							</div>
						</div>
					@endforeach
					<ul class="pagination-list">
						@if($news_list->count()==0)
			            <div class="shop_toolbar t_bottom text-center">
			                Not Data Found!
			            </div>
			            @endif
			            @if($news_list->count()>=0)
			                {{$news_list->render()}}
			            @endif
			        </ul>
				</div>
				<!-- End Posts-block -->

			</div>

			<div class="col-lg-4 sidebar-sticky sidebar-background">
				@include('sidebar')
			</div>
		</div>
	</div>
</section>
<!-- End content section -->
@endsection