<!DOCTYPE html>
<html ng-app="store">
<head lang="en">
<meta charset="UTF-8">
<title>AngularJS Store</title>
<link rel="stylesheet"
type="text/css"
href="../bootstrap/dist/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="app.css"/>
<script type="text/javascript" src="../angular/angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="products.js"></script>
</head>
<body ng-controller="StoreController as store">
<!-- Products Container -->
<div class="list-group" ng-hide="store.product.soldOut">
<!-- Product container -->
<div class="list-group-item" ng-repeat="product in store.products">
<h3 product-title></h3>
<product-panels></product-panels>
<!-- Image Gallery -->
<div class="gallery" ng-show="product.images.length">
<img class="img img-circle img-thumbnail center-block"
ng-src="{{product.images[0]}}"/>
<ul class="clearfix">
<li class="small-image pull-left thumbnail"
ng-repeat="image in product.images"><img ng-src="{{image}}"/></li>
</ul>
</div>
</div>
</div>
</body>
</html>