@extends('partials.layouts')

@section('content')
<div class="container-fluid container-xl position-relative align-items-center">
<div class="container">
    <div class="row">
        <div class="col-md-12">

            <div class="row">
                <div class="col-md-6 cat-date">{{ $news->publish_date }} | <span class="cat-news">{{ $news->category }}</span></div>
                <div class="col-md-6">
                    <div class="btn-back float-right"><a href="{{ route('news.frontendIndex') }}"><i class="bi bi-arrow-left-square-fill"></i> Back to News</a></div>
                </div>
              </div>

            <h1 class="news-title">{{ $news->title }}</h1>

            <div class="news-content">
                {!! $news->content !!}
            </div>

            @if($news->pdf)
            <p>
                <a href="{{ asset($news->pdf) }}" target="_blank">Download PDF</a>
            </p>
        @endif
</div>
</div>
</div>
</div>
@endsection