<ex-menu index=1></ex-menu>
<div class="app">
    <div class="products">
        <ex-card-product ng-repeat="product in vm.products" id={{product.productId}}></ex-card-product>
    </div>
    <ex-search-menu></ex-search-menu>

    <nav class="page">
        <ul class="pagination">
            <li class="page-item disabled">
            <a class="page-link" href="#" aria-label="Previous" ng-href="/catalog/{{vm.pagePage - 1}}">
                <span aria-hidden="true">&laquo;</span>
                <span class="sr-only">Previous</span>
            </a>
            </li>
            <li class="page-item"><a class="page-link">{{vm.pagePage}}</a></li>
            <li class="page-item">
            <a class="page-link" href="#" aria-label="Next" ng-href="/catalog/{{vm.pagePage + 1}}">
                <span aria-hidden="true">&raquo;</span>
                <span class="sr-only">Next</span>
            </a>
            </li>
        </ul>
    </nav>
</div>