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

@section('style')

@endsection

@section('content')

    <main>
        <div class="container pt-[1rem] lg:pt-10 lg:pb-8">
            <div class="text-center -mx-1 pb-6 lg:pb-2">
                <div class="text-base-5xl text-darken-text font-medium">{!! !empty($data['route']['desc']) ? $data['route']['desc'] : '' !!}</div>
            </div>
        </div>
        @if (!empty($data['new']))
            <div class="container">
                <div class="news-area news-d-area shadow-none">
                    <div class="news-card-col-2 news-sub-control">
                        @foreach ($data['new'] as $item)
                            <div class="news-card-item">
                                <div class="article-card animated-img full-url article-horizontal">
                                    <div class="filter-relative">
                                        <div class="img-wrapper">
                                            <div class="asp-1b1">
                                                <img class="object-cover"
                                                    src="{{ !empty($item['image']) && CheckFileInServer($item['image']) ? $item['image'] : Module::asset('frontend:images/1920x750.jpg') }}" />
                                            </div>
                                        </div>
                                        <div class="filter-green">
                                            <button class="butn-whiten-bordered butn" type="button">@lang('frontend::lang.see_detail')</button>
                                        </div>
                                    </div>
                                    <div class="detail-wrapper">
                                        <div class="flex items-center space-x-2 my-2">
                                            <img class="the-icon"
                                                src="{{ Module::asset('frontend:img/icon/calendar.svg') }}" />
                                            <p class="text-lighten-text">
                                                {{ !empty($item['date']) ? date('d.m.Y', strtotime($item['date'])) : '' }}
                                            </p>
                                        </div>
                                        <p class="text-base-xl font-medium">{{ !empty($item['name']) ? $item['name'] : '' }}
                                        </p>
                                        <div class="font-light">
                                            {{ !empty($item['desc']) ? $item['desc'] : '' }}
                                        </div>
                                    </div>
                                    <a href="{{ !empty($item['url']) ? url($item['url']) : '#' }}"></a>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif
        <div class="container pt-[1rem] lg:py-6">
            <div class="flex mb-3 space-x-6 items-center">
                <div class="text-base-3xl font-medium flex-auto whitespace-nowrap">@lang('frontend::lang.news_activity')อื่นๆ</div>
                <div class="separater-horizontal flex-auto"></div>
            </div>
            @if (!empty($data['list']['data']))
                <div class="flex flex-wrap -mx-2 sm:-mx-4">
                    @foreach ($data['list']['data'] as $item)
                        <div class="w-1/2 md:w-4/12 p-[.5rem] sm:p-4 xl:w-3/12">
                            <div class="article-card animated-img full-url">
                                <div class="filter-relative">
                                    <div class="img-wrapper">
                                        <div class="asp-1b1">
                                            <img class="object-cover"
                                                src="{{ !empty($item['image']) && CheckFileInServer($item['image']) ? $item['image'] : Module::asset('frontend:images/1920x750.jpg') }}" />
                                        </div>
                                    </div>
                                    <div class="filter-green">
                                        <button class="butn-whiten-bordered butn" type="button">@lang('frontend::lang.see_detail')</button>
                                    </div>
                                </div>
                                <div class="flex items-center space-x-2 my-2">
                                    <img class="the-icon" src="{{ Module::asset('frontend:img/icon/calendar.svg') }}" />
                                    <p class="text-lighten-text">
                                        {{ !empty($item['date']) ? date('d.m.Y', strtotime($item['date'])) : '' }}</p>
                                </div>
                                <p class="text-base-xl font-medium text-overflow-2">
                                    {{ !empty($item['name']) ? $item['name'] : '' }}
                                </p>
                                <a href="{{ !empty($item['url']) ? $item['url'] : '#' }}"></a>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
            <div class="py-8">
                @if (!empty($data['list']['pages_total']) && $data['list']['pages_total'] > 1)
                    <ul class="pgntn rounded" role="menubar" aria-label="Pagination">
                        <li>
                            @if ($data['list']['cur_page'] > 1)
                                <a href="{{ $data['route']['url'] . '?page=' . (int) $data['list']['cur_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>
                            @else
                                <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>
                            @endif
                        </li>
                        @foreach ($data['list']['pagination'] as $item)
                            @if ($data['list']['cur_page'] == $item)
                                <li class="current"><a>{{ $item }}</a></li>
                            @elseif($item == '...')
                                <li><a>{{ $item }}</a></li>
                            @else
                                <li>
                                    <a href="{{ $data['route']['url'] . '?page=' . (int) $item }}">{{ $item }}</a>
                                </li>
                            @endif
                        @endforeach
                        <li>
                            @if ($data['list']['cur_page'] < $data['list']['pages_total'])
                                <a href="{{ $data['route']['url'] . '?page=' . $data['list']['cur_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>
                            @else
                                <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>
                            @endif
                        </li>
                    </ul>
                @endif
            </div>
        </div>
    </main>
@endsection

@section('script')


@endsection