@extends('frontend.layouts.master')

@section('content')

<div class="single-news gmcs-single-news">
    <div class="container">
        <section class="sigle-news-sec small-pb">
            <div class="entry-content">
                <div class="row g-5">
                    <div class="col-lg-8">
                        <article class="single-post">
                            <div class="post-header">
                                <h2>{{$news->title}}</h2>
                                <div class="post-meta">
                                    <ul>
                                        <li><i class="far fa-calendar"></i> {{date('d, F Y',strtotime($news->published_date))}} </li>
                                        <li><i class="fas fa-user"></i>{{$news->author}}</li>
                                    </ul>
                                </div>
                            </div>
                            <figure>
                                <img src="{{Storage::url(@$news->image)}}" class="img-fluid" alt="">
                            </figure>
                            {!!$news->description!!}
                            <div class="social-share my-4 d-flex align-items-center">
                                <h3 class="me-3 mb-0">Share on:</h3>
                                <ul class="d-flex">
                                    <li class="fb"><a href="javascript:void(0)"><i
                                                class="fab fa-facebook-square"></i></a> </li>
                                    <li class="insta"><a href="javascript:void(0)"><i class="fa-brands fa-x-twitter"
                                                aria-hidden="true"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </article>
                    </div>
                    {{-- <div class="col-lg-4">
                        <div class="recent-blog-list">
                            <h3>Recent Blogs</h3>
                            <ul>
                                <li>
                                    <div class="post-image">
                                        <img src="images/news3.jpg" class="img-fluid" alt="">
                                    </div>
                                    <div class="post-title">
                                        <h2><a href="#">Tour 2023</a></h2>
                                        <span><i class="far fa-calendar"></i> 4, September</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="post-image">
                                        <img src="images/news3.jpg" class="img-fluid" alt="">
                                    </div>
                                    <div class="post-title">
                                        <h2><a href="#">Tour 2023</a></h2>
                                        <span><i class="far fa-calendar"></i> 4, September</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="post-image">
                                        <img src="images/news3.jpg" class="img-fluid" alt="">
                                    </div>
                                    <div class="post-title">
                                        <h2><a href="#">Tour 2023</a></h2>
                                        <span><i class="far fa-calendar"></i> 4, September</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="post-image">
                                        <img src="images/news3.jpg" class="img-fluid" alt="">
                                    </div>
                                    <div class="post-title">
                                        <h2><a href="#">Tour 2023</a></h2>
                                        <span><i class="far fa-calendar"></i> 4, September</span>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div> --}}
                </div>
            </div>

        </section>
    </div>
</div>
{{-- <div class="related gmcs-related">
    <div class="container">
        <section class="related small-pt">
            <div class="section-intro">
                <div class="section-title">
                    <h2>Related Posts</h2>
                </div>
            </div>
            <div class="news-slider">
                    <div class="slide-item">
                        <div class="news-card">
                            <figure>
                                <img src="images/news1.png" class="img-fluid" alt>
                            </figure>
                            <div class="news-info">
                                <span class="date">24th Jan 2024</span>
                                <h3>Why You Should Read Every Day</h3>
                                <p>Lorem ipsum is placeholder text commonly used in the graphic, print, and
                                    publishing industries for previewing
                                </p>
                                <a href="#" class="page-btn">Read more </a>
                            </div>
                        </div>
                    </div>
                    <div class="slide-item">
                        <div class="news-card">
                            <figure>
                                <img src="images/news2.jpg" class="img-fluid" alt>
                            </figure>
                            <div class="news-info">
                                <span class="date">24th Jan 2024</span>
                                <h3>Why You Should Read Every Day</h3>
                                <p>Lorem ipsum is placeholder text commonly used in the graphic, print, and
                                    publishing industries for previewing
                                </p>
                                <a href="#" class="page-btn">Read more </a>
                            </div>
                        </div>
                    </div>
                    <div class="slide-item">
                        <div class="news-card">
                            <figure>
                                <img src="images/news3.jpg" class="img-fluid" alt>
                            </figure>
                            <div class="news-info">
                                <span class="date">24th Jan 2024</span>
                                <h3>Why You Should Read Every Day</h3>
                                <p>Lorem ipsum is placeholder text commonly used in the graphic, print, and
                                    publishing industries for previewing
                                </p>
                                <a href="#" class="page-btn">Read more </a>
                            </div>
                        </div>
                    </div>
                </div>
        </section>
    </div>
</div> --}}

@endsection