const os = require('os');
const path = require('path');
const fs = require('fs');

const { ipcRenderer } = require('electron');


exports.launcher_render = async function (launcher) {
  console.log('Rendering launcher...');
  document.getElementById('location_title').innerHTML = '<h1>Launcher '+launcher.location.name+'@'+launcher.event.name+'</h1>';
  
  document.getElementById('event_files_menu').innerHTML = '<h2>Event Files</h2>';
  document.getElementById('event_files_menu').innerHTML += '<ul class="">';
  for (var i in launcher.event_files) {
    document.getElementById('event_files_menu').innerHTML += '<li id="menu_event_file_id_'+launcher.event_files[i].id+'" class="btn btn-info btn_no_case open_local_file" data-hash_sha256="'+launcher.event_files[i].hash_sha256+'.file" data-filename="'+launcher.event_files[i].event_file_filename+'">'+launcher.event_files[i].event_file_filename+'</li>';
  }
  document.getElementById('event_files_menu').innerHTML += '</ul>';
  
  document.getElementById('location_files_menu').innerHTML = '<h2>Location Files</h2>';
  document.getElementById('location_files_menu').innerHTML += '<ul class="" role="">';
  for (var i in launcher.location_files) {
    document.getElementById('location_files_menu').innerHTML += '<li id="menu_event_file_id_'+launcher.location_files[i].id+'" class="btn btn-info open_local_file" data-hash_sha256="'+launcher.location_files[i].hash_sha256+'.file" data-filename="'+launcher.location_files[i].event_file_filename+'">'+launcher.location_files[i].event_file_filename+'</li>';
  }
  document.getElementById('location_files_menu').innerHTML += '</ul>';
  
  document.getElementById('sessions_menu').innerHTML = '<h2>Sessions</h2>';
  document.getElementById('sessions_menu').innerHTML += '<ul class="" role="">';
  //let location_detail = '';
  if (document.getElementById('location_detail').innerHTML.length) {
    console.log('detail_session_id_xx already exists');
  } else {
    console.log('location_detail already populated');
    document.getElementById('location_detail').innerHTML = ''; // This needs to be reviewed.
  }
  for (var i in launcher.sessions) {
    // List sessions in menu
    document.getElementById('sessions_menu').innerHTML += '<li id="menu_session_id_'+launcher.sessions[i].id+'" class="btn btn-info btn_view_session" data-session_id="'+launcher.sessions[i].id+'">'+launcher.sessions[i].name+'</li>';
    
    // Create containers for each session
    let session_detail = '';
    
    if (typeof(document.getElementById('detail_session_id_'+launcher.sessions[i].id)) != 'undefined' && document.getElementById('detail_session_id_'+launcher.sessions[i].id) != null) {
      //console.log('detail_session_id_xx already exists');
    } else {
      //console.log('Adding detail_session_id_xx');
      session_detail += '<div id="detail_session_id_'+launcher.sessions[i].id+'" class="container d-none session_detail" data-session_id="'+launcher.sessions[i].id+'">';
    }
    
    
    
    var session_startdatetime = new Date(launcher.sessions[i].start_datetime);
    
    session_detail += '<h2 class="session_title">'+launcher.sessions[i].name+'<span class="badge badge-pill badge-info float-right">'+dateFns.format(session_startdatetime, 'ddd h:mm A')+'</span>'+'</h2>';
    
    
    //session_detail += '<div class="">'; // for card-group
      
      session_detail += '<div class="card">';
      session_detail += '<div class="card-header">Session Files:</div>';
      session_detail += '<div class="card-body">';
      
      session_detail += '<ul>';
      for (var j in launcher.sessions[i].files) {
        //console.log(launcher.sessions[i].files[j].event_file_filename);
        session_detail += '<li class="btn btn-info open_local_file" data-hash_sha256="'+launcher.sessions[i].files[j].hash_sha256+'.file" data-filename="'+launcher.sessions[i].files[j].event_file_filename+'">'+launcher.sessions[i].files[j].event_file_filename+'</li>';
      }
      session_detail += '</ul>';
      
      session_detail += '</div>'; // for card-body
      session_detail += '</div> <!-- for session files card -->'; // for session files card
      
      
      //session_detail += '<div class="session_presentations">';
      
      for (var j in launcher.sessions[i].presentations) {
        //session_detail += '<li>'+launcher.sessions[i].presentations[j].name;
        
        var session_presentation_startdatetime = new Date(launcher.sessions[i].presentations[j].start_datetime);
        
        session_detail += '<div class="card">';
        session_detail += '<div class="card-header">'+launcher.sessions[i].presentations[j].name+'<span class="badge badge-pill badge-info float-right">'+dateFns.format(session_startdatetime, 'h:mm a')+'</span>'+':</div>';
        session_detail += '<div class="card-body">';
        
        session_detail += '<ul class="list-group">';
        for (var k in launcher.sessions[i].presentations[j].files) {
          //console.log(launcher.sessions[i].presentations[j].files[k].event_file_filename);
          session_detail += '<li class="list-group-item data-hash_sha256="'+launcher.sessions[i].presentations[j].files[k].hash_sha256+'.file" data-filename="'+launcher.sessions[i].presentations[j].files[k].event_file_filename+'">';
          
          session_detail += '<button class="btn btn-info open_local_file" data-hash_sha256="'+launcher.sessions[i].presentations[j].files[k].hash_sha256+'.file" data-filename="'+launcher.sessions[i].presentations[j].files[k].event_file_filename+'">'+launcher.sessions[i].presentations[j].files[k].event_file_filename+'</button>';
          
          var event_file_size = launcher.sessions[i].presentations[j].files[k].size;
          var event_file_created_on = new Date(launcher.sessions[i].presentations[j].files[k].created_on);
          
          session_detail += '<span class="badge badge-pill badge-light float-right">'+format_bytes(event_file_size, 2)+'; '+dateFns.format(event_file_created_on, 'MMM M h:mm A')+'; '+launcher.sessions[i].presentations[j].files[k].internal_os+'</span>';
          
          session_detail += '</li>';
          
        }
        session_detail += '</ul>';
        
        
        session_detail += '<ul>';
        for (var k in launcher.sessions[i].presentations[j].presenters) {
          //console.log(launcher.sessions[i].presentations[j].presenters[k].given_name);
          session_detail += '<li>'+launcher.sessions[i].presentations[j].presenters[k].given_name+' '+launcher.sessions[i].presentations[j].presenters[k].family_name;
          
          session_detail += '<ul class="list-group">';
          for (var l in launcher.sessions[i].presentations[j].presenters[k].files) {
            //console.log(launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename);
            //session_detail += '<li class="list-group-item" data-hash_sha256="'+launcher.sessions[i].presentations[j].presenters[k].files[l].hash_sha256+'.file" data-filename="'+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename+'">'+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename;
            session_detail += '<li class="list-group-item" data-hash_sha256="'+launcher.sessions[i].presentations[j].presenters[k].files[l].hash_sha256+'.file" data-filename="'+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename+'">';
            session_detail += '<button class="btn btn-info open_local_file" data-hash_sha256="'+launcher.sessions[i].presentations[j].presenters[k].files[l].hash_sha256+'.file" data-filename="'+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename+'">'+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename+'</button>';
            
            var event_file_size = launcher.sessions[i].presentations[j].presenters[k].files[l].size;
            var event_file_created_on = new Date(launcher.sessions[i].presentations[j].presenters[k].files[l].created_on);
            
            session_detail += '<span class="badge badge-pill badge-light float-right">'+format_bytes(event_file_size, 2)+'; '+dateFns.format(event_file_created_on, 'MMM M h:mm A')+'; '+launcher.sessions[i].presentations[j].presenters[k].files[l].internal_os+'</span>';
            
            
            session_detail += '</li>';
          }
          session_detail += '</ul>';
          
          session_detail +='</li>';
        }
        session_detail += '</ul>';
        
        
        session_detail += '</ul>';
        session_detail += '</div>'; // for card-body
        session_detail += '</div> <!-- for card -->'; // for card
        
      }
      //session_detail += '</div> <!-- for session_presentations -->'; // for session_presentations
      
    //session_detail += '</div>'; // for card-group
    session_detail += '</div> <!-- End session detail for '+launcher.sessions[i].id+' -->';
    
    
    //document.getElementById('location_detail').innerHTML += session_detail;
    
    if (typeof(document.getElementById('detail_session_id_'+launcher.sessions[i].id))  != 'undefined' && document.getElementById('detail_session_id_'+launcher.sessions[i].id) != null) {
      document.getElementById('detail_session_id_'+launcher.sessions[i].id).innerHTML = session_detail;
    } else {
      document.getElementById('location_detail').innerHTML += session_detail;
    }
    
    
  }
  document.getElementById('sessions_menu').innerHTML += '</ul>';
  
  index_location_detail('btn_view_session');
  
  index_open_file_buttons('open_local_file');

  
  //const btn_session_{{ event_presentation.id }}_name = document.querySelector('button#presentation_{{ event_presentation.id }}_name');
  //btn_presentation_{{ event_presentation.id }}_name.onclick = display_hide_poster_for_type_id.bind(this, true, 'presentation', {{ event_presentation.id }});
  console.log('Rendering launcher finished.');
  
  return true;
}


