@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')

    <main>
        @includeIf('frontend::banner')

        <div class="the-container py-8">
            <div class="content-brand"></div>

            @if (!empty($data['knowledge']['res']))
                <div class="knowledge-list" id="knowledge-list">
                    @foreach ($data['knowledge']['res'] as $item)
                        <a class="knowledge-card hover:shadow-drop-2-center bg-whiten blg-crd pb-3 rounded overflow-hidden" href="{{ !empty($item['url']) ? $item['url'] : '#' }}">
                            @if (!empty($item['image']))
                                <div class="img-wrapper">
                                    <img src="{{ asset($item['image']) }}" alt="{{ !empty($item['name']) ? $item['name'] : '' }}" />
                                </div>
                            @endif
                            <div class="space-y-2 p-[.5rem] md:px-6">
                                <p class="th-5 fs-20 leading-7 line-lim lim-2">{{ !empty($item['name']) ? $item['name'] : '' }}</p>
                            </div>
                            <p class="fln th-3 mt-3 ml-2">{{ !empty($item['start_at']) ? $item['start_at'] : '' }}</p>
                        </a>
                    @endforeach
                </div>

                @if (!empty($data['knowledge']['page']) && $data['knowledge']['page']->lastPage() > 1)
                    <nav class="knowledge-pagination" aria-label="{{ __('frontend::lang.knowledge_pagination') }}">
                        @if ($data['knowledge']['page']->onFirstPage())
                            <span class="knowledge-pagination__btn is-disabled" aria-disabled="true">&laquo;</span>
                        @else
                            <a class="knowledge-pagination__btn" href="{{ $data['knowledge']['page']->previousPageUrl() }}" rel="prev">&laquo;</a>
                        @endif

                        @foreach ($data['knowledge']['page']->getUrlRange(1, $data['knowledge']['page']->lastPage()) as $page => $url)
                            @if ($page == $data['knowledge']['page']->currentPage())
                                <span class="knowledge-pagination__btn is-active" aria-current="page">{{ $page }}</span>
                            @else
                                <a class="knowledge-pagination__btn" href="{{ $url }}">{{ $page }}</a>
                            @endif
                        @endforeach

                        @if ($data['knowledge']['page']->hasMorePages())
                            <a class="knowledge-pagination__btn" href="{{ $data['knowledge']['page']->nextPageUrl() }}" rel="next">&raquo;</a>
                        @else
                            <span class="knowledge-pagination__btn is-disabled" aria-disabled="true">&raquo;</span>
                        @endif
                    </nav>
                @endif
            @else
                <p class="text-center text-whiten/70 py-10">{{ __('frontend::lang.knowledge_empty') }}</p>
            @endif
        </div>
    </main>
@endsection

@section('script')

@endsection