angular.module('app.mapEvents', ['pascalprecht.translate', 'ui-leaflet'])

.controller('MapEventsCtrl', function($scope, $http, $ionicModal,
            $timeout, $ionicLoading, $filter,
            leafletBoundsHelpers, $cordovaSocialSharing) {

    //map
    $scope.center= {
        lat: 0,
        lng: 0,
        zoom: 1
    };
    $scope.markers=[];
    $scope.tiles= {
        url: "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
        options: {
            attribution: '<a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
        }
    };

    $scope.events=[];
    $scope.page=0;
    $http.get(urlapi + 'events')
    .then(function(data){
        console.log('data success events');
        console.log(data); // for browser console
        //$scope.events = data.data; // for UI
        $scope.events=data.data;
        $scope.$broadcast('scroll.refreshComplete');//refresher stop
        for(var i=0; i<$scope.events.length; i++)
        {
            if($scope.events[i].location)
            {
                var msg="<a href='#/app/events/"+$scope.events[i]._id+"'>"
                +"<h4>"+$scope.events[i].title + "</h4>"
                +"<img src='"+$scope.events[i].img+"' style='width:100%;'>"
                +$scope.events[i].description+"</a>";

                $scope.markers.push({
                    lat: Number($scope.events[i].location.geo.lat),
                    lng: Number($scope.events[i].location.geo.long),
                    message: msg
                });
                $scope.center= {
                    lat: Number($scope.events[i].location.geo.lat),
                    lng: Number($scope.events[i].location.geo.long),
                    zoom: 12
                };
            }
        }
    }, function(data){
        console.log('data error');
        $scope.$broadcast('scroll.refreshComplete');//refresher stop
        $ionicLoading.show({ template: 'Error connecting server', noBackdrop: true, duration: 2000 });

    });


});