@extends('frontend.layouts.master')

@section('content')
<div class="single-news goberdhan-campus-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><a href="#" target="_blank"><i
                                                class="fab fa-facebook-square"></i></a> </li>
                                    <li><a href="#" target="_blank"><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>
@if($relatednews->count()>0)
<div class="related goberdhan-campus-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">
                @foreach($relatednews as $news)
                <div class="slide-item">
                    <div class="news-card">
                        <figure>
                            <img src="{{Storage::url(@$news->image)}}" class="img-fluid" alt>
                        </figure>
                        <div class="news-info">

                            <span class="date">{{date('d, F Y',strtotime($news->published_date))}}</span>
                            <h3>{{$news->title}}</h3>
                            <p>{{ \Illuminate\Support\Str::limit(strip_tags($news->description), 100, '...') }}

                            </p>
                            <a href="{{route('frontend.news.single',$news->slug)}}" class="page-btn">Read more </a>
                        </div>
                    </div>
                </div>
                @endforeach

            </div>
        </section>
    </div>
</div>
@endif


@endsection