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

@section('style')

@endsection

@section('content')

    <main>
        <div class="the-container pt-6 relative lg:mt-6">
            <div class="relative z-10">
                <div class="text-center -mb-7 text-xs text-1st uppercase">{{ __('frontend.new_activity') }} </div>
                <div class="bluehd">{{ __('frontend.new_desc') }}</div>

                @if (!empty($news['data']))
                    @foreach ($news['data'] as $i => $item)
                        @if ($i == 0)
                            <div class="horizontal-xl">
                                <div class="content-block">
                                    <div class="product-card-img">
                                        <img src="{{ convert_image($item['image'],4) }}"
                                            alt="Alternate Text" />
                                        <a href="{{ mwz_route('frontend.blog-detail', [$item['id']]) }}"></a>
                                    </div>
                                    <div class="product-card-detail">
                                        <div class="flex items-center">
                                            <div class="date mr-2">
                                                <p class="date-num">
                                                    {{ !empty($item['publish_at']) ? set_format_day($item['publish_at']) : '' }}
                                                </p>
                                                <p style="font-size: 10px !important">
                                                    {{ !empty($item['publish_at']) ? set_format_date($item['publish_at']) : '' }}
                                                </p>
                                            </div>
                                            <div class="relative">
                                                <p class="detail">{{ !empty($item['name']) ? $item['name'] : '' }}
                                                </p>
                                                <a class="full-link"
                                                    href="{{ mwz_route('frontend.blog-detail', [$item['id']]) }}"></a>
                                            </div>
                                        </div>
                                        <a class="flex items-center uppercase"
                                            href="{{ mwz_route('frontend.blog-detail', [$item['id']]) }}">
                                            {{ __('frontend.read_more') }}<svg width="25" height="16"
                                                class="ml-2" viewBox="0 0 35 16" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path
                                                    d="M34.7071 8.70711C35.0976 8.31658 35.0976 7.68342 34.7071 7.29289L28.3431 0.928932C27.9526 0.538408 27.3195 0.538408 26.9289 0.928932C26.5384 1.31946 26.5384 1.95262 26.9289 2.34315L32.5858 8L26.9289 13.6569C26.5384 14.0474 26.5384 14.6805 26.9289 15.0711C27.3195 15.4616 27.9526 15.4616 28.3431 15.0711L34.7071 8.70711ZM0 9H34V7H0V9Z"
                                                    fill="#175A87" />
                                            </svg></a>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endforeach
                    <div class="grid gap-8 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
                        @foreach ($news['data'] as $i => $item)
                            @if ($i > 0)
                                <div class="content-block">
                                    <div class="product-card-img">
                                        <img src="{{ convert_image($item['image'],4) }}"
                                            alt="Alternate Text" />
                                        <a href="{{ mwz_route('frontend.blog-detail', [$item['id']]) }}"></a>
                                    </div>
                                    <div class="product-card-detail">
                                        <div class="flex items-center">
                                            <div class="date mr-2">
                                                <p class="date-num">
                                                    {{ !empty($item['publish_at']) ? set_format_day($item['publish_at']) : '' }}
                                                </p>
                                                <p style="font-size: 10px !important">
                                                    {{ !empty($item['publish_at']) ? set_format_date($item['publish_at']) : '' }}
                                                </p>
                                            </div>
                                            <div class="relative">
                                                <p class="detail">
                                                    {{ !empty($item['name']) ? $item['name'] : '' }}</p>
                                                <a class="full-link"
                                                    href="{{ mwz_route('frontend.blog-detail', [$item['id']]) }}"></a>
                                            </div>
                                        </div>
                                        <a class="flex items-center uppercase"
                                            href="{{ mwz_route('frontend.blog-detail', [$item['id']]) }}">
                                            {{ __('frontend.read_more') }}<svg width="25" height="16"
                                                class="ml-2" viewBox="0 0 35 16" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path
                                                    d="M34.7071 8.70711C35.0976 8.31658 35.0976 7.68342 34.7071 7.29289L28.3431 0.928932C27.9526 0.538408 27.3195 0.538408 26.9289 0.928932C26.5384 1.31946 26.5384 1.95262 26.9289 2.34315L32.5858 8L26.9289 13.6569C26.5384 14.0474 26.5384 14.6805 26.9289 15.0711C27.3195 15.4616 27.9526 15.4616 28.3431 15.0711L34.7071 8.70711ZM0 9H34V7H0V9Z"
                                                    fill="#175A87" />
                                            </svg></a>
                                    </div>
                                </div>
                            @endif
                        @endforeach
                    </div>
                @endif
                @if ($news['pages_total'] > 1)
                    <div class="py-12 text-center">
                        <ul class="pgntn rounded" role="menubar" aria-label="Pagination">
                            @if ($news['page'] > 1)
                                <li>
                                    <a href="{{ mwz_route('frontend.blog', [(int) $news['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 href="">
                                        <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 ($news['page_data'] as $item)
                                @if ($item == $news['page'])
                                    <li class="current"><a> {{ $item }} </a> </li>
                                @else
                                    <li><a href="{{ mwz_route('frontend.blog', [$item]) }}">{{ $item }}</a></li>
                                @endif
                            @endforeach

                            @if ($news['page'] < $news['pages_total'])
                                <li>
                                    <a href="{{ mwz_route('frontend.blog', [(int) $news['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 href="">
                                        <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')


@endsection