{% extends 'base_m.html.twig' %}
{% block title %}
    {% if item.seo_title is empty %}
        {{ item.title }} - {{ cover('site','title') }}
    {% else %}
        {{ item.seo_title }} - {{ cover('site','title') }}
    {% endif %}
{% endblock %}
{% block keywords %}{{ item.keywords }}{% endblock %}
{% block description %}{{ item.description }}{% endblock %}
{% block container %}

    <nav data-am-widget="menu" class="am-menu  am-menu-default" style="background-color: #f6f6f6;border-bottom: 1px solid #f1f1f1;">
        <a href="javascript: void(0)" class="am-menu-toggle">
            <i class="am-menu-toggle-icon am-icon-bars"></i>
        </a>
        <ul class="am-menu-nav am-avg-sm-4">
            {% for son_cat in cover('category',{'parent_id':current_cat.parent_id,'except':current_cat.id}) %}
                <li><a href="{{ son_cat.url }}">{{ son_cat.title }}</a></li>
            {% endfor %}
        </ul>
    </nav>

    <div class="am-container">
        <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' >
            <ul class="am-slides">
                {% for slider in item.extra.xuanchuan %}
                    <li><img src="{{ slider.img }}"></li>
                {% endfor %}
            </ul>
        </div>
    </div>

    <div class="am-container">
        <div class="cv-pro-d">
            <h4 class="title">{{ item.title }}</h4>
            {% if item.extra.pro_desc is not empty %}
                <p class="pro_desc">{{ item.extra.pro_desc }}</p>
            {% endif %}
            {% if item.extra.price is not empty %}
                <p class="price">{{ item.extra.price }}</p>
            {% endif %}
        </div>
    </div>

    <div data-am-widget="tabs" class="am-tabs am-tabs-d2 cv-tabs">
        <ul class="am-tabs-nav am-cf">
            <li class="am-active"><a href="[data-tab-panel-0]">详细信息</a></li>
            <li class=""><a href="[data-tab-panel-1]">特色功能</a></li>
        </ul>
        <div class="am-tabs-bd">
            <div data-tab-panel-0 class="am-tab-panel am-active cv-pro-fulltext">
                {{ item.full_text|raw }}
            </div>
            <div data-tab-panel-1 class="am-tab-panel " style="padding: 10px 15px;">
                {% if item.extra.feature1 is not empty %}
                    <p class="feature">{{ item.extra.feature1 }}</p>
                {% endif %}
                {% if item.extra.feature2 is not empty %}
                    <p class="feature">{{ item.extra.feature2 }}</p>
                {% endif %}
                {% if item.extra.feature3 is not empty %}
                    <p class="feature">{{ item.extra.feature3 }}</p>
                {% endif %}
                {% if item.extra.guige is not empty %}
                    <p class="param">规格：{{ item.extra.guige }}</p>
                {% endif %}
            </div>
        </div>
    </div>


{% endblock %}

{% block js %}
    <script type="text/javascript">

    </script>
{% endblock %}