<div class="form-inline alert alert-warning">
<i class="fas fa-exclamation-triangle"></i>  <b>Ce point de recharge est actuellement en cours d'utilisation</b></div>
<div class="alert alert-info">
    Consomation: {{ info.currentTotalConsumptionWh / 1000 }} KWh<br>
    Prix: {{ info.currentCumulatedRoundedPrice }} €<br>
    Durée: {{ time }}

</div>
<div class="alert alert-info mt-3">
    <label for="pinCode">Entrez votre code PIN pour suivre votre recharge:</label>
    <input type="text" class="form-control" id="pinCode" placeholder="Code PIN" value="{{ info.id }}"/>
</div>
<div class="form-inline alert alert-success">
               <i class="fa fa-envelope"></i> Votre code PIN vous a été envoyé par mail !
 </div>
<div class="text-center mt-3 mb-3">
    <button class="btn btn-primary" id="viewCharge"><i class="fa-solid fa-circle-info"></i> Suivre la charge </button>
    <button class="btn btn-primary" id="stopCharge"><i class="fa-solid fa-circle-stop"></i> Stopper la charge </button>
</div>

