{% if navigation_tabs is not empty %}

    <div class="itemNavPlaceholder">

        <div id="itemSectionNav" class="itemSectionNavWrap">


            {% include '/shop/item/partials/product_cta.twig' %}

            <div class="navBarWrapper">

                <div class="wrapper">

                    <nav class="sectionNav">
                        <ul>
                            {% for nav_item in navigation_tabs %}
                                <li>
                                    <a href="#{{ nav_item.id }}" class="scrollTo isActive">
                                        {{ nav_item.title }}
                                    </a>
                                </li>
                            {% endfor %}
                        </ul>
                    </nav>

                    <div class="sectionDropDown">

                        <div class="navOptions">

                            <div class="navLeft">
                                <h2 class="navTitle">
                                    {{ item.name|truncate(14, '...') }}
                                </h2>
                            </div> <!-- .navLeft -->

                            <div class="navRight">

                                <div class="row">

                                    <div class="inputWrap">

                                        <select class="itemSectionSelect">

                                            {% for nav_item in navigation_tabs %}

                                                <option
                                                        value="#{{ nav_item.id }}"
                                                        {% if loop.index == 1 %}selected{% endif %}
                                                >{{ nav_item.title }}</option>

                                            {% endfor %}

                                        </select>

                                    </div> <!-- .inputWrap -->

                                </div> <!-- .row -->

                            </div> <!-- .navRight -->

                        </div> <!-- .navOptions -->

                    </div> <!-- .sectionDropDown -->

                </div> <!-- .wrapper -->

            </div> <!-- .navBarWrapper -->

        </div> <!-- .itemSectionNavWrap -->

    </div> <!-- .itemNavPlaceholder -->

{% endif %}
