function renderGuide(data){
  var buttons = '';
  for (i = 0; i < data.buttons.length; i++) {
    var button = data.buttons[i];
    buttons += '<button class="slds-button slds-button_' + button.type + ' ' + button.customClasses + '" onclick="choice(this)" aria-controls="' + button.controls + '">' + button.text + '</button>';
  };

  var htm = '<article class="slds-card slds-p-bottom_medium">';
  htm += '  <div class="slds-card__body slds-card__body_inner" role="guide-text">';
  htm += '    <h3 class="slds-text-title_caps slds-p-top_medium" style="color:#1AA0DB; font-size:0.825rem; font-weight:600;">' + data.subtitle + '</h3>';
  htm += '    <h2 class="slds-size_1-of-1 slds-text-heading_large slds-p-bottom_small" style="font-weight:400; font-size:24px;">';
  htm += '      ' + data.title + '';
  htm += '    </h2>';
  htm += '    <p>' + data.description + '</p>';
  htm += '    <div class="slds-size_1-of-1 slds-p-top_large" role="buttons">';
  htm += '      ' + buttons;
  htm += '    </div>';
  htm += '  </div>';
  htm += '</article>';
  $('#guide').html(htm);
}
// Function to update the guide content 
Function to update the guide content
Function to update the guide content
function renderGuide(data){
  var buttons = '';
  for (i = 0; i < data.buttons.length; i++) {
    var button = data.buttons[i];
    buttons += '<button class="slds-button slds-button_' + button.type + ' ' + button.customClasses + '" onclick="choice(this)" aria-controls="' + button.controls + '">' + button.text + '</button>';
  };
  var htm = '<article class="slds-card slds-p-bottom_medium">';
  htm += '  <div class="slds-card__body slds-card__body_inner" role="guide-text">';
  htm += '    <h3 class="slds-text-title_caps slds-p-top_medium" style="color:#1AA0DB; font-size:0.825rem; font-weight:600;">' + data.subtitle + '</h3>';
  htm += '    <h2 class="slds-size_1-of-1 slds-text-heading_large slds-p-bottom_small" style="font-weight:400; font-size:24px;">';
  htm += '      ' + data.title + '';
  htm += '    </h2>';
  htm += '    <p>' + data.description + '</p>';
  htm += '    <div class="slds-size_1-of-1 slds-p-top_large" role="buttons">';
  htm += '      ' + buttons;
  htm += '    </div>';
  htm += '  </div>';
  htm += '</article>';
  $('#guide').html(htm);
}
function renderGuide ( data ) { var buttons = '' ; for ( i = 0 ; i < data . buttons . length ; i ++ ) { var button = data . buttons [ i ] ; buttons += '<button class="slds-button slds-button_' + button . type + ' ' + button . customClasses + '" onclick="choice(this)" aria-controls="' + button . controls + '">' + button . text + '</button>' ; } ; var htm = '<article class="slds-card slds-p-bottom_medium">' ; htm += '  <div class="slds-card__body slds-card__body_inner" role="guide-text">' ; htm += '    <h3 class="slds-text-title_caps slds-p-top_medium" style="color:#1AA0DB; font-size:0.825rem; font-weight:600;">' + data . subtitle + '</h3>' ; htm += '    <h2 class="slds-size_1-of-1 slds-text-heading_large slds-p-bottom_small" style="font-weight:400; font-size:24px;">' ; htm += '      ' + data . title + '' ; htm += '    </h2>' ; htm += '    <p>' + data . description + '</p>' ; htm += '    <div class="slds-size_1-of-1 slds-p-top_large" role="buttons">' ; htm += '      ' + buttons ; htm += '    </div>' ; htm += '  </div>' ; htm += '</article>' ; $ ( '#guide' ) . html ( htm ) ; }
Function to update the guide content
Function to update the guide content