Add error page and give video.ecr more detailed video info

src/views/error.ecr

@@ -0,0 +1 @@
+<%= error_message %>

src/views/watch.ecr

@@ -7,18 +7,22 @@
     <h1><%= video_info["title"] %></h1>
     <div class="pure-g">
         <div class="pure-u-1 pure-u-md-1-5">
-        <p>+  <%= likes %></p>
-        <p>-&nbsp;  <%= dislikes %></p>
+            <p><i class="fa fa-eye" aria-hidden="true"></i> <%= video_record.views %></p>
+            <p><i class="fa fa-thumbs-up" aria-hidden="true"></i> <%= video_record.likes %></p>
+            <p><i class="fa fa-thumbs-down" aria-hidden="true"></i> <%= video_record.dislikes %></p>
+            <p>Wilson Score : <%= ci_lower_bound(video_record.likes, video_record.likes + video_record.dislikes).round(4) %></p>
+            <p>Rating : <%= video_record.rating.round(4) %> / 5</p>
+            <!-- <p>Calculated Rating : <%= calculated_rating.round(4) %> / 5</p> -->
+            <p>Engagement : <%= engagement.round(2) %>%</p>
+            <p>Earnings : <%= video_info.has_key?("allowed_ads") ? "~$" + ((video_record.views.to_f / 500).round(2)).to_s : "Unmonetized" %></p>
+            <p>Allowed ads : <br><%= video_info.has_key?("allowed_ads") ? video_info["allowed_ads"] : "Unmonetized" %></p> 
         </div>
         <div class="pure-u-1 pure-u-md-3-5">
-        <p>Views : <%= views %></p>
-        <p>Rating : <%= rating %></p>
-        <p>Calculated Rating : <%= calculated_rating %></p>
-        <p>Engagement : <%= engagement %>%</p>
+            <p><%= video_record.description %></p>
         </div>
         <div class="pure-u-1 pure-u-md-1-5">
-    <% fmt_stream.each do |fmt| %>
-        <p><%= fmt["quality"] %></p>
+            <% related_videos.each do |video| %>
+            <p><a href="<%= video.content %>"><%= video.content %></a></p>
             <% end %>
     </div>
 </div>