<div class="">
  <h3 class="modalTitle">
    <span ng-if="!isSuppression">
      <span ng-if="isNewCivilite"> Création de civilité </span>
      <span ng-if="!isNewCivilite">
        Édition de la civilité : <b>{{previousCivilite}}</b>
      </span>
    </span>
    <span ng-if="isSuppression">
      Suppression de la civilité : <b>{{previousCivilite}}</b>
    </span>
  </h3>
  <div class="modalBody">
    <div
      ng-if="!isNewCivilite"
      class="alert inlinalert alert-warning"
      style="font-size: 13.5px;"
    >
      <b> Attention </b> : Modifier une civilité va entraîner sa mise à jour
      pour les :
      <br />

      <div>
        <div>
          Personnes (Propriétaires/Locataires)
          <div class="pull-right">
            {{donnesImpactees.personnes}}
            <i ng-class="getStatusIcon('personnes')" />
          </div>
        </div>
        <div>
          Demandeurs
          <div class="pull-right">
            {{donnesImpactees.demandeurs}}
            <i ng-class="getStatusIcon('demandeurs')" />
          </div>
        </div>
        <div>
          Maires des communes
          <div class="pull-right">
            {{donnesImpactees.maires}}
            <i ng-class="getStatusIcon('maires')" />
          </div>
        </div>
      </div>
    </div>

    <div class="row spbrow" ng-if="!isSuppression">
      <div class="col-xs-12">
        <label>Libellé</label>
        <input
          ng-disabled="editionEncours"
          type="text"
          class="form-control"
          ng-model="currCivilite.value"
        />
        <div class="alert alert-danger inlinealert" ng-if="civiliteExisteDeja">
          Ce libellé est déjà utilisé
        </div>
      </div>
    </div>

    <div ng-if="isSuppression">
      <div class="row spbrow">
        <div class="col-xs-12">
          <label>Libellé actuel</label>
          <div>{{ previousCivilite }}</div>
        </div>
      </div>
      <div class="row spbrow" ng-if="donnesImpactees.total>0">
        <div class="col-xs-12">
          <label> Transférer vers le libellé</label>
          <select
            class="form-control"
            ng-model="currCivilite.value"
            ng-options="o as o for o in availableCivilitesForTransfert"
          ></select>
        </div>
      </div>
      <div class="row spbrow" ng-if="donnesImpactees.total==0">
        <div class="col-xs-12">
          <b style="color: darkred;">
            Cette civilité n'est pas utilisée, il est possible de la supprimer
            directement.
          </b>
          <div ng-init="currCivilite.value='suppression_directe'"></div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-xs-12" ng-if="!editionEncours">
        <hr />
        <div class="btn btn-default btn-sm pull" ng-click="closeThisDialog()">
          Annuler
        </div>
        <div
          class="btn btn-default btn-sm pull-right"
          ng-disabled="!currCivilite.value || currCivilite.value=='' || !civiliteChanged() || civiliteExisteDeja"
          ng-click="editCivilite()"
        >
          Enregistrer
        </div>
      </div>
      <div class="col-xs-12" ng-if="editionFinie">
        <hr />
        <div
          class="btn btn-default btn-sm pull-right"
          ng-click="closeThisDialog()"
        >
          Fermer
        </div>
      </div>
    </div>
  </div>
</div>
