<ex-menu index=1></ex-menu>
<div class="app">
    <div class="product-page wow zoomInLeft">
        <!--Section: Author box-->
        <section class="mb-4">

            <!--Author box-->
            <div class="author-box">

                <div class="row">
                    <!--Name-->
                    <h3 class="h3-responsive text-xs-center product-text">{{vm.product.name}}</h3>
                    <hr>

                    <!--Avatar-->
                    <div class="col-xs-12 col-sm-2">
                        <img src={{vm.product.photo}} class="desc-photo">
                    </div>

                    <!--Author Data-->
                    <div class="col-xs-12 col-sm-10 desc">

                        <p><strong>Описание</strong></p>
                    </div>
                    <a class="btn btn-primary btn-rounded desc-basket" ng-click="vm.productToBasket()">Добавить в корзину</a>
                </div>
            </div>
            <!--/.Author box-->
            <!-- Nav tabs -->
            <ul class="nav nav-tabs tabs-3 tabs-primary" role="tablist">
                <li class="nav-item">
                    <a class="nav-link {{vm.active.commentaries}}" data-toggle="tab" ng-click="vm.commentaries()" role="tab">Отзывы</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{vm.active.commentary}}" data-toggle="tab" ng-click="vm.commentary()" role="tab">Оставить отзыв</a>
                </li>
            </ul>
        </section>
        <!--/Section: Author box-->
        <!--Section: Comments list-->
        <section class="commentaries">
            <div class="comments-list">
                <ex-commentaries></ex-commentaries>
                <ex-commentaries></ex-commentaries>
                <ex-commentaries></ex-commentaries>
                <ex-commentaries></ex-commentaries>
                <ex-commentaries></ex-commentaries>
            </div>
        </section>
        <!--/Section: Comments list-->
    </div>
</div>