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

@section('style')

@endsection

@section('content')
    <main>
        <div class="container pt-10 ">
            <div class="text-center -mx-1 pb-6 lg:pb-10">
                <div class="text-base-5xl text-darken-text font-medium">{!! !empty($data['route']['desc']) ? $data['route']['desc'] : '' !!}</div>
            </div>
            <div class="flex flex-wrap -mx-2 sm:-mx-4 justify-center">
                @if (!empty($data['list']['data']))
                    @foreach ($data['list']['data'] as $item)
                        <div class="w-1/2 md:w-4/12 p-[.5rem] sm:p-4 xl:w-4/12">
                            <a href="{{ !empty($item['file']) ? $item['file'] : '#' }}"
                                target="{{ !empty($item['file']) && CheckFileInServer($item['file']) ? '_blank' : '_self' }}">
                                <div class="animated-img">
                                    <div class="mb-3 overflow-hidden">
                                        <div class="asp-6b7">
                                            <img class="object-cover"
                                                src="{{ !empty($item['image']) && CheckFileInServer($item['image']) ? $item['image'] : Module::asset('frontend:images/1920x750.jpg') }}"
                                                alt="Alternate Text" />
                                        </div>
                                    </div>
                                </div>
                                <p class="text-base-xl font-medium">{{ !empty($item['name']) ? $item['name'] : '' }}</p>
                            </a>
                            <div class="flex items-center space-x-2 my-2 full-url">
                                <img src="{{ Module::asset('frontend:img/icon/download.svg') }}" alt="Alternate Text" />
                                <p class="text-darken-text font-light">@lang('frontend::lang.download')</p>
                                <a href="{{ !empty($item['file']) ? $item['file'] : '#' }}" download="true"></a>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
            <div class="pt-8 pb-12">
                @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