public function getPaginate($n)
    {
        return $this->model->with('professional')
        ->orderBy('extras.created_at', 'desc')
        ->paginate($n);
    }

$extras = $this->extraRepository->getPaginate(3);
$links = $extras->render();

<div class="pagination">{!! $links !!}</div>
           </div>
        </div>

        <div class="row">
           <div class="small-12 columns">
              <ul class="large-block-grid-3 medium-block-grid-2 small-block-grid-1">
                 @if(empty($extras))
                    <p class="empty-notice">Sorry, no extra available at the moment. Come back later</p>
                 @else
                    @foreach ($extras as $extra)
                    <li class="extra-available">@include('user.card', ["description" => $extra->professional->company_name." in ".
                                                                $extra->type.
                                                                ' for '.$extra->date.' at '.$extra->date_time,
                                               "title" => $extra->professional->company_name,
                                               "image" => asset("../resources/assets/images/extra-card-example.png"),
                                               "id"  => $extra->id])
                    </li>
                    @endforeach
                 @endif
              </ul>
           </div>
        </div>

$(".pagination a").click(function(e){
    e.preventDefault();
    var url = $(this).attr('href');
    //alert(url);
    $.ajax({
        url: url,
        type: "GET",
        success: function(data){
            $('.extra-available').html(data);
        }
    });
});