/* Updated 2019-12-19 */
function index_location_detail(class_name) {
  var class_elements = document.getElementsByClassName(class_name);
  
  for (var i = 0; i < class_elements.length; i++) {
    class_elements[i].addEventListener( 'click', function() {view_session( this.getAttribute('data-session_id')) } );
  }
  
  return true;
}


/* Updated 2019-12-19 */
function view_session(session_id) {
  var class_elements = document.getElementsByClassName('session_detail');
  console.log('*** Session ID: '+session_id);
  for (var i = 0; i < class_elements.length; i++) {
    console.log('*** checking: '+class_elements[i].getAttribute('data-session_id'));
    if (class_elements[i].getAttribute('data-session_id') == session_id) {
      console.log('show');
      class_elements[i].classList.remove('d-none');
      class_elements[i].classList.add('d-block');
    } else {
      console.log('hide');
      class_elements[i].classList.remove('d-block');
      class_elements[i].classList.add('d-none');
    }
  }
  
  return true;
}





/* Updated 2019-12-20 */
function index_open_file_buttons(class_name) {
  var class_elements = document.getElementsByClassName(class_name);
  
  for (var i = 0; i < class_elements.length; i++) {
    //class_elements[i].addEventListener( 'click', function() {open_local_file( this.getAttribute('data-filename')) } );
    
    //let directory = 'file_cache/';
    
    //directory_and_filename = path.join(directory, class_elements[i].getAttribute('data-filename'));
    
    let file_path = path.join(host_file_cache_path, class_elements[i].getAttribute('data-hash_sha256'));
    let filename = class_elements[i].getAttribute('data-filename');
    
    class_elements[i].addEventListener( 'click', function() { ipcRenderer.send('open_local_file', file_path, filename) } );
    //ipcRenderer.send('open_local_file', this.getAttribute('data-filename')); // in render thread
  }
  
  return true;
}



function format_bytes(bytes, decimals = 2) {
    if (bytes === 0) return '0 Bytes';

    const k = 1024;
    const dm = decimals < 0 ? 0 : decimals;
    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];

    const i = Math.floor(Math.log(bytes) / Math.log(k));

    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
}