{{#compare key '!=' 'service_levels'}}
  <li class="accordion-item">
    <h4 class="trigger">
      {{>icon_svg name=(keyToSvgMapper key)}}
      <span>{{name}}</span>
      {{>toggle_icon}}
    </h4>
    <div class="tui-text-expander">
      <div class="tui-text-expander-content tui-text-content">
        <div data-markdown>
{{{description}}}
        </div>
        <table>
          <tbody>
          {{#each facts}}
            <tr>
              <td>{{name}}</td>
              <td>{{description}}</td>
            </tr>
          {{/each}}
          </tbody>
        </table>
      </div>
    </div>
  </li>
{{/compare}}

{{#compare key '==' 'service_levels'}}
  <li class="accordion-item">
    <h4 class="trigger">
      {{>icon_svg name=(keyToSvgMapper key)}}
      <span>{{getResource resourceObject key}}</span>
      {{>toggle_icon}}
    </h4>
    <div class="tui-text-expander">
      <div class="tui-text-expander-content tui-text-content">
        {{#each serviceLevels}}
          {{#each periods}}
            {{#if @first}}
              <div class="service-level-period">{{{getResource ../../resourceObject 'serviceLevelPeriodRowOne' from to}}}</div>
            {{else}}
              <div class="service-level-period">{{{getResource ../../resourceObject 'serviceLevelPeriodRowTwo' from to}}}</div>
            {{/if}}
          {{/each}}
          <h4>{{name}}</h4>
          <div class="service-level-text" data-markdown>{{description}}</div>
        {{/each}}
      </div>
    </div>
  </li>
{{/compare}}