Render both covers from Internet Archive

Author: emggeorge

openlibrary/templates/covers/external_image.html

@@ -1,13 +1,22 @@
-$def with (action, img_url, source_name)
+$def with (action, img_url_cover, img_url_title, source_name)
 
 <form class="ol-cover-form ol-cover-form--external" method="post" enctype="multipart/form-data" action="$action">
     <div class="label">
-        <label>$_("Or, use the cover from %s", source_name)</label>
+        <label>$_("Or, use a cover from %s", source_name)</label>
     </div>
-    <div class="input">
-        <a href="$img_url" target="_blank">
-            <img class="ol-cover-form--external_image" src="$img_url" style="height: 200px" alt="" />
-        </a>
-        <button type="submit" class="cta-btn cta-btn--vanilla" name="url" value="$img_url">$_("Upload Image")</button>
+    <div style="display: flex; flex-direction: row;">
+        <div class="input">
+            <a href="$img_url_cover" target="_blank" style="flex-direction: column;">
+                <img class="ol-cover-form--external_image" src="$img_url_cover" style="height: 200px" alt="" />
+            </a>
+            <button type="submit" class="cta-btn cta-btn--vanilla" name="url" style="flex-direction: column;" value="$img_url_cover">$_("Upload Image")</button>
+        </div>
+        <div class="input">
+                $if img_url_title != None:
+                    <a href="$img_url_title" target="_blank">
+                        <img class="ol-cover-form--external_image" src="$img_url_title" style="height: 200px" alt="" />
+                    </a>
+                    <button type="submit" class="cta-btn cta-btn--vanilla" name="url" value="$img_url_title">$_("Upload Image")</button>
+        </div>
     </div>
 </form>