// when OfflineApps has finished rendering the page, call initFilters
$(document).on("finishedRender", initFilters);

/** initFilters - add event handlers to the Search and Reset buttons **/
function initFilters() {
    // remove the onclick attribute of the search button and add a click event handler that will execute our search function
    $("input[value=Search]").attr("onclick","").click(function(event) {
        // prevent the form from being submitted
        event.preventDefault();
        
        var searchText = $("input[id$=SearchInput]").val().toUpperCase();
        
        // search our storage and add the records that match our search query to a new list
        var itemsToShow = REST_CONTACTS_records.sqlWhere(
         "( UPPER(Contact.Name) LIKE '%" + searchText + "%' ) OR " +
         "( UPPER(Contact.Email) LIKE '%" + searchText + "%' ) OR " +
         "( UPPER(Contact.Phone) LIKE '%" + searchText + "%' ) AND " +
        "(isDeleted = null)"
       );

        // render the search results to the screen
        REST_CONTACTS_records.renderList(
            null /* container selector; null means use the default target */,
            itemsToShow /* records to render */,
            "Contact.Id" /* entity Id Attribute */
        );
    });
    
    /** remove the onclick attribute of the reset button and add a click event handler that will
    ** clear the search input **/
    $("input[value=Reset]").attr("onclick","").click(function(event) {
        // prevent default button behavior
        event.preventDefault();
        
        // clear the search input
        $("input[id$=SearchInput]").val("");
        
        //show all rows
        REST_CONTACTS_records.renderList(
            null /* container selector; null means use the default target */,
            null /* records to render; null means render all records */,
            "Contact.Id" /* entity Id Attribute */
        );
    });
}