<h1>Angular Reading List of Awesome</h1>

<div class="row" ng-controller="ReadingListController as readingListCtrl">

  <button class="btn btn-default">Create a Review</button>
  <hr />
  <!-- review form here -->
  <review-form ng-show="reviewFormCtrl.showForm"></review-form>
  <hr />

  <ul class="list-unstyled col-sm-8">
    <li class="book row" ng-repeat="book in readingListCtrl.books">
      
      <!-- book cover here-->
      <book-covers></book-covers>

         <div class="col-sm-9">
        <h3><a href="http://www.amazon.com/gp/product/{{book.isbn}}"
            >{{book.title}}</a></h3>

        <cite class="text-muted">Written by {{book.author}}</cite>

        <p>{{book.review}}</p>

        <!-- book genre here-->
        <book-genres></book-genres>

      </div>

      
    </li>
  </ul>
</div>
<h1>Angular Reading List of Awesome</h1>

<div class="row" ng-controller="ReadingListController as readingListCtrl">

  <button class="btn btn-default" ng-click="reviewFormCtrl.showForm = !reviewFormCtrl.showForm">{{reviewFormCtrl.showForm ? "Cancel" : "Create a Review"}}</button>
  <hr />
  <!-- review form here -->
  <review-form ng-show="reviewFormCtrl.showForm"></review-form>
  <hr />

  <ul class="list-unstyled col-sm-8">
    <li class="book row" ng-repeat="book in readingListCtrl.books">
      
      <!-- book cover here-->
      <book-covers></book-covers>

         <div class="col-sm-9">
        <h3><a href="http://www.amazon.com/gp/product/{{book.isbn}}"
            >{{book.title}}</a></h3>

        <cite class="text-muted">Written by {{book.author}}</cite>

        <p>{{book.review}}</p>

        <!-- book genre here-->
        <book-genres></book-genres>

      </div>

      
    </li>
  </ul>
</div>
Create a switch between 'Create a review' and 'Cancel' button
Create a switch between 'Create a review' and 'Cancel' button
