@extends('layouts.dynamic')
@section('container')
    <div class="content news">
        <div class="container">
            <div class="group_caption">
                <p>
                    <strong>
                        {{ $data['caption'] ?? '' }}
                    </strong>
                </p>
                <h2>
                    {{ $data['title'] ?? '' }}
                </h2>
                <p>
                    {{ $data['desc'] ?? '' }}
                </p>
            </div>
            <div class="group_caption_button">
                <a href="" class="btn btn_purple_big me-3">
                    <img loading='lazy' src="{{ asset('images/ph_phone-fill.svg') }}"
                        alt="{{ asset('images/ph_phone-fill.svg') }}">
                    <span>+62 21 345 67 88</span>
                </a>
                <a href="" class="btn btn_purple_big">
                    <img loading='lazy' src="{{ asset('images/ic_round-email.svg') }}"
                        alt="{{ asset('images/ic_round-email.svg') }}">
                    <span>support@kimayagroup.com</span>
                </a>
            </div>
            <hr>
            <section class="news_result">
                @foreach ($data['items'] as $key => $resultNews)
                    <div class="row news_result_items">
                        <div class="col-lg-6 @if ($key % 2 == 0) order-2 order-lg-1 @else order-2 @endif">
                            <div class="desc_">
                                <p class="desc_date">{{ $resultNews['date'] ?? '' }} | {{ $resultNews['time'] }}</p>
                                <p class="desc_category">{{ $resultNews['category'] ?? '' }}</p>
                                <h2>{{ $resultNews['title'] ?? '' }}</h2>
                                <p class="desc_text d-xl-none">
                                    {{ substr($resultNews['desc'], 0, 120) }}...
                                </p>
                                <p class="desc_text d-none d-xl-block">
                                    {{ substr($resultNews['desc'], 0, 250) }}...
                                </p>
                                <a href="{{ $resultNews['link'] ?? '' }}">Request Information</a>
                            </div>
                        </div>
                        <div class="col-lg-6 image_ @if ($key % 2 == 0) left_ order-lg-2 @else right_ @endif">
                            <img loading='lazy' src="{{ $resultNews['img'] ?? '' }}" alt="">
                        </div>
                    </div>
                @endforeach


                {{-- <nav class="pagination_">
                    <ul class="pagination_circle">
                        <li class="page_item_txt disabled">
                            <a href="#" disabled class="page_item_txt">Prev</a>
                        </li>
                        <li class="page_item active">
                            <a class="page_item_link" href="{{ url('/news/page/1') }}">1</a>
                        </li>
                        <li class="page_item " >
                            <a class="page_item_link" href="{{ url('/news/page/2') }}">2</a>
                        </li>
                        </li>
                        <li class="page_item"><a class="page_item_link" href="{{ url('/news/page/3') }}">3</a></li>
                        <li class="page_item_txt">
                            <a class="page_item_txt" href="#">Next</a>
                        </li>
                    </ul>
                </nav> --}}


                <nav class="pagination_">
                    <ul class="pagination_circle">

                        <li class="page_item_txt">
                            @if ($data['current_page'] == 1)
                                <a href="" class="page_item_txt">Prev</a>
                            @else
                                <a href="{{ url('/news/page/' . $data['current_page'] - 1) }}"
                                    class="page_item_txt">Prev</a>
                            @endif
                        </li>

                        @if ($data['last_page'] > 3)
                            @if ($data['current_page'] == '1')
                                @for ($i = 1; $i <= 4; $i++)
                                    <li class="page_item @if ($data['current_page'] == $i) active @endif">
                                        <a class="page_item_link"
                                            href="{{ url('/news/page/' . $i) }}">{{ $i }}</a>
                                    </li>
                                @endfor
                            @else
                                @php
                                    $lastPage = $data['last_page'];
                                    $currentPage = $data['current_page'];
                                    $startPage = max($currentPage - 1, 1);
                                    $endPage = min($currentPage + 2, $lastPage);
                                    if ($endPage - $startPage + 1 < 4) {
                                        $startPage = max($endPage - 3, 1);
                                    }
                                @endphp
                                @for ($i = $startPage; $i <= $endPage; $i++)
                                    <li class="page_item @if ($currentPage == $i) active @endif">
                                        <a class="page_item_link"
                                            href="{{ url('/news/page/' . $i) }}">{{ $i }}</a>
                                    </li>
                                @endfor
                            @endif
                        @else
                            @for ($i = 1; $i <= $data['last_page']; $i++)
                                <li class="page_item @if ($data['current_page'] == $i) active @endif">
                                    <a class="page_item_link" href="{{ url('/news/page/' . $i) }}">{{ $i }}</a>
                                </li>
                            @endfor
                        @endif
                        <li class="page_item_txt">
                            @if ($data['last_page'] < ($data['current_page'] + 1) )
                                <a class="page_item_txt" href="">Next</a>
                            @else
                                <a class="page_item_txt"
                                    href="{{ url('/news/page/' . $data['current_page'] + 1) }}">Next</a>
                            @endif
                        </li>
                    </ul>
                </nav>


            </section>
        </div>
    </div>

    @include('sections.signup-subscribe')


@endsection