@extends('layouts.master')
@section('css')
    <link rel="stylesheet" href="{{asset('stylesheets/news.css')}}">
@stop
@section('content')
<div id="page">
    <div id="main" class="news">
        <section class="">
            <div class="container container_bg">
                <div class="context-bg">
                    <div class="news-title">
                        <span class="date">{{ $news->date }}</span>
                        <h4 class="title">{{ $news->title }}</h4>
                    </div>
                    <!-- 編輯器開始 -->
                    <div class="content">
                        <img class="lazyload" style="width: 100%" src="{{ asset('upload/'.$news->img) }}">
                        <p></p>
                        {!! $news->content !!}
                    </div>
                    <!-- 編輯器結束 -->
                    <a href="{{ route('news').'?news'.$news->class_id }}" class="link"><span class="iconify mr-2" data-icon="fa-solid:reply"
                            data-inline="false"></span>回列表</a>
                    <ul class="act-btns">
                        <li>
                            <a href="{{ route('news_detail',[($previousNews)?$previousNews->id:$news->id]) }}" class="btn btn-sm btn-light">上一則</a>
                        </li>
                        <li>
                            <a href="{{ route('news_detail',[($previousNews)?$previousNews->id:$news->id]) }}" class="btn btn-sm btn-light">下一則</a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
    </div>
</div>
@section('css')
    <script src="{{asset('js/filter.js')}}"></script>
@stop