@extends("layouts.master")
@section("title", $news->title)
@section("content")
    <div class="breadcrumb-wrapper bg-cover" style="background-image: url('{{ asset("assets/img/inner/breadcrumb.jpg") }}');">
        <div class="container">
            <div class="page-heading">
                <div class="breadcrumb-sub-title">
                    <h1 class="wow fadeInUp" data-wow-delay=".3s">News Details</h1>
                </div>
                <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
                    <li>
                        <a href="{{ route("home") }}">
                            Home
                        </a>
                    </li>
                    <li>
                        <i class="fa-solid fa-chevron-right"></i>
                    </li>
                    <li>
                        <a href="{{ route("news") }}">News</a>
                    </li>
                    <li>
                        <i class="fa-solid fa-chevron-right"></i>
                    </li>
                    <li>{{ $news->title }}</li>
                </ul>
            </div>
        </div>
    </div>

    <section class="section-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    @if ($news->category)
                        <div class="mb-2">
                            <span class="badge bg-secondary">{{ $news->category }}</span>
                        </div>
                    @endif
                    <h2 class="mb-4">{{ $news->title }}</h2>
                    @if ($news->image)
                        <div class="mb-4">
                            <img src="{{ asset("storage/" . ltrim($news->image, "/")) }}" alt="{{ $news->title }}"
                                style="max-height:460px; object-fit:cover;">
                        </div>
                    @endif

                    @if ($news->description)
                        <div class="mb-4">
                            {!! nl2br(e($news->description)) !!}
                        </div>
                    @endif

                    @if ($news->pdf)
                        <a href="{{ asset("storage/" . ltrim($news->pdf, "/")) }}" class="theme-btn" target="_blank"
                            rel="noopener" download>
                            Download PDF
                            <i class="fa-solid fa-download"></i>
                        </a>
                    @endif
                </div>
            </div>


            @if ($previousNews || $nextNews)
                <div class="row mt-5">
                    <div class="col-lg-6">
                        @if ($previousNews)
                            <a href="{{ route("news-show", $previousNews->slug) }}" class="theme-btn">
                                <i class="fa-solid fa-arrow-left"></i>
                                Previous
                            </a>
                        @endif
                    </div>
                    <div class="col-lg-6 text-lg-end">
                        @if ($nextNews)
                            <a href="{{ route("news-show", $nextNews->slug) }}" class="theme-btn">
                                Next
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        @endif
                    </div>
                </div>
            @endif
        </div>
    </section>
@endsection