@extends('layouts.web')
@section('content')
<script>
  	gtag('event', 'screen_view', {
    	'app_name': 'sopisconews',
    	'screen_name': '{{$news_details->name}}'
  	});
</script>
<style type="text/css">
	.single-post img {
        float: left; 
        /*margin: 5px;*/
    }
    .single-post p {
        text-align: justify;
        /*font-size: 25px;*/
    }
</style>
<section id="content-section">
	<div class="container">

		<div class="row">
			<div class="col-lg-8">
				
				<div class="single-post">
					<h2 style="color: #004b70">{{$news_details->name}}</h2>
					<h3><strong>{{$news_details->create_date}}</strong></h3>
					<!-- <img src="{{asset('public/'.$news_details->image)}}" alt="">
					<div class="text-boxes">
						{!!$news_details->complete_description!!}
					</div> -->
					<div class="square">
				        <div>
				            <img style="width: 330px;" src="{{asset('public/'.$news_details->image)}}" /> 
				        </div>
				          
				        <div>
							{!!$news_details->complete_description!!}
						</div>
						<br>
						<div style="float: right;">
							<!-- AddToAny BEGIN -->
							<div class="a2a_kit a2a_kit_size_32 a2a_default_style">

								<a class="a2a_button_facebook"></a>
								<a class="a2a_button_x"></a>
								<a class="a2a_button_email"></a>
								<a class="a2a_button_linkedin"></a>
								<!-- <a class="a2a_dd" href="https://www.addtoany.com/share"></a> -->
								<div style="float: right;margin-top: 8px;clear: inherit;" class="addthis_inline_share_toolbox"></div>
							</div>
							<script async src="https://static.addtoany.com/menu/page.js"></script>
						</div>
				    </div>
				</div>
				<!-- Posts-block -->
				<!-- <div class="posts-block articles-box">
						<div class="news-post article-post">
							<h2><a>{{$news_details->name}}</a></h2>
							<h3><strong>{{$news_details->create_date}}</strong></h3>
							<div class="row">
								<div class="col-sm-5">
									<div class="post-image">
										<a href="single-post-2.html">
											<img src="{{asset('public/'.$news_details->image)}}" alt="">
										</a>
									</div>
								</div>
								<div class="col-sm-7">
									<p>{{$news_details->short_description}}</p>
									
								</div>
							</div>
						</div>
				</div> -->
				<!-- End Posts-block -->

			</div>

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