<script language="javascript">
        var skip = 0;

        function loadProfile(loadMore) {
            var u_email = 'com@com.com';

            if (loadMore) {
                document.getElementById("loadMoreBtn").style.visibility = "hidden";
            } else {
                if (u_email === "com@com.com") {
                    alert("Please login to see all users and use the filter feature.");
                    return;
                }
            }

            var urlToLoad = "";

            var filterGender = document.getElementById("selectGender")[document.getElementById("selectGender").selectedIndex].text;
            var filterAge = document.getElementById("selectAge")[document.getElementById("selectAge").selectedIndex].text;
            var filterCountry = document.getElementById("selectCountry")[document.getElementById("selectCountry").selectedIndex].text;
            var filterAccountType = document.getElementById("selectAccountType")[document.getElementById("selectAccountType").selectedIndex].text;
            var filterHashtagInput = document.getElementById("hashtagInput").value;

            if (filterHashtagInput.trim() === "") {
                filterHashtagInput = "Hashtag";
            }

            if (loadMore) {
                skip += 24;
                urlToLoad = "/load_more/"+filterGender+"/"+filterAge+"/"+filterCountry+"/"+filterAccountType+"/"+skip+"/"+filterHashtagInput;

                $("#loadingView").html('<i style="font-size: 30px; margin-bottom: 50px;" class="fa fa-spinner fa-spin"></i>');
            } else {
                skip = 0;
                urlToLoad = "/filter/"+filterGender+"/"+filterAge+"/"+filterCountry+"/"+filterAccountType+"/"+skip+"/"+filterHashtagInput;
            }

            $("#filterBtn").html('<button class="btn btn-success" style="float: right; width:100%;">Loading&ensp;<span class="fa fa-spinner fa-spin"></button>');

            $.ajax({
                type: "GET",
                url: urlToLoad,
                success: function(myData) {
                    $("#filterBtn").html('<button onclick="loadProfile(false);" class="btn btn-danger" style="float: right; width:100%;">Filter&ensp;<span class="glyphicon glyphicon-filter"></button>');
                    $("#loadingView").html("");

                    if (myData.profiles.length > 23) {
                        document.getElementById("loadMoreBtn").style.visibility = "visible";
                    } else {
                        document.getElementById("loadMoreBtn").style.visibility = "hidden";
                    }

                    if (!loadMore) {
                        $("#users_view").html("");
                    }

                    myData.profiles.forEach(function(element) {
                         var featured = "";
                         var vip = "";

                        if (element.isFeatured) {
                            featured = "glyphicon glyphicon-star";
                        }

                        if (element.isVip) {
                            vip = "glyphicon glyphicon-king";
                        }

                        var viewToAppend = '<div class="col-sm-4 col-md-3 col-lg-2"><div class="image_div"> <figure class="cropped-image"> <a target="_blank" href="/user/?id='+element.ownerId+'" ><img title="'+element.bio+'" src="https://addsnapchatfriends.com/' + element.imageUrl + '" class="cover"/></a></figure>';

                        if (element.country != "" && element.country != undefined) {
                            if (element.gender == "Female") {
                                viewToAppend = viewToAppend + '<h5><img src="https://addsnapchatfriends.com/' + element.country + '.png" height="12">&ensp;<span class="bold"> ' + element.age + ' </span>Female <span class="'+featured+'" title="Featured" style="color:#fac500;"></span> </span> <span class="'+vip+'" title="VIP" style="color:#fac500;"></span></h5>';
                            } else if (element.gender == "Male") {
                                viewToAppend = viewToAppend + '<h5><img src="https://addsnapchatfriends.com/' + element.country + '.png" height="12">&ensp;<span class="bold"> ' + element.age + ' </span>Male <span class="'+featured+'" title="Featured" style="color:#fac500;"></span> </span> <span class="'+vip+'" title="VIP" style="color:#fac500;"></span></h5>';
                            }
                        } else {
                            if (element.gender == "Female") {
                                viewToAppend = viewToAppend + '<h5><span class="bold"> '+element.age+' </span>Female <span class="'+featured+'" title="Featured" style="color:#fac500;"></span> </span> <span class="'+vip+'" title="VIP" style="color:#fac500;"></span></h5>';
                            } else if (element.gender == "Male") {
                                viewToAppend = viewToAppend + '<h5><span class="bold"> '+element.age+' </span>Male <span class="'+featured+'" title="Featured" style="color:#fac500;"></span> </span> <span class="'+vip+'" title="VIP" style="color:#fac500;"></span></h5>';
                            }
                        }

                        viewToAppend = viewToAppend + "</div>";
                        viewToAppend = viewToAppend + "</div>";

                        $("#users_view").append(viewToAppend);
                    });
                }
            });
        }
    </script>