{% if label and name and type and value and designation %}
<div class="input-group mb-3 {% if type == 'password' %}flex-nowrap{% endif %}">
    <span class="input-group-text" id="inputGroup-sizing-default">{{ label }}</span>
    <input id="{{ designation }}-{{ name }}Input" type="{{ type }}" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" readonly value="{{ value }}">
    <button class="btn btn-outline-secondary copyButton" type="button" data-ref="{{ designation }}-{{ name }}Input" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Copier dans le presse papier">
        <span><i class="fa fa-copy"></i></span>
    </button>
</div>
{% endif %}