@if ($paginator->hasPages())
    {{--<div class="row ">--}}
        {{--<div class="col-12 text-center pagination-row">--}}
            {{--<nav aria-label="...">--}}
                {{--<ul class="pagination pagination-lg">--}}
                    {{-- Pagination Elements --}}
                    {{--@foreach ($elements as $element)--}}
                        {{-- "Three Dots" Separator --}}
                        {{--@if (is_string($element))--}}
                            {{--<li class="page-item active" aria-current="page">--}}
                                {{--<span class="page-link">--}}
                                    {{--{{$element}}--}}
                                    {{--<span class="sr-only">(current)</span>--}}
                                {{--</span>--}}
                            {{--</li>--}}

                            {{--<li class="disabled"><span>{{ $element }}</span></li>--}}
                        {{--@endif--}}

                        {{-- Array Of Links --}}
                        {{--@if (is_array($element))--}}
                            {{--@foreach ($element as $page => $url)--}}
                                {{--@if ($page == $paginator->currentPage())--}}
                                    {{--<li class="page-item active" aria-current="page">--}}
                                        {{--<span class="page-link">--}}
                                            {{--{{$page}}--}}
                                            {{--<span class="sr-only">(current)</span>--}}
                                        {{--</span>--}}
                                    {{--</li>--}}
                                    {{--<li class="active"><span>{{ $page }}</span></li>--}}
                                {{--@else--}}
                                    {{--<li class="page-item"><a class="page-link" href="{{$url}}">{{$page}}</a></li>--}}
                                    {{--<li><a href="{{ $url }}">{{ $page }}</a></li>--}}
                                {{--@endif--}}
                            {{--@endforeach--}}
                        {{--@endif--}}
                    {{--@endforeach--}}
                {{--</ul>--}}
            {{--</nav>--}}
        {{--</div>--}}
    {{--</div>--}}

    <div class="container mt-3">
        <nav aria-label="Page navigation">
            <ul class="pagination d-flex justify-content-center">
                <li>
                    <a class="d-flex justify-content-center align-items-center page-link" href="{{$paginator->previousPageUrl()}}" aria-label="Previous">
                        <span aria-hidden="true"><i class="fa fa-chevron-left" aria-hidden="true"></i></span>
                    </a>
                </li>

                <li class="active"><input type="text" name="page_no" id="page_no" value="{{$paginator->currentPage()}}" maxlength="3"></li>
                <li>
                    <a class="d-flex justify-content-center align-items-center page-link" href="{{$paginator->nextPageUrl()}}" aria-label="Next">
                        <span aria-hidden="true"><i class="fa fa-chevron-right" aria-hidden="true"></i></span>
                    </a>
                </li>
                <li>
                    of {{$paginator->lastPage()}}
                </li>
            </ul>
        </nav>
    </div>
@endif