let _card_body = document.getElementById('card-body');
let _card_footer = document.getElementById('card-footer');

let _arrow_down = document.getElementById('arrow-down');

let closeWindow =  document.getElementById('close-window');
let _card = document.getElementById('card');

let _reload = document.getElementById('reload');

_arrow_down.addEventListener('click',minimizeButton);

// minimize window

function minimizeButton(e)
{

   _card_body.classList.toggle('active');
   
    e.preventDefault();
}

// reload window
_reload.addEventListener('click',_reloadFunction);

function _reloadFunction(e)
{
    _card_body.reload();
    e.preventDefault();
}

// remove window

closeWindow.addEventListener('click',removeWindow);

function removeWindow(e)
{
    _card.classList.add('active');
    
    e.preventDefault();
}


// Searching Js ====================================================------------------------->

// get input element
let filterInput = document.getElementById('filterInput');


//Add Eventlistener

// filterInput.addEventListener('keyup',filterNames);


// function filterNames()
// {
//     // get value of input
//     let filterValue = document.getElementById('filterInput').value.toUpperCase();

//     //get names tr
//     let tr = document.getElementById('names');

//     // Get td from tr
//     let td = tr.querySelectorAll('td.collection-item');

//       // Loop through collection-item td

//       for(let i = 0;i < td.length;i++){
//         let a = td[i].getElementsByTagName('a')[0];
//         // If matched
//         if(a.innerHTML.toUpperCase().indexOf(filterValue) > -1){
//           td[i].style.display = '';
//         } else {
//           td[i].style.display = 'none';
//         }
//       }
// }