<div>
  <div class="detail-title">
    <div
      class="status"
      ng-if="!from"
      ng-style="{'background-color': detail.color}"
    >
    </div>
    <div class="code-principal">
      <div>
        <span translate>itv.correspondance.codeprincipale</span>
        <span>{{' ' + detail._code_principal}}</span>
      </div>
      <div>
        <span>{{' : ' + detail.libelles._code_principal}}</span>
      </div>
    </div>
  </div>
  <div class="description" ng-if="detailHasInfos(detail)">
    <div class="row">
      <div class="col-xs-12 desc-title">
        <span translate>itv.correspondance.description</span>
      </div>
    </div>
    <div class="row desc-box">
      <div class="col-xs-12">
        <div
          class="desc-info"
          ng-if="detailsHasInfo(detail,'_car1')">
          <span>{{'(' + detail._car1 + ')'}}</span>
          <span>{{getDetailLabelByCode(detail, '_car1')}}</span>
        </div>
        <div
          class="desc-info"
          ng-if="detailsHasInfo(detail,'_car2')">
          <span>{{'(' + detail._car2 + ')'}}</span>
          <span>{{getDetailLabelByCode(detail, '_car2')}}</span>
        </div>
        <div
          class="desc-info"
          ng-if="detailsHasInfo(detail,'quant1')">
          <span>{{detail.quant1}}</span>
          <span>{{getDetailLabelByCode(detail, 'quant1')}}</span>
        </div>
        <div
          class="desc-info"
          ng-if="detailsHasInfo(detail,'quant2')">
          <span>{{detail.quant2}}</span>
          <span>{{getDetailLabelByCode(detail, 'quant2')}}</span>
        </div>
        <div
          class="desc-info"
          ng-if="detailsHasInfo(detail,'remarques')">
          <span>{{detail.remarques}}</span>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-4 position-codeen">
      <div>
        <span translate>itv.correspondance.position</span>
        <span class="desc-info">{{' ' + detail._emplct_lng_vert | number: 1 }}</span>
      </div>
      <div>
        <span translate>itv.correspondance.codeen</span>
        <span class="desc-info">{{' ' + detail._code_principal }}</span>
      </div>
      <div>
        <span>EC2</span>
        <span class="desc-info">
          {{' ' + detail.emplct_circ_1 == "" ? detail.emplct_circ_2 : detail.emplct_circ_1 }}
        </span>
      </div>
    </div>
    <div class="col-xs-8 picture"></div>
  </div>
  <div class="actions">
    <button
      class="btn btn-default"
      ng-click="change(index - 1)"
      ng-disabled="firstelement"
      type="button"
      ng-attr-title="{{'itv.previousDetail' | translate }}"
    >
      <span class="fa fa-arrow-circle-left fa-3x"></span>
    </button>
    <span>{{ index+ 1 }} / {{ details.length }}</span>
    <button
      class="btn btn-default"
      ng-click="change(index + 1)"
      ng-disabled="lastelement"
      type="button"
      ng-attr-title="{{'itv.nextDetail' | translate }}"
    >
      <span class="fa fa-arrow-circle-right fa-3x"></span>
    </button>
  </div>
</div>