@php
use App\Models\Config;

$config = Config::get();
@endphp

@if ($paginator->hasPages())
    <div class="flex">
        <div class="w-full">
            <nav>
                <ul class="flex">
                    <!-- Previous Button -->
                    @if ($paginator->onFirstPage())
                        <li>
                            <a class="px-3 py-2 bg-{{ $config[11]->config_value }}-200 text-{{ $config[11]->config_value }}-700 rounded-l">
                                {{ __('Previous') }}
                            </a>
                        </li>
                    @else
                        <li>
                            <a href="{{ $paginator->previousPageUrl() }}" rel="prev"
                                class="px-3 py-2 bg-{{ $config[11]->config_value }}-200 text-{{ $config[11]->config_value }}-700 rounded-l">{{ __('Previous') }}</a>
                        </li>
                    @endif

                    <!-- Page Numbers -->
                    @foreach ($elements as $element)
                        @if (is_string($element))
                            <li class="disabled">
                                {{ $element }}
                            </li>
                        @endif
                        @if (is_array($element)) 
                            @foreach ($element as $page => $url)
                                @if ($page == $paginator->currentPage())
                                    <li>
                                        <a href="#"
                                            class="px-3 py-2 bg-{{ $config[11]->config_value }}-200 text-{{ $config[11]->config_value }}-700 active my-active">{{ $page }}</a>
                                    </li>
                                @else
                                    <li>
                                        <a href="{{ $url }}"
                                            class="px-3 py-2 bg-{{ $config[11]->config_value }}-200 text-{{ $config[11]->config_value }}-700">{{ $page }}</a>
                                    </li>
                                @endif
                            @endforeach
                        @endif
                    @endforeach

                    <!-- Next Button -->
                    @if ($paginator->hasMorePages())
                        <li>
                            <a href="{{ $paginator->nextPageUrl() }}" rel="next"
                                class="px-3 py-2 bg-{{ $config[11]->config_value }}-200 text-{{ $config[11]->config_value }}-700 rounded-r">{{ __('Next') }}</a>
                        </li>
                    @else
                        <li>
                            <a class="px-3 py-2 bg-{{ $config[11]->config_value }}-200 text-{{ $config[11]->config_value }}-700 rounded-r">
                                {{ __('Next') }}
                            </a>
                        </li>
                    @endif
                </ul>
            </nav>
        </div>
    </div>
@endif