function RestaurantList(flag) {
    $.ajax({
        url: location.origin + '/Restaurant/GetList',
        method: 'GET',
        data: { flag: flag },
        success: function (data) {
            var restaurants = "";
            for (var i = 0; i < data.length; i++) {
                var rulename = "";
                if (data[i].status) {
                    rulename = '<div class="card-header bg-dark" >' + data[i].ruleName + '</div >';
                }
                restaurants +=
                    "<div class='col-md-4 searchName'>" +
                    "<div class='card text-light bg-light mb-3 text-center' style='max-width: 18rem;' id='searchcard'> " +
                    rulename +
                    "<div class='card-body text-dark'>" +
                    "<h5 class='card-title'>" + data[i].restaurantName + "</h5>" +
                    "<p class='card-text'>" + data[i].address + "</p>" +
                    "<p class='card-text'>" + data[i].contactNo + "</p>" +
                    "<input type='button' class='restaurantCard btn btn-info' id='" + data[i].restaurantId + "BtnUser' value='Order Now' /input > " +
                    "</div>" +
                    "</div>" +
                    "</div>";
            }
            $('#restaurantList').html("");
            $('#restaurantList').append(restaurants);
            $('.restaurantCard').click(function () {
                console.log(this.id);
                var id = this.id.split("BtnUser");
                console.log(id[0]);
                $.ajax({
                    url: location.origin + '/Restaurant/RestaurantList',
                    method: 'GET',
                    data: { RestaurantId: id[0] },
                    async: false,
                    success: function () {
                        location.assign(location.origin + "/Restaurant/RestaurantList/" + id[0]);
                    }
                }).responseJSON;
            });
        }
    });

}
$(document).ready(function () {
    RestaurantList(3);
    $('#selectList').on('change', function () {
        flag = $('#selectList').val();
        RestaurantList(flag);
    });

    $("#filterrestro").on("keyup", function () {
        $("#clear").show();
    });

    $('#clear').on("click", function () {
        $('#filterrestro').val('');
        $("#clear").hide();
    });


    $("#findRestaurant").on("click", function () {
        var value = $('#filterrestro').val().toLowerCase();
        $('#noRecord').html("No results found with your search criteria. Please try again !!");
        $('.searchName').hide();                //hide all the divs with class name
        $('.searchName').each(function () {
            var text = $(this).find('h5').text().toLowerCase();
            if (text.indexOf(value) >= 0) {
                $(this).show();
                $('#noRecord').hide();

            }
            else if (!$(text).val(value)) {
                $('#noRecord').show();

            }
        });

    });
});