
<div class="container">

  <!--
<ul>
  <li *ngFor="let op of opCommData | async">
    Operation Commerciale: {{op.name}}
  </li>
</ul>
<button (click)="goToCreaOpCom()">Nouvelle opération Commercial</button>
<button (click)="goToProfil()">Back</button>
-->
  <app-nav-admin></app-nav-admin>
  <div class="btn-block">
    <button class="btn btn-default btn-rounded waves-light" (click)="goToOpComAdmin()">Retour</button>
  </div>
  <div class="card col-md-12 wow fadeInLeft" id="scanPart2">
    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 2%;">Liste des scans effectués ({{(scanList | async)?.length}})</h4>
    <div class="row">
      <!--Grid column-->
      <div class="col-lg-6 col-md-6" *ngFor="let scan of scanList | async">

        <!--Card-->
        <div class="card card-cascade wider">

          <!--Card image-->
          <div class="view gradient-card-header blue-gradient">
            <h2 class="h3-responsive mb-2">{{scan.operationCommercial.name}}</h2>
            <p class=""><i class="fa fa-calendar"></i>{{scan.dateCreation}}</p>

          </div>
          <!--/Card image-->

          <!--Card content-->
          <div class="card-body text-center">
            <p class="card-text mr-2 ml-2">Scan ID: {{scan.uid}}</p>
            <p class="card-text mr-2 ml-2">Carte Parrain ID: {{scan.carteParrainID}}</p>
            <p class="card-text mr-2 ml-2">Carte Filleul ID: {{scan.carteFilleulID}}</p>
            <p class="card-text mr-2 ml-2">Valeur Parrain: {{scan.valeurParrain === ''? '0' : scan.valeurParrain}} €</p>
            <p class="card-text mr-2 ml-2">Valeur Filleul: {{scan.valeurFilleul === ''? '0' : scan.valeurFilleul}} €</p>
          </div>
          <!--/.Card content-->

        </div>
        <!--/.Card-->

      </div>
    </div>

  </div>
</div>
