<div>
  <web-editor-form
    identifier="application-details-yaml"
    value="$ctrl.data"
    yml="true"
    placeholder="# Define or paste the content of your manifest here"
    read-only="true"
    hide-title="true"
  >
  </web-editor-form>
  <div class="py-5">
    <span class="btn btn-light btn-sm" ng-click="$ctrl.copyYAML()">
      <pr-icon class="vertical-center" icon="'copy'" feather="true"></pr-icon>
      Copy to clipboard
    </span>
    <span class="btn btn-light btn-sm space-left !ml-0" ng-click="$ctrl.toggleYAMLInspectorExpansion()">
      <pr-icon class="vertical-center" icon="'minus'" size="'sm'" ng-if="$ctrl.expanded" feather="true"></pr-icon>
      <pr-icon class="vertical-center" icon="'plus'" size="'sm'" ng-if="!$ctrl.expanded" feather="true"></pr-icon>
      {{ $ctrl.expanded ? 'Collapse' : 'Expand' }}
    </span>
    <span id="copyNotificationYAML" style="display: none" class="small vertical-center ml-1">
      <pr-icon class="vertical-center" icon="'check'" size="'md'" mode="'success'" feather="true"></pr-icon> copied
    </span>
  </div>
</div>
