@php use Carbon\Carbon; @endphp
@php use App\Libraries\Text; @endphp
{{--
 <div>
     <ul>
         @foreach($posts as $post)
             <li>
                 <a href="{{ route("foreground.news.show", $post->id) }}">
                     {{ $post->title }}
                 </a>
             </li>
         @endforeach
     </ul>

       禁止把滾軸滾回 top
     {{ $posts->links(data: ['scrollTo' => false]) }}
 </div>
 --}}
<div>
    <h2 class="inview
            @if(!isset(request()->components))
                fadeIn_up
            @endif
    ">
        最新消息<span class="ps-4">News</span>
    </h2>
    <ul class="list_box m-0 p-0">

        @foreach($posts as $post)
            <li class="d-flex inview
            @if(!isset(request()->components))
                fadeIn_up
            @endif
        ">
                <time datetime="2023-10-05" class="text-brown02 text-center">
                    <p class="date">
                        {{ Carbon::parse($post->created_at)->format('d') }}
                    </p>
                    <p class="month_year m-0">{{ Carbon::parse($post->created_at)->format('m/Y') }}</p>
                </time>
                <div class="text_box">
                    <p class="title fs-1">{{ $post->title }}</p>
                    <div class="d-block d-lg-flex justify-content-between align-items-center">
                        <p class="text m-0 fs-3">{{ Text::summary($post->content)}}</p>
                        <p class="btn_more">
                            <a href="{{ route("foreground.news.show", $post->id) }}"
                               class="text-decoration-none d-inline-block rounded-pill lh-1 pt-md-3 pb-md-4 px-md-5     pt-2 pb-3 px-4">more</a>
                        </p>
                    </div>
                </div>
            </li>
        @endforeach
    </ul>

    {{-- 禁止把滾軸滾回 top --}}
    {{ $posts->onEachSide(1)->links(data: ['scrollTo' => false]) }}
</div>