//exports.render_event_presenter_records = async function (events) {
async function render_event_presenter_records(events) {
  console.log('****************** Presenters ******************');
  console.log('Rendering event presenter records...');
  
  if (looping_tbl_event_presenter) {
    console.log('Already looping through the tbl_event_presenter table. Not starting until finished.');
    return false;
  } else {
    
  }
  
  looping_tbl_event_presenter = true;
  
  let presentations_presenters_lists = document.getElementsByClassName('presentation_presenters'); // from the UL nodes for presenters
  //console.log(presentations_presenters_lists);
  
  // First: Loop through the presenters table looking for presenters for each presentation list
  let tbl_event_presenter_result = await tbl_event_presenter.iterate(function(value, key, iteration) {
    let tbl_session_id = value.event_session_id;
    let tbl_presentation_id = value.event_presentation_id;
    let tbl_presenter_id = value.id;
    console.log('tbl_event_presenter iteration='+iteration+' | tbl_presenter_id='+tbl_presenter_id+' for tbl_presentation_id='+tbl_presentation_id);
    
    // Second: Loop through the presentations presenter UL placeholder (assumes there is a ul for presenters under each presentation)
    if (presentations_presenters_lists.length) {
      for (var i = 0; i < presentations_presenters_lists.length; i++) {
        let ul_session_id = presentations_presenters_lists[i].getAttribute('data-session_id');
        let ul_presentation_id = presentations_presenters_lists[i].getAttribute('data-presentation_id');
        //console.log('presentation i='+i+' | ul_presentation_id='+ul_presentation_id);
        
        // Check if this presenter is part of this presentation
        let add_presenter_id = true; // Set flag to true. Update if found. Add if not found.
        let remove_presenter_id = true; // Set flag to true. Update if found. Add if not found.
        if (tbl_presentation_id == ul_presentation_id) {
          console.log('This tbl_presentation_id '+tbl_presentation_id+' matches this ul_presentation_id '+ul_presentation_id+'. Trying to loop through list of presenters to see if it needs to be updated or added...');
          // Get a list of list items under the UL presenters node for a presentation
          let presentation_presenters_list_items = presentations_presenters_lists[i].children;
          
          // Third: Loop through the presenters (LI) in a specific list under a presentation.
          if (presentation_presenters_list_items.length) {
            for (let j=0, len=presentation_presenters_list_items.length; j < len; j++) {
              console.log('Checking li_presenter_id='+presentation_presenters_list_items[j].getAttribute('data-presenter_id'));
              let li_presentation_id = presentation_presenters_list_items[j].getAttribute('data-presentation_id');
              let li_presenter_id = presentation_presenters_list_items[j].getAttribute('data-presenter_id');
              
              if ( tbl_presentation_id == li_presentation_id && tbl_presenter_id == li_presenter_id ) {
                console.log('Updating presenter ID '+li_presenter_id);
                // Update the presenter information
                document.getElementById('event_presenter_'+tbl_presenter_id).setAttribute('data-given_name', value.given_name);
                document.getElementById('event_presenter_'+tbl_presenter_id).setAttribute('data-family_name', value.family_name);
                document.getElementById('event_presenter_'+tbl_presenter_id).getElementsByClassName('presenter_name')[0].innerHTML = value.given_name+' '+value.family_name;
                // Could have used getElementsByTagName('strong') instead
                
                
                console.log('XXXXX ******** STARTING SORT ******** XXXXX');
                var categoryItems = document.getElementById('event_presentation_presenters_'+tbl_presentation_id).childNodes;
                console.log(categoryItems);
                
                var categoryItemsArray = Array.from(categoryItems);
                
                function sorter(a, b) {
                    if (a.dataset.family_name < b.dataset.family_name) return -1;
                    if (a.dataset.family_name > b.dataset.family_name) return 1;
                }
                
                let sorted = categoryItemsArray.sort(sorter);
                
                function update_li_order(item, index) {
                  document.getElementById('event_presentation_presenters_'+tbl_presentation_id).appendChild(item);
                }
                
                sorted.forEach(update_li_order);
                console.log('******** FINISHED SORT ********');
                
                
                
                add_presenter_id = false;
                remove_presenter_id = false;
              } else if (tbl_presentation_id != li_presentation_id ) {
                console.log('Set flag to add presenter ID '+li_presenter_id+' to false. Set flag to remove presenter ID '+li_presenter_id+' to true.');
                add_presenter_id = false;
                remove_presenter_id = true; // The default is already set to true. Is this needed?
              } else {
                // NOTE: This section is not finished???
              }
            }
            
            
          } else {
            // No need to remove anything if the list is empty.
            console.log('Ignoring this presentation\'s list ('+ul_presentation_id+') of presenters because it is empty. Adding this presenter ('+tbl_presenter_id+') to the list...');
            add_presenter_id = true; // Technically this line is not needed since the value was initialized to true.
            remove_presenter_id = false;
          }
          
          
          
        } else {
          //NOTE: This probably needs to be reviewed again.
          //console.log('This tbl_presentation_id '+tbl_presentation_id+' does not match this ul_presentation_id '+ul_presentation_id+'. Do not add presenter ID. ***But leave remove presenter ID as true???');
          add_presenter_id = false;
          remove_presenter_id = false;
        }
        
        
        // The presenter ID was not found. Need to add.
        if ( add_presenter_id ) {
          console.log('Adding this presenter ('+tbl_presenter_id+') to the list of presenters for this presentation ('+ul_presentation_id+').');
          
          // Trying to remove old ID in case there is one already rendered
          console.log('Trying to remove an old presenter LI node if it exists...');
          try {
            document.getElementById('event_presenter_'+tbl_presenter_id).remove();
          } catch(err) {
            //console.log('A node with the ID of event_presenter_'+tbl_presenter_id+' was not found.');
            console.log('This presenter list item node was not found. In most cases this is expected.');
            console.log(err.message);
          }
          
          let presenter_li_node = document.createElement('LI');
          presenter_li_node.id = 'event_presenter_'+tbl_presenter_id;
          presenter_li_node.className = 'list-group-item event_presenter';
          presenter_li_node.setAttribute('data-session_id', value.event_session_id);
          presenter_li_node.setAttribute('data-presentation_id', ul_presentation_id);
          presenter_li_node.setAttribute('data-presenter_id', tbl_presenter_id);
          
          presenter_li_node.setAttribute('data-given_name', value.given_name);
          presenter_li_node.setAttribute('data-family_name', value.family_name);
          
          presenter_li_node.title = 'id='+tbl_presenter_id+' session_id='+value.event_session_id+' presentation_id='+ul_presentation_id+' presenter_id='+tbl_presenter_id;
          
          let presenter_name_strong_node = document.createElement('STRONG');
          presenter_name_strong_node.className = 'list-group-item-heading presenter_name';
            
          let presenter_name_text_node= document.createTextNode(value.given_name+' '+value.family_name);
          presenter_name_strong_node.appendChild(presenter_name_text_node);
          
          presenter_li_node.appendChild(presenter_name_strong_node);
          
          
          let presentation_presenters_ul_group_node = document.createElement('UL');
          presentation_presenters_ul_group_node.id = 'presenter_files_list_'+tbl_presenter_id;
          presentation_presenters_ul_group_node.className = 'list-group list-group-flush list-group-item-text presenter_files presenter_files_list event_files_list';
          presentation_presenters_ul_group_node.setAttribute('data-presenter_id', tbl_presenter_id);
          
          presenter_li_node.appendChild(presentation_presenters_ul_group_node);
          
          document.getElementById('event_presentation_presenters_'+tbl_presentation_id).appendChild(presenter_li_node);
          
          remove_presenter_id = false;
          
          console.log('XXXXX ******** STARTING SORT ******** XXXXX');
          try {
            var categoryItems = document.getElementById('event_presentation_presenters_'+tbl_presentation_id).childNodes;
            console.log(categoryItems);
            
            var categoryItemsArray = Array.from(categoryItems);
            
            function sorter(a, b) {
                if (a.dataset.family_name < b.dataset.family_name) return -1;
                if (a.dataset.family_name > b.dataset.family_name) return 1;
            }
            
            let sorted = categoryItemsArray.sort(sorter);
            
            function update_li_order(item, index) {
              document.getElementById('event_presentation_presenters_'+tbl_presentation_id).appendChild(item);
            }
            
            sorted.forEach(update_li_order);
          } catch(err) {
            console.log(err);
          }
          
          console.log('******** FINISHED SORT ********');
          
        } else {
          //console.log('Not going to add this presenter ('+tbl_presenter_id+') to the list of presenters for this presentation ('+ul_presentation_id+').');
        }
        
        
        // The presenter ID was found, but not part of this presentation. Need to remove.
        if ( remove_presenter_id ) {
          if ( ul_presentation_id != tbl_presentation_id ) {
            console.log('Removing this presenter ('+tbl_presenter_id+') from the list of presenters for this presentation ('+ul_presentation_id+').');
            
            // Trying to remove old ID in case there is one already rendered
            console.log('Trying to remove a presenter LI node...');
            try {
              document.getElementById('event_presenter_'+tbl_presenter_id).remove();
            } catch(err) {
              //console.log('A node with the ID of event_presenter_'+tbl_presenter_id+' was not found.');
              console.log('This presenter list item node was not found. In some cases this is expected.');
              console.log(err.message);
            }
          }
          
        } else {
          //console.log('This presenter ('+tbl_presenter_id+') is already part of the list of presenters for this presentation ('+ul_presentation_id+') and is correct.');
        }
        
      }
    } else {
      console.log('No UL placeholder list for presenters found under any presentations. Something might have gone wrong?');
    }
  }).then(function() {
    console.log('idb_to_ui: Iterate tbl_event_presenter looking for presenters to update, add, or remove is complete');
    looping_tbl_event_presenter = false;
    return true;
  })
  .catch(function (error) {
    console.log('Something went wrong in function render_event_presenter_records.');
    console.log(error);
    return false;
  });
  
  return true;
}