<div class="popover logo-toolbar-popover">
  <div class="arrow"></div>
  <div class="popover-content">
    <div class="row">
      <div class="col-md-12">
        <input
          type="checkbox"
          name="active"
          ng-model="app.logo.active"
          id="active"
        />
        <label for="active" translate="toolbar_logo.display_logo"></label>
      </div>
    </div>
    <div class="imp_file_drop" ng-disabled="!app.logo.active">
      <div
        ng-drop-zone
        max-filesize="6000"
        class="dropzone-container"
        drop-action="/services/{portalid}/files/uploadfile"
        extension=".png,.jpg,.jpeg"
        process-id="processId"
        dropzone-title="ngDropZone.impImgTitle"
        complete-action="uploadedFile(file)"
        dropzone-component="dropzoneComponent"
        max-files="1"
      ></div>
      <p ng-if="app.logo.path" class="current-logo-path">
        {{'toolbar_logo.saved_file' | translate}} {{getFileName(app.logo.path)}}
      </p>
    </div>
    <div class="row">
      <div class="col-md-12">
        <label for="position" translate="toolbar_logo.position.label"></label>
        <button
          type="button"
          class="btn btn-default"
          ng-model="app.logo.position"
          data-html="1"
          bs-options="x.value as (x.title | translate) for x in positionOptions"
          placeholder="Choose position"
          ng-disabled="!app.logo.active"
          bs-select
        >
          <span class="caret"></span>
        </button>
      </div>
    </div>
    <div class="buttons">
      <button
        type="button"
        class="btn btn-default"
        ng-click="saveLogo();"
        title="{{'common.save' | translate}}"
      >
        <i class="glyphicon glyphicon-floppy-save"></i>
      </button>
    </div>
  </div>
</div>
