@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>{{$notice->title}}</h2>
                                <div class="post-meta">
                                    <ul>
                                        <li><i class="far fa-calendar"></i> {{date('d, F Y',strtotime($notice->published_date))}} </li>
                                    </ul>
                                </div>
                            </div>
                            {!!$notice->first_description!!}
                            @if($notice->is_pdf)
                            <figure style="min-height:500px">
                                <embed
                                    src="{{Storage::url(@$notice->image)}}"
                                    type="application/pdf"
                                    width="100%"
                                    height="500px"
                                    min-height="500px"
                                />
                            </figure>
                            @else
                            <figure>
                                <img src="{{Storage::url(@$notice->image)}}" class="img-fluid" alt="">
                            </figure>
                            @endif
                            {!!$notice->second_description!!}
                        </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