select2 with laravel controller

Controller.php

<?php
namespace App\Http\Controllers;



class CityController extends BaseController
{
    public function getRegions()
    {
        $s = request()->get('q', '');
        $data = Region::where('name_ar', 'like', \DB::raw('"%' . $s . '%"'))->paginate();
        return $data->toJson();
    }
}

select2.blade.php

    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/i18n/ar.js"></script>
    <script type="text/javascript">
      $(document).ready(function () {

        $('select[name="region"]').select2({
          language: "ar",
          dir: "rtl",
          ajax: {
            url: "{{ route('admin.ajax.regions') }}",
            dataType: 'json',
            delay: 250,
            data: function (params) {
              return {
                q: params.term, // search term
                page: params.page
              };
            },

            processResults: function (data, params) {
              // parse the results into the format expected by Select2
              // since we are using custom formatting functions we do not need to
              // alter the remote JSON data, except to indicate that infinite
              // scrolling can be used
              console.log(data);
              params.page = params.page || 1;

              return {
                results: $.map(data.data, function (item) {
                  return {
                    text: item.name,
                    slug: item.slug,
                    id: item.id
                  }
                }),
                pagination: {
                  more: (params.page * 30) < data.total_count
                }
              };
            },
            cache: true
          },
          escapeMarkup: function (markup) {
            return markup;
          }, // let our custom formatter work
        });
      });
    </script>