interface.html

<div class="interface-container loading">
  <div class="loading-holder">
    <div class="spinner-holder animated">
      <div class="spinner-overlay">Loading...</div>
      <p>Loading...</p>
    </div>
  </div>

  <form class="form-horizontal">
    <header>
      <p>
        Configure notification inbox
        <a href="https://help.fliplet.com/notifications-component/" class="help-icon" target="_blank">
          <i class="fa fa-question-circle-o"></i>
        </a>
      </p>
    </header>

    <div class="form-group">
      <div class="col-sm-4">
        <label for="heading">Send notifications to your users</label>
      </div>
      <div class="col-sm-8">
        <p><a href="#" class="btn btn-primary manage-notifications">Manage notifications</a></p>
      </div>
    </div>

    <div class="form-group">
      <div class="col-sm-4">
        <label for="heading">App notification badge count</label>
        <p class="help-block">Applies to native apps only on iOS and supported Android devices</p>
      </div>
      <div class="col-sm-8">
        <div class="radio radio-icon">
          <input type="radio" id="badge_new" name="notificationsBadgeType" value="new" required />
          <label for="badge_new">
            <span class="check"><i class="fa fa-circle"></i></span> Badge count includes all unread notifications since the user last loaded the notification inbox
          </label>
        </div>
        <div class="radio radio-icon">
          <input type="radio" id="badge_unread" name="notificationsBadgeType" value="unread" required />
          <label for="badge_unread">
            <span class="check"><i class="fa fa-circle"></i></span> Badge count includes all unread notifications
          </label>
        </div>
      </div>
    </div>

    <div class="form-group">
      <div class="col-sm-4">
        <label for="heading">Show sample notifications</label>
      </div>
      <div class="col-sm-8">
        <div class="checkbox checkbox-icon">
          <input type="checkbox" id="show_demo">
          <label for="show_demo">
            <span class="check"><i class="fa fa-check"></i></span> Enable
          </label>
        </div>
        <p class="help-block">Sample notifications are only displayed in Fliplet Studio and Fliplet Viewer.</p>
      </div>
    </div>
  </form>

</div>