<div>
  <ul class="nav nav-pills">
    <li {{bind-attr class="newSelected:active"}}>
      <a href="#" {{action "selectNew"}}>{{i18n 'admin.logs.staff_actions.new_value'}}</a>
    </li>
    <li {{bind-attr class="previousSelected:active"}}>
      <a href="#" {{action "selectPrevious"}}>{{i18n 'admin.logs.staff_actions.previous_value'}}</a>
    </li>
  </ul>
  <div class="modal-body">
    <div {{bind-attr class=":modal-tab :new-tab newSelected::invisible"}}>
      {{#if new_value}}
        {{#with new_value}}
          {{partial "admin/templates/logs/site_customization_change_details"}}
        {{/with}}
      {{else}}
        {{i18n 'admin.logs.staff_actions.deleted'}}
      {{/if}}
    </div>
    <div {{bind-attr class=":modal-tab :previous-tab previousSelected::invisible"}}>
      {{#if previous_value}}
        {{#with previous_value}}
          {{partial "admin/templates/logs/site_customization_change_details"}}
        {{/with}}
      {{else}}
        {{i18n 'admin.logs.staff_actions.no_previous'}}
      {{/if}}
    </div>
  </div>
  <div class="modal-footer">
    <button class='btn btn-primary' {{action "closeModal"}}>{{i18n 'close'}}</button>
  </div>
</div>
