<div class="page-settings text-left">
  <h1 class="title space-bottom-large">Settings</h1>

  <div class="checkbox">
    <label>
      <input type="checkbox"
        tabindex="6"
        ng-model="settings.currentData.errorReporting"
        ng-change="settings.toggle('errorReporting')">

      <span>Anonymously report errors and usage statistics to balena.io</span>
    </label>
  </div>

  <div class="checkbox">
    <label>
      <input type="checkbox"
        tabindex="7"
        ng-model="settings.currentData.unmountOnSuccess"
        ng-change="settings.toggle('unmountOnSuccess')">

      <!-- On Windows, "Unmounting" basically means "ejecting". -->
      <!-- On top of that, Windows users are usually not even -->
      <!-- familiar with the meaning of "unmount", which comes -->
      <!-- from the UNIX world. -->

      <span>
        <span ng-show="settings.platform == 'win32'">Eject</span>
        <span ng-hide="settings.platform == 'win32'">Auto-unmount</span>
        on success
      </span>
    </label>
  </div>

  <div class="checkbox">
    <label>
      <input type="checkbox"
        tabindex="8"
        ng-model="settings.currentData.validateWriteOnSuccess"
        ng-change="settings.toggle('validateWriteOnSuccess')">

      <span>Validate write on success</span>
    </label>
  </div>

  <div class="checkbox">
    <label>
      <input type="checkbox"
        tabindex="8"
        ng-model="settings.currentData.trim"
        ng-change="settings.toggle('trim')">

      <span>Trim ext{2,3,4} partitions before writing (raw images only)</span>
    </label>
  </div>

  <div class="checkbox">
    <label>
      <input type="checkbox"
        tabindex="9"
        ng-model="settings.currentData.updatesEnabled"
        ng-change="settings.toggle('updatesEnabled')">

      <span>Auto-updates enabled</span>
    </label>
  </div>

  <div class="checkbox" ng-if="settings.shouldShowUnsafeMode()">
    <label>
      <input type="checkbox"
        tabindex="10"
        ng-model="settings.currentData.unsafeMode"
        ng-change="settings.toggle('unsafeMode', {
          description: 'Are you sure you want to turn this on? You will be able to overwrite your system drives if you\'re not careful.',
          confirmationLabel: 'Enable unsafe mode'
        })">
      <span>Unsafe mode <span class="label label-danger">Dangerous</span></span>
    </label>
  </div>
</div>
