var recordToSearch='';
var showSearchUi=true;
function getSearchBarUi(showSearchBar){
if(showSearchBar==true){
return "<button id='dropDown' onclick='javascript:populateDropdownMenu();' style='background-color:white;border:none'><h4>Search Patients Record ▼</h4></button><div id='searchUi' style='display:none;'><input id='searchInput' placeholder='Search Records' style='padding: 6px 12px;width:270px;' onkeyup='javascript:filter()'><div id='recordList'></div></div><hr>";}
else{return '';}
}
function toggleUiVisible(){
if(showSearchUi==true){
document.getElementById('recordList').innerHTML=recordToSearch;
showSearchUi=false;
document.getElementById('searchUi').style.display='';
document.getElementById('dropDown').innerHTML='<h4>Search Patients Record ▲</h4>';}else{
showSearchUi=true;
document.getElementById('searchUi').style.display='none';
document.getElementById('dropDown').innerHTML='<h4>Search Patients Record ▼</h4>';}
}
function setRecordToSearch(records){
recordToSearch='';
for(var i=1;i<records.length;i++){
var recordItem=records[i].split('^*^');
recordToSearch=recordToSearch+"<div style='padding:6px 12px;background-color:lightgray' onclick='javascript:searchBarItemSelected("+recordItem[1]+")' >"+recordItem[0]+"</div>";
}
toggleUiVisible();
}
function filter(){
var searchText=document.getElementById('searchInput').value.toLowerCase();
var list=(document.getElementById('recordList')).getElementsByTagName('div');
for(var i=0;i<list.length;i++){
if((list[i].innerHTML.toLowerCase()).indexOf(searchText)>-1){
list[i].style.display='';
}
else{
list[i].style.display='none';}
}
}