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

@section('style')

@endsection

@section('content')

    <main>
        <div class="container">
            @if ($data['list']['data'])
                @foreach ($data['list']['data'] as $item)
                    <div class="default-bg-contain relative rounded-3xl my-6 full-url"
                        style="background-image:url({{ !empty($item['image']) && CheckFileInServer($item['image']) ? $item['image'] : Module::asset('frontend:images/1280x720.png') }})">
                        <div class="asp-lg-12b5"></div><a href="{{ !empty($item['url']) ? $item['url'] : '#' }}"></a>
                        <div class="container lg:absolute lg:left-1/2 lg:-translate-x-1/2 lg:top-0 lg:bottom-0 flex flex-col items-center justify-center py-12">
                            <div class="text-center">
                                <p class="text-whiten text-base-5xl font-semibold text-shadow">
                                    {{ !empty($item['name']) ? $item['name'] : '' }}
                                </p>
                            </div>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
        <div class="container pt-[1rem]">
            <div class="pb-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