<div class="productDetailsWrap">

    <div class="innerText">

        {% set mobile_info_title = 'Product Information' %}

        {% if item.product_type == 'doctor' or tem.product_type == 'pharmacy' %}
            {% set mobile_info_title = 'Treatment Information' %}
        {% endif %}

        <div class="tabs js_product_tabs" data-mobile-title="{{ mobile_info_title }}">

            <div class="tabContent pageContent wysiwyg">
                <div class="tabTitle">
                    <h4 class="title"><i class="fas fa-info-circle"></i>Overview</h4>
                </div>

                <div class="productContentWarnings">
                    {% include 'shop/item/partials/warnings.twig' %}
                </div> <!-- .productContentWarnings -->

                {{ item.description|raw }}
            </div> <!-- .tabsContent -->



            {% if item.faqs is not empty or item.faq != '' %}
                <div class="tabContent pageContent wysiwyg">
                    <div class="tabTitle">
                        <h4 class="title"><i class="fas fa-question-circle"></i>FAQ</h4>
                    </div>
                    {{ item.faq|raw }}
                    {% if item.faqs is not empty %}
                        <div class="tabFaq">
                            <ul class="faqs">
                                {% for faq in item.faqs %}

                                    <li>
                                        <h4>{{ faq.question }}</h4>
                                        <div class="answer">
                                            {{ faq.answer|raw }}
                                        </div>
                                    </li>

                                {% endfor %}
                            </ul>
                        </div> <!-- .tabFaq -->
                    {% endif %}
                </div> <!-- .tabsContent -->
            {% endif %}


            {% if item.custom.information_leaflet|trim is not empty %}
                <div class="tabContent pageContent wysiwyg">
                    <div class="tabTitle">
                        <h4 class="title">Info Leaflet</h4>
                    </div>
                    {{ item.custom.information_leaflet|raw }}
                </div> <!-- .tabsContent -->
            {% endif %}

        </div>

    </div>

</div> <!-- .productDetailsWrap -->
