--- /dev/null
+<table ng-if="contracts[customer.id].retour == 'OK'" class="table table-striped">
+ <tr ng-if="contracts[customer.id].result.length > 0">
+ <th class="col-lg-2">Numéro</th>
+ <th class="col-lg-1">État</th>
+ <th class="col-lg-1">Date de début</th>
+ <th class="col-lg-1">Date de fin</th>
+ </tr>
+ <tr ng-if="contracts[customer.id].result.length > 0" ng-repeat="contract in contracts[customer.id].result">
+ <td class="col-lg-2">{{contract.number}} <a href="{{contract.sugarLink}}">» Sugar</a></td>
+ <td class="col-lg-1" ng-switch="contract.state">
+ <span ng-switch-when="signe">Signé</span>
+ <span ng-switch-when="signe_maj_version">Signé avec mise à jour de version</span>
+ <span ng-switch-when="signe_sans_maj_version">Signé sans mise à jour de version</span>
+ <span ng-switch-when="encours">En cours</span>
+ <span ng-switch-when="resilie" class="has-error">Résilié</span>
+ </td>
+ <td class="col-lg-1">{{contract.start_date}}</td>
+ <td class="col-lg-1">{{contract.end_date}}</td>
+ </tr>
+</table>
+
+<span ng-if="contracts[customer.id].retour == 'KO'" class="has-error">{{contracts[customer.id].message}}</span>
+
+<div ng-if="contracts[customer.id].result.length == 0" class="has-feedback">
+ Aucun contrat n'existe pour ce client.
+</div>
+
+