From 2f3a891d0944a3b200d3dda949475bf9e1742f56 Mon Sep 17 00:00:00 2001
From: Tyler Hoang <tyler@tylerhoang.xyz>
Date: Sat, 9 May 2026 01:41:48 -0700
Subject: Add IMDb, Rotten Tomatoes, and Metacritic ratings to film detail

Fetches ratings from OMDB API in parallel with TMDB context. Displays
three side-by-side chips between the subtitle and watch log panels.
Requires OMDB_API_KEY in .env; degrades silently if missing or no match.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 templates/detail.html | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

(limited to 'templates')

diff --git a/templates/detail.html b/templates/detail.html
index 83bd26a..5bf4b3f 100644
--- a/templates/detail.html
+++ b/templates/detail.html
@@ -62,6 +62,29 @@
         {% endif %}
       </p>
 
+      {% if ratings %}
+      <div class="ratings-row">
+        {% if ratings.imdb %}
+        <div class="rating-chip">
+          <span class="rating-chip-label">IMDb</span>
+          <span class="rating-chip-value">{{ ratings.imdb }}</span>
+        </div>
+        {% endif %}
+        {% if ratings.rt %}
+        <div class="rating-chip">
+          <span class="rating-chip-label">Rotten Tomatoes</span>
+          <span class="rating-chip-value">{{ ratings.rt }}</span>
+        </div>
+        {% endif %}
+        {% if ratings.metacritic %}
+        <div class="rating-chip">
+          <span class="rating-chip-label">Metacritic</span>
+          <span class="rating-chip-value">{{ ratings.metacritic }}</span>
+        </div>
+        {% endif %}
+      </div>
+      {% endif %}
+
       <section class="detail-grid">
         <article class="detail-panel">
           <p class="eyebrow">Watch log</p>
-- 
cgit v1.3-2-g0d8e