anchor.diff:        <div class="col-md-6 calendar-right">
           <h3>Current Studio Availability - Choose from open times</h3>
           <hr>
  -          <div class="clearfix"></div>
  -
  -          <div class="studio-cal-container show-page-cal">
  +        <div class="clearfix"></div>
  +
  +        <div class="studio-cal-container show-page-cal">
             <div id='studiocal'>
             </div>
             <div class="request-time">
               <form id="basicExample" action="/studios/<%= @studio.id %>/availabilities/10/bookings" method='POST' autocomplete="off">
  -            <input name="authenticity_token" value="<%= form_authenticity_token %>" type='hidden'>
  -            <input type="text" id="start_date" class="date start prevent" name="start_date" placeholder="Enter Date" />
  -            <input type="text" id="s_time" class="time start prevent" name="s_time" placeholder="Start Time"/>
  -            <input type="text" id="e_time" class="time end prevent" name="e_time" placeholder="End Time"/>
  -            <input class="btn tf-btn btn-default login-partial-button" type="submit" value="Request Studio Time">
  +              <input name="authenticity_token" value="<%= form_authenticity_token %>" type='hidden'>
  +              <input type="text" id="start_date" class="date start prevent" name="start_date" placeholder="Enter Date" />
  +              <input type="text" id="s_time" class="time start prevent" name="s_time" placeholder="Start Time"/>
  +              <input type="text" id="e_time" class="time end prevent" name="e_time" placeholder="End Time"/>
  +              <input class="btn tf-btn btn-default login-partial-button" type="submit" value="Request Studio Time">
               </form>
             </div>
           </div>
         </div>
       </div>
  -</section>
  -
  -<section id="tf-team" class="text-center">
  -  <div class="overlay">
  -    <div class="container">
  -      <div class="section-title center">
  -        <h2><strong>Studio Photos</strong></h2>
  -        <div class="line">
  -          <hr>
  -        </div>
  -        <div id="detail-photos" class="owl-carousel owl-theme row">
  -          <% if @studio.images %>
  +  </section>
  +
  +  <section id="tf-team" class="text-center">
  +    <div class="overlay">
  +      <div class="container">
  +        <div class="section-title center">
  +          <h2><strong>Studio Photos</strong></h2>
  +          <div class="line">
  +            <hr>
  +          </div>
  +          <div id="detail-photos" class="owl-carousel owl-theme row">
  +            <% if @studio.images %>
               <% @studio.images.each do |image| %>
  -              <%= image_tag image.media.url(:large), :class => "team-img" %>
  -            <% end %>
  -          <% end %>
  -        </div>
  -      </div>
  -    </div>
  -  </div>
  -</section>
  +            <%= image_tag image.media.url(:large), :class => "team-img" %>
  +            <% end %>
  +            <% end %>
  +          </div>
  +        </div>
  +      </div>
  +    </div>
  +  </section>
   
     <script type="text/javascript">
  -    <% if flash[:errors] %>
  -      <% flash[:errors].each do |error| %>
  -        toastr.error("<%= error %>")
  -      <% end %>
  -    <% end %>
  -</script>
  -
  -
  -<script>
  +  <% if flash[:errors] %>
  +  <% flash[:errors].each do |error| %>
  +  toastr.error("<%= error %>")
  +  <% end %>
  +  <% end %>
  +  </script>
  +
  +
  +  <script>
     $('#basicExample .time').timepicker({
  -      showDuration: true,
  -      timeFormat: 'g:ia',
  -      step: 60
  +    showDuration: true,
  +    timeFormat: 'g:ia',
  +    step: 60
     });
   
     $('#basicExample .date').datepicker({
  -      format: 'm/d/yyyy',
  -      autoclose: true
  +    format: 'm/d/yyyy',
  +    autoclose: true
     });
   
     // initialize datepair
  
positive.code:           <p class="lead">$<%= @studio.price %> per hour</p>
            <p class="lead" id="average-rating">Average Rating: <%=@studio.average_rating  %> </p>
            <% if @studio.images.any? %>
              <%= image_tag @studio.images[0].media.url(:standard), :class => "large-icon img-circle team-img" %>
            <% end %>
            <% if can_review_studio?(@studio) %>
              <div id="create-new-review">
                <strong class="lead"><%= link_to "Review this Studio", new_studio_review_path(@studio), remote: true %></strong>
              </div>
              <% end %>
            </div>
        </div>
          <div class="map-container col-md-5">
            <div id="map" class="map-header"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  
  <script type="text/javascript">
    <% if flash[:notice] %>
    toastr.success("<%= flash[:notice] %>")
    <% elsif flash[:danger] %>
    toastr.info("<%= flash[:danger] %>")
    <% end %>
  </script>
  
  
  
negative.code: 
  
  <script type="text/javascript">
  handler = Gmaps.build('Google');
  handler.buildMap({ internal: {id: 'map'}}, function(){
    marker = handler.addMarkers([
    {
      lat: <%= @latitude %>,
      lng: <%= @longitude %>,
    }
    ]);
    handler.bounds.extendWith(marker);
    handler.fitMapToBounds();
    handler.getMap().setZoom(10);
  });
  
  </script>
  
  <div id="tf-services" class="text-center">
    <div id="reviews" class="container">
      <div class="section-title center">
        <h2><%= @studio.name  %>'s <strong>reviews</strong></h2>
        <div class="line">
          <hr>
        </div>
        <div class="clearfix"></div>
      </div>
      <div class="review-list">
        <% @studio.reviews.each do |review|  %>
        <%= render partial: "reviews/review", locals: {review: review } %>
        <% end  %>
        <div class="to-top-icon"><a href="#tf-home"  id="back-to-top" class="fa fa-angle-up fa-5x page-scroll"></a></div>
      </div>
    </div>
  </div>
  
  
  