{{!
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
}}


<div class="modal-backdrop"></div>
<div class="modal" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  <div class="modal-header">
    {{#if showCloseButton}}
      <a class="close" {{action onClose target="view"}}>x</a>
    {{/if}}
    <h3 id="modal-label">
      {{#if headerClass}}
        {{view headerClass}}
      {{else}}
        {{header}}
      {{/if}}
    </h3>
  </div>
  <div {{bindAttr class=":modal-body view.isHideBodyScroll:hidden-scroll"}}>
    {{#if bodyClass}}
      {{view bodyClass}}
    {{else}}
      {{#if encodeBody}}
        {{body}}
      {{else}}
        {{{body}}}
      {{/if}}
    {{/if}}
  </div>
  {{#if showFooter}}
    {{#if footerClass}}
      {{view footerClass}}
    {{else}}
      <div class="modal-footer">
        {{#if view.hasFooterCheckbox}}
          <label id="footer-checkbox">{{view Ember.Checkbox classNames="checkbox" checkedBinding="view.isNotShowBgChecked"}} &nbsp;
          {{t app.settings.notShowBgOperations}}</label>
        {{/if}}
        {{#if view.third}}
          <button class="btn" {{bindAttr disabled="view.disableThird"}} {{action onThird target="view"}}>{{view.third}}</button>
        {{/if}}
        {{#if view.secondary}}
          <button {{bindAttr disabled="view.disableSecondary" class=":btn view.secondaryClass"}} {{action onSecondary target="view"}}>{{view.secondary}}</button>
        {{/if}}
        {{#if view.primary}}
          <button {{bindAttr disabled="view.disablePrimary" class=":btn view.primaryClass"}} {{action onPrimary target="view"}}>{{view.primary}}</button>
        {{/if}}
      </div>
    {{/if}}
  {{/if}}
</div>
