$(document ).ready(function() {

    $.ajax({

        type: "GET",

        url: "https://admin.thesmarttestprep.com/api/gettoefl",

        success: function (data) {

            var html = "";

            var image = "";

            for(i=0; i<data.data.length; i++) {

                html += '<div class="testimonial-box">';

                html += '<div class="testi-img">';

                image = data.data[i].image === null ? 'https://admin.thesmarttestprep.com/images/no-image.png' : 'https://admin.thesmarttestprep.com/public/images/sprofile/'+data.data[i].image;

                html += '<img src="'+image+'" alt>';

                html += '</div>';

                html += '<div class="testi-desc" style="text-align: center;">';

                html += '<h4 class="testi-name">'+data.data[i].fname+'</h4>';

                html += data.data[i].listening === null ? '' : '<div class="r-card"><p> Listening :- '+data.data[i].listening+'</p>';

                html += data.data[i].reading === null ? '' : '<p> Reading :- '+data.data[i].reading+'</p>';

                html += data.data[i].speaking === null ? '' : '<p> Speaking :- '+data.data[i].speaking+'</p>';

                html += data.data[i].writing === null ? '' : '<p> Writing :- '+data.data[i].writing+'</p>';

                html += '</div>';

                html += data.data[i].overall === null ? '' : '<p class="r-total"> Overall :- '+data.data[i].overall+'</p>';

                html += '</div>';

                html += '</div>';

            }

            $("#toeflItem").html(html);

        },

    });

});