@php
    $tagName = 'addTag_' . rand(1,99999)
@endphp

<div class="item" id="{{$tagName}}"></div>

<script>
    if (typeof(jQuery) == "undefined") {
        document.write('<script src="{{asset('js/min/jquery.min.js')}}"><\/script>');
    }
    
    $.ajax({
        type: 'GET',
        url: '{{route('ajaxGetCountries')}}',
        success: function (data) {
            if (data) {
                let a = true;
                for (let i = 0, j = data.length; i < j; i++) {
                    if (data[i]['main'] != 1 && a === true) {
                        $("#{{$tagName}}").before('<div class="item disabled">{{__("Other countries")}}</div>');
                        a = false;
                    }
    
                    $("#{{$tagName}}").before(
                        '<div class="item" data-value="' + data[i]['phoneAreaCode'] + '">' +
                            '<i class="' + data[i]['iconClass'].toLowerCase() + ' flag"></i>' +
                            data[i]['phoneAreaCode'] +
                        '</div>'
                    );
                }
    
                @if(!empty($callback))
                    window['{{$callback}}'](
                        ...JSON.parse('{!! $callbackParams ?? '[]' !!}')
                    );
                @endif
                
                $("#{{$tagName}}").remove();
            }
        }
    });
</script>