anchor.diff:                  </div>
               </section>
           <% end %>
  +        
  +    <% end %>
  +    <% if user_signed_in? %>
  +        <p class="flex-center"><%= link_to "Write Review", new_product_review_path(@product), class: "btn btn-primary btn-lg" %></p>
  +    <% else %>
  +        <p class="flex-center"><%= link_to "You should to be logged in to write review", new_user_session_path, class: "btn btn-primary btn-lg" %></p>
       <% end %>
       <!-- /.Product Reviews -->
   </div>
  +
  +
   
   <script>
   $( document ).ready(function() {
  
positive.code:                                 <img class="rounded-circle" src="http://mdbootstrap.com/wp-content/uploads/2015/10/team-avatar-1.jpg" alt="Generic placeholder image">
                              </a>
                              <div class="media-body">
                                  <h4 class="media-heading">John Doe</h4>
                                  <ul class="rating inline-ul">
                                     <div class="star-rating" data-score=<%= review.rating %> ></div>
                                  </ul>
                                  <p><%= review.comment %></p>
                                  <p>Added <%= time_ago_in_words(review.created_at)%> ago.</p>
                                  <br />
                              </div>
                          </div>
  
negative.code:     <!-- Product Reviews -->
      <% if @reviews.blank? %>
          <p class="text-muted flex-center">No reviews just yet, would you like to add the first!</p>
      <% else %>
          <% @reviews.each do |review| %>
              <section id="reviews">
  