/**
 * Created by Pascal on 19/11/15.
 */
$(function() {

    //load reference from /Reference/ReferenceController getReference()
    $.ajax({
        url: "/loadReferences",
        method: "GET",
        dataType: "json",
        cache: true
    }).done(function (data) {
        $reviews = data;
        $('#facebook-reviews .spinner').fadeOut();

        $.each($reviews, function(i, review){
            if(i < 12) {

                //Create the facebook reference html block
                $reviewPost = '<div class="review span4">';
                $reviewPost += '<span class="avatar"><img alt="review_photo" src="' + review.reviewer.profile_pic + '"/></span>';
                $reviewPost += '<h4>' + review.reviewer.name + '</h4>';
                $reviewPost += '<div class="stars">';
                for ($i = 1; $i <= review.rating; $i++) {
                    $reviewPost += '<span class="star""></span>';
                }
                $reviewPost += '</div>';

                if (review.review_text != null) {
                    $reviewPost += '<p>' + review.review_text + '</p>';
                }


                //$date = new Date(review.created_time);
                //$months = ['januari', 'februari', 'maart', 'april', 'mei', 'juni', 'juli', 'augustus', 'september', 'oktober', 'november', 'december'];
                //$newDate = $date.getDate() + ' ' + $months[$date.getMonth()] + ' ' + $date.getFullYear();


                if (review.review_text == null) {
                    $reviewPost += '<p class="date noText">' + review.created_time + '</p>';
                }
                else{
                $reviewPost += '<p class="date">' + review.created_time + '</p>';
                }
                $reviewPost += '</div>';


                //Add to the view
                $('#facebook-reviews').append($reviewPost);
            }
        });
    });

});