<div class="modal fade" id="modal-notify-product" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">

      <div class="modal-header">
        <h4 class="modal-title">{{ mt._('model.notifyavailability') }}</h4>
        <div class="modal-close" data-dismiss="modal">{{ image("img/assets/times.png", "class": "m-0-auto pointer", "alt": mt._('_common.close')) }}</div>
      </div>

      <div class="modal-body">
        <div class="modal-section" id="modal-notify-header">

        </div>
        <div class="modal-section" id="modal-notify-body">

        </div>
      </div>

      <div class="modal-footer">
        <div class="container">
          <div class="row">
            <div class="col-6 col-lg-4 offset-6 offset-lg-8"><button type="button" class="btn btn-main" id="notify-me">{{ mt._('model.notifyme') }}</button></div>
            <div class="col-12 msg-success text-right" id="notify-success">{{ mt._('model.notify.success') }}</div>
            <div class="col-12 msg-error text-right" id="notify-error">{{ mt._('model.notify.error') }}</div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
