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

src/views/error.ecr

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

src/views/watch.ecr

@@ -1,24 +1,28 @@
 <title><%= video_info["title"] %> - Invidious</title>
 <video style="width: 100%" poster="<%= video_info.has_key?("iurlhq720") ? video_info["iurlhq720"] : video_info["iurlmq"] %>" controls>
-<% fmt_stream.each do |fmt| %>
-    <source src="<%= fmt["url"] %>" type="<%= fmt["type"].split(";")[0] %>">
-<% end %>
-</video>
-<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>
-    </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>
-    </div>
-    <div class="pure-u-1 pure-u-md-1-5">
     <% fmt_stream.each do |fmt| %>
-        <p><%= fmt["quality"] %></p>
+    <source src="<%= fmt["url"] %>" type="<%= fmt["type"].split(";")[0] %>">
-    <% end %>
+        <% end %>
+    </video>
+    <h1><%= video_info["title"] %></h1>
+    <div class="pure-g">
+        <div class="pure-u-1 pure-u-md-1-5">
+            <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><%= video_record.description %></p>
+        </div>
+        <div class="pure-u-1 pure-u-md-1-5">
+            <% related_videos.each do |video| %>
+            <p><a href="<%= video.content %>"><%= video.content %></a></p>
+            <% end %>
     </div>
 </div>