# Logic for download button, search, select all and downloading files. html_content +=
<button id="download-selected-button" style="color:tomato; font-size: 20px">Download Files</button> 
<script>
function selectall() {
var checkboxes=document.querySelectorAll('#file-list input[type="checkbox"]');
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = document.getElementById('select-all').checked; } }
function searchFiles() {
var searchInput = document.getElementById('search-input').value.toLowerCase(); 
var files = document.querySelectorAll('#file-list li');
for (var i = 0; i < files.length; i++) {
var fileName = files[i].querySelector('a').innerText.toLowerCase();
if (fileName.includes (searchInput)) {
files[i].style.display = 'block';
} else {
files[i].style.display = 'none'; } } }
function downloadSelectedFiles() {
var checkedBoxes = document.querySelectorAll('#file-list input[type="checkbox"]: checked'); 
if (checkedBoxes.length === 0) {
alert('Please select at least one file to download.');
return; }
var downloadUrls = [];
for (var i = 0; i < checkedBoxes.length; i++) {
var checkbox = checkedBoxes[i];
var liElement = checkbox.parentNode;
if (window.getComputedStyle(liElement).getPropertyValue('display') !== 'none'){
var downloadUrl = liElement.querySelector('a').href;
downloadUrls.push(downloadUrl); } }
for (var i = 0; i < downloadUrls.length; i++) {
var downloadUrl = downloadUrls[i];
var iframe = document.createElement('iframe'); 
iframe.style.display = 'none';
iframe.src=downloadUrl;
document.body.appendChild(iframe); } }
document.getElementById('select-all').addEventListener('change', selectall);
document.getElementById('download-selected-button').addEventListener('click', downloadSelectedFiles);
</script>
</body>
"""

return{
    'statusCode': 200, 
    'body' : html_content, 
    'headers': {
    'Content-Type': 'text/html'
    }
}