@extends('layouts.frontend.app')

@section('content')
    <!-- Start Page Title Area -->
		<div class="page-title-area bg-18">
			<div class="container">
				<div class="page-title-content">
					<h2>تفاصيل الخبر</h2>

				</div>
			</div>
		</div>
		<!-- End Page Title Area -->

		<!-- Start Blog Details Area -->
		<div class="single-blog-area ptb-100">
			<div class="container">
                {{-- @foreach ($posts as $post) --}}
                {{-- {{ dd($posts) }} --}}
				<div class="row">

					<div class="col-lg-10">
						<div class="single-blog-content">
							<img src="{{ $post->getFirstMediaUrl('post','mainthumb') }}" alt="{{ $post->name }}">

							<div class="blog-top-content">
								<div class="news-content">


								{!! $post->description !!}
								</div>

							</div>

							<ul class="social-wrap">
								<li>
									<span>مشاركة هذة المقالة:</span>
								</li>
								<li>
									<a href="https://twitter.com/intent/tweet?url={{ Request::url() }}" target="_blank">
										<i class="bx bxl-twitter"></i>
									</a>
								</li>
								{{-- <li>
									<a href="#" target="_blank">
										<i class="bx bxl-instagram"></i>
									</a>
								</li> --}}
								<li>
									<a href="https://www.facebook.com/sharer/sharer.php?u={{ Request::url() }}" target="_blank">
										<i class="bx bxl-facebook"></i>
									</a>
								</li>
								{{-- <li>
									<a href="#" target="_blank">
										<i class="bx bxl-youtube"></i>
									</a>
								</li> --}}
							</ul>




						</div>
					</div>


				</div>
                {{-- @endforeach --}}
			</div>
		</div>
		<!-- End Blog Details Area -->

    @endsection