@if ($paginator->hasPages())
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin: 0 !important;">
        <div class="dataTables_paginate paging_simple_numbers pull-right" id="DataTables_Table_0_paginate">
            <ul class="pagination" style="margin: 0 !important;">
                {{-- Previous Page Link --}}
                @if (!$paginator->onFirstPage())
                    <li class="paginate_button previous"><a href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-controls="DataTables_Table_0" data-dt-idx="0" tabindex="0">&laquo; Previous</a></li>
                @endif

                {{-- Pagination Elements --}}
                @foreach ($elements as $element)
                    {{-- "Three Dots" Separator --}}
                    @if (is_string($element))
                        <li class="disabled paginate_button"><span>{{ $element }}</span></li>
                    @endif

                    {{-- Array Of Links --}}
                    @if (is_array($element))
                        @foreach ($element as $page => $url)
                            @if ($page == $paginator->currentPage())
                                <li class="active paginate_button"><span>{{ $page }}</span></li>
                            @else
                                <li class="paginate_button"><a href="{{ $url }}">{{ $page }}</a></li>
                            @endif
                        @endforeach
                    @endif
                @endforeach

                {{-- Next Page Link --}}
                @if ($paginator->hasMorePages())
                    <li class="paginate_button"><a href="{{ $paginator->nextPageUrl() }}" rel="next">Next &raquo;</a></li>
                @endif
            </ul>
        </div>
    </div>
@endif


        <!-- <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-bottom: 0 !important;">
                <div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate">
                    <ul class="pagination" style="margin-bottom: 0 !important;">
                        <li class="paginate_button previous disabled" id="DataTables_Table_0_previous"><a href="#" aria-controls="DataTables_Table_0" data-dt-idx="0" tabindex="0">Previous</a></li>
                        <li class="paginate_button active"><a href="#" aria-controls="DataTables_Table_0" data-dt-idx="1" tabindex="0">1</a></li>
                        <li class="paginate_button "><a href="#" aria-controls="DataTables_Table_0" data-dt-idx="2" tabindex="0">2</a></li>
                        <li class="paginate_button "><a href="#" aria-controls="DataTables_Table_0" data-dt-idx="3" tabindex="0">3</a></li>
                        <li class="paginate_button "><a href="#" aria-controls="DataTables_Table_0" data-dt-idx="4" tabindex="0">4</a></li>
                        <li class="paginate_button "><a href="#" aria-controls="DataTables_Table_0" data-dt-idx="5" tabindex="0">5</a></li>
                        <li class="paginate_button "><a href="#" aria-controls="DataTables_Table_0" data-dt-idx="6" tabindex="0">6</a></li>
                        <li class="paginate_button next" id="DataTables_Table_0_next"><a href="#" aria-controls="DataTables_Table_0" data-dt-idx="7" tabindex="0">Next</a></li>
                    </ul>
                </div>
            </div>
        </div> -->
