<div class="row mt-5 pt-5">
<div class="col-lg-12">
<div>
<ul class="nav product_detail_nav">
<li class="nav-item">
<a href="#!" class="nav-link active" aria-current="true" data-bs-toggle="tab"
data-bs-target="#description" role="tab" aria-controls="description"
aria-selected="true">
{{ "Description" | trans }}
</a>
</li>
<li class="nav-item">
<a href="#!" class="nav-link" aria-current="true" data-bs-toggle="tab"
data-bs-target="#comments" role="tab" aria-controls="comments"
aria-selected="true">{{ "Commentaire du pharmacien" | trans }}</a>
</li>
{% if patient is not null %}
<li class="nav-item">
<a href="#!" class="nav-link" aria-current="true" data-bs-toggle="tab"
data-bs-target="#patient" role="tab" aria-controls="patient"
aria-selected="true">{{ "Information patient" | trans }}</a>
</li>
{% endif %}
{% if pro is not null %}
<li class="nav-item">
<a href="#!" class="nav-link" aria-current="true" data-bs-toggle="tab"
data-bs-target="#professionnel" role="tab" aria-controls="professionnel"
aria-selected="true">{{ "Information professionnelle" | trans }}</a>
</li>
{% endif %}
</ul>
</div>
<div class="card">
<div class="card-body tab-content">
<div class="tab-pane active" id="description" role="tabpanel">
{{ translated.description | raw }}
</div>
<div class="tab-pane" id="comments" role="tabpanel">
Comment id
</div>
{% if patient is not null %}
<div class="tab-pane" id="patient" role="tabpanel">
<div class="accordion accordion-flush">
{% autoescape %}
{{ patient | convert_encoding('UTF-8', 'ISO-8859-1') | raw }}
{% endautoescape %}
</div>
</div>
{% endif %}
{% if pro is not null %}
<div class="tab-pane" id="professionnel" role="tabpanel">
<div class="accordion accordion-flush">
{% autoescape %}
{{ pro | convert_encoding('UTF-8', 'ISO-8859-1') | raw }}
{% endautoescape %}
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>