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

@section('style')

@endsection

@section('content')
    <main>
        <div class="bg-gray-darkest py-8 xl:py-12 relative">
            <div class="the-container relative z-10">
                <h2 class="text-2nd text-3xl uppercase font-bold">{{ __('frontend.new_activity') }}</h2>
                <!-- คลาส mobile-dc จะมีเฉพาะใน loop รองสุดท้าย-->
                <div class="brcrmb">
                    <div class="brcrmb-wrrp">
                        <a class="mobile-dc chv" href="{{ mwz_route('frontend.news', ['']) }}"><svg
                                xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 chv" viewBox="0 0 20 20"
                                fill="currentColor">
                                <path fill-rule="evenodd"
                                    d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
                                    clip-rule="evenodd" />
                            </svg></a>
                        <a class="mobile-dc" href="{{ mwz_route('frontend.index') }}">{{ __('frontend.home') }}</a>
                    </div>
                    <div class="brcrmb-wrrp active">
                        <div class="tmx-2"><span class="slh">/ </span>
                        </div>
                        <a>{{ __('frontend.new_activity') }}</a>
                    </div>
                </div>
            </div>
            <img class="brand-lf" src="{{ Module::asset('frontend:img/brand.svg') }}" alt="Alternate Text" />
        </div>
        <div class="py-4 relative bg-gray-lighter">
            <div class="the-container">
                <div class="grid gap-4 mt-6 sm:grid-cols-3 sm:gap-8 lg:grid-cols-3 2xl:grid-cols-3">
                    @foreach ($new_all['data'] as $item)
                        <div class="content-block">
                            <div class="product-card-img">
                                <img src="{{ convert_image($item['image'], 4) }}" alt="Alternate Text" />
                                <a href="{{ mwz_route('frontend.news_detail', [$item['id']]) }}">
                                </a>
                            </div>
                            <div class="product-card-detail">
                                <div class="date">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none"
                                        viewBox="0 0 24 24" stroke="currentColor">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                            d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                                    </svg>
                                    <p>
                                        {{ !empty($item['publish_at']) ? $item['publish_at'] : '' }}
                                    </p>
                                </div>
                                <div class="detail" style="min-height: 49px !important;">
                                    {{ !empty($item['name']) ? $item['name'] : '' }}
                                </div>
                                <a href="{{ mwz_route('frontend.news_detail', [$item['id']]) }}">
                                    {{ __('frontend.see_more') }}
                                </a>

                            </div>
                        </div>
                    @endforeach
                </div>
                @if ($new_all['pages_total'] > 1)
                    <div class="text-center py-6">
                        <ul class="pgntn rounded" role="menubar" aria-label="Pagination">
                            @if ($new_all['page'] > 1)
                                <li>
                                    <a href="{{ mwz_route('frontend.news', [(int) $new_all['page'] - 1]) }}">
                                        <span>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5"
                                                viewBox="0 0 20 20" fill="currentColor">
                                                <path fill-rule="evenodd"
                                                    d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
                                                    clip-rule="evenodd" />
                                            </svg>
                                        </span>
                                    </a>
                                </li>
                            @else
                                <li class="skipper">
                                    <a>
                                        <span>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5"
                                                viewBox="0 0 20 20" fill="currentColor">
                                                <path fill-rule="evenodd"
                                                    d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
                                                    clip-rule="evenodd" />
                                            </svg>
                                        </span>
                                    </a>
                                </li>
                            @endif
                            @foreach ($new_all['page_data'] as $item)
                                @if ($new_all['page'] == $item)
                                    <li class="current"><a>{{ $item }}</a></li>
                                @else
                                    @if ($item == '...')
                                        <li class="skipper"><a>{{ $item }}</a></li>
                                    @else
                                        @if ($pageInit['lang'] == 'th')
                                            <li>
                                                <a
                                                    href="{{ mwz_route('frontend.news', [$item]) }}">{{ $item }}</a>
                                            </li>
                                        @else
                                            <li>
                                                <a
                                                    href="{{ mwz_route('frontend.news', [$item]) }}">{{ $item }}</a>
                                            </li>
                                        @endif
                                    @endif
                                @endif
                            @endforeach
                            @if ($new_all['page'] < $new_all['pages_total'])
                                <li>
                                    <a href="{{ mwz_route('frontend.news', [(int) $new_all['page'] + 1]) }}">
                                        <span>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5"
                                                viewBox="0 0 20 20" fill="currentColor">
                                                <path fill-rule="evenodd"
                                                    d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
                                                    clip-rule="evenodd" />
                                            </svg>
                                        </span>
                                    </a>
                                </li>
                            @else
                                <li class="skipper">
                                    <a>
                                        <span>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5"
                                                viewBox="0 0 20 20" fill="currentColor">
                                                <path fill-rule="evenodd"
                                                    d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
                                                    clip-rule="evenodd" />
                                            </svg>
                                        </span>
                                    </a>
                                </li>
                            @endif
                        </ul>
                    </div>
                @endif
            </div>
        </div>
    </main>
@endsection

@section('script')
    <link rel="stylesheet" href="{{ mix('css/frontend.css') }}">
@endsection