<div id="" style="min-height:50px;max-height:600px;">
  <h3>
    <translate>process.geopackage.info</translate>
  </h3>

  <hr />
  <br />

  <div class="row">
    <div class="col-md-12">
      <div class="col-md-6">
        <translate>process.geopackage.file</translate> :
      </div>
      <div class="col-md-6">
        <label>
          <span translate>{{ edit_resource.file }}</span>
        </label>
      </div>
    </div>
  </div>

  <br />

  <div class="row">
    <div class="col-md-12">
      <div class="col-md-6">
        <translate>process.geopackage.etat</translate> :
      </div>
      <div class="col-md-6">
        <label>
          <span translate>process.process.{{ edit_resource.etat }}</span>
        </label>
      </div>
    </div>
  </div>

  <br />

  <div class="row">
    <div class="col-md-12">
      <div class="col-md-6">
        <translate>process.geopackage.progress</translate> :
      </div>
      <div class="col-md-6">
        <label>
          <span translate>{{ edit_resource.progress }}</span>
        </label>
      </div>
    </div>
  </div>

  <br />

  <div class="row">
    <div class="col-md-12">
      <div class="col-md-6">
        <translate>process.geopackage.user</translate> :
      </div>
      <div class="col-md-6">
        <label>
          <span translate>{{ edit_resource.user }}</span>
        </label>
      </div>
    </div>
  </div>

  <br />

  <div class="row">
    <div class="col-md-12">
      <div class="col-md-6">
        <translate>process.geopackage.creation</translate> :
      </div>
      <div class="col-md-6">
        <label>
          <span translate
            >{{ edit_resource.creation | date:'dd MMM yyyy HH:mm' }}</span
          >
        </label>
      </div>
    </div>
  </div>

  <br />

  <div class="row">
    <div class="col-md-12">
      <div class="col-md-6">
        <translate>process.geopackage.end</translate> :
      </div>
      <div class="col-md-6">
        <label>
          <span translate
            >{{ edit_resource.end | date:'dd MMM yyyy HH:mm' }}</span
          >
        </label>
      </div>
    </div>
  </div>

  <br />

  <div class="row">
    <div class="col-md-12">
      <div class="col-md-6">
        <translate>process.geopackage.total</translate> :
      </div>
      <div class="col-md-6">
        <label>
          <span translate>{{ edit_resource.total }}</span>
        </label>
      </div>
    </div>
  </div>

  <br />
  <hr />

  <div class="row">
    <div class="col-md-12">
      <center>
        <button
          type="button"
          class="btn btn-primary"
          ng-click="getQrCode()"
          ng-disabled="edit_resource.etat !== 'FINISHED'"
        >
          <i class="fa fa-qrcode"></i>
        </button>
        <button
          type="button"
          class="btn btn-primary"
          ng-click="getFile()"
          ng-disabled="edit_resource.etat !== 'FINISHED'"
        >
          <i class="fa fa-download"></i>
        </button>
      </center>
    </div>
  </div>
</div>
