@if(count($shops))
@foreach ($shops as $shop)
    <div class="col-lg-6 removed_container">
        <div class="items">
            <div class="img">
                <img src="{{$shop->photo ? asset($shop->photo) : asset('assets/web/images/item-1.jpg')}}" alt="">
            </div>
            <div class="info" data-lat="{{$shop->latitude}}" data-lng="{{$shop->longitude}}">
                <h6><a href="{{route('customer.numbers', $shop->id)}}">{{$shop->name}}</a></h6>
                <p><img src="{{asset('assets/web/images/icons/location.svg')}}" alt=""> <span>{{$shop->distance}}</span></p>
            </div>
        </div>
    </div>
@endforeach
    @else
    <div class="alert alert-info col-md-12 text-center text-danger">{{__('main.no_shops')}}</div>
@endif


{{--<script>--}}
{{--    $(document).ready(function () {--}}
{{--        $('.info').each(function () {--}}
{{--            // 30.778054, 30.989893--}}
{{--            let lat = $('.latlang_container input.latitude').val(),--}}
{{--                lng = $('.latlang_container input.longitude').val(),--}}
{{--                // let lat = 30.778054,--}}
{{--                // lng = 30.989893,--}}
{{--                customerLat = lat,--}}
{{--                customerlng = lng,--}}
{{--                shopLat = $(this).data('lat'),--}}
{{--                shopLng = $(this).data('lng');--}}

{{--            let rad = function(x) {--}}
{{--                return x * Math.PI / 180;--}}
{{--            };--}}

{{--            let getDistance = function(p1, p2) {--}}
{{--                let R = 6378137; // Earth’s mean radius in meter--}}
{{--                let dLat = rad(p2.lat - p1.lat),--}}
{{--                    dLong = rad(p2.lng - p1.lng),--}}
{{--                    a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +--}}
{{--                        Math.cos(rad(p1.lat)) * Math.cos(rad(p2.lat)) *--}}
{{--                        Math.sin(dLong / 2) * Math.sin(dLong / 2);--}}
{{--                let c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)),--}}
{{--                    d = R * c;--}}
{{--                return d; // returns the distance in meter--}}
{{--            };--}}

{{--            let distance = Math.round(getDistance({lat:customerLat, lng:customerlng}, {lat:shopLat, lng:shopLng}));--}}

{{--            if (distance > "{{settingRang()->max_range}}"){--}}
{{--                $(this).parents('.removed_container').remove()--}}
{{--            } else {--}}
{{--                $(this).children('p').children('span').html(distance + ' M away')--}}
{{--            }--}}
{{--        });--}}
{{--    })--}}
{{--</script>--}}