
<div id="borneDiv" data-controller="borne"
     data-borne-id-value="{{ borne.id }}"
     data-borne-connectorid-value="{{ connector.connectorId }}"
     data-borne-tagid-value="{{ connector.currentTagID }}"
     data-borne-visualtagid-value="{{ connector.connectorId }}"
</div>
    <div class="alert alert-info mt-3">
        <h3>Informations connecteur :</h3>
        <i class="fa-solid fa-circle-info"></i> Référence connecteur : <span id="">{{ connector.currentTagID }}</span><br>
        <hr>
        <i class="fa-solid fa-bolt"></i> Puissnace du chargeur : {{ connector.power /1000 }} KW<br>
        
        <i class="fa-solid fa-bolt"></i> Type de connecteur: : {{ connector.type }}<br>
    </div>

    <div class="alert alert-info mt-3">
        <h3><i class="fa-regular fa-credit-card"></i> Tarif (€ TTC)</h3>
        <hr>
        <i class="fa-regular fa-credit-card"></i> Prix de session : <span id="flatPrice-{{ connector.connectorId }}"><i class="fa-solid fa-circle-notch fa-spin"></i></span> <br>
        <i class="fa-regular fa-credit-card"></i> Prix Kwh consommé : <span id="energyPrice-{{ connector.connectorId }}"><i class="fa-solid fa-circle-notch fa-spin"></i></span> <br>
    </div>
    
      {% if connector.status == 'Available'%}
         <div class="alert alert-success form-inline">
         <i class="fa fa-charging-station"></i> <b>Point de charge disponible</b></div>
            {% else %}
             {% if connector.status == 'Finishing' %}
                      <div class="alert alert-success form-inline">
                         <i class="fa fa-charging-station"></i> <b>Charge terminée</b></div>
             {% else %}
             {% if connector.status == 'Preparing' %}
             <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>
             {% else %}
             {% if connector.status == 'Charging' %}
             <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>
             {% else %}
             {% if connector.status == 'Unavailable' %}
                    <div class="alert alert-danger form-inline">
                     <i class="fa-solid fa-charging-station"></i> Status du connecteur : Indisponible, Veuillez utiliser une autre borne</div>
             {% endif %}
        {% endif %}
        {% endif %}
        {% endif %}
        {% endif %}
       
    </div>
    <div id="borneBottom">
        {% if connector.status == 'Charging' %}
            {% include 'borne/_borne_charging.html.twig' %}
        {% else %}
            {% if connector.status == 'Preparing' %}
                {% include 'borne/_borne_charging.html.twig' %}
        {% else %}
            {% if connector.status == 'Unavailable' %}
                {% include 'borne/_borne_charging_no.html.twig' %}
                {% else %}
            {% if connector.status == 'Unavailable' %}

            {% else %}
            
                {% include 'borne/_borne_start.html.twig' %}
            {% endif %}
        {% endif %}
        {% endif %}
        {% endif %}
    </div>

</div>
