select

2026-06-09 09:05:42 -03:00
parent eff9a16f18
commit d0c5c1285b
3 changed files with 168 additions and 5 deletions
@@ -875,6 +875,81 @@
        </div>
        <!-- /app-shell -->

+        <!-- ═══════════════════════════════════════════════════════════
+     BUY CREDITS MODAL
+════════════════════════════════════════════════════════════════ -->
+        <div id="credits-backdrop" class="modal-backdrop">
+            <div class="modal" style="max-width: 460px">
+                <div class="modal-header">
+                    <span class="modal-title">Buy Credits</span>
+                </div>
+                <div class="modal-body">
+                    <p class="credits-key-label">
+                        Credits will be assigned to key:
+                        <span id="credits-key-name"></span>
+                    </p>
+                    <div class="credits-options">
+                        <label class="credits-option">
+                            <input
+                                type="radio"
+                                name="credits-amount"
+                                value="5.50"
+                            />
+                            <span class="credits-option-label"
+                                >&euro;&thinsp;5.50</span
+                            >
+                        </label>
+                        <label class="credits-option">
+                            <input
+                                type="radio"
+                                name="credits-amount"
+                                value="11.00"
+                            />
+                            <span class="credits-option-label"
+                                >&euro;&thinsp;11.00</span
+                            >
+                        </label>
+                        <label class="credits-option">
+                            <input
+                                type="radio"
+                                name="credits-amount"
+                                value="22.00"
+                            />
+                            <span class="credits-option-label"
+                                >&euro;&thinsp;22.00</span
+                            >
+                        </label>
+                        <label class="credits-option">
+                            <input
+                                type="radio"
+                                name="credits-amount"
+                                value="55.00"
+                            />
+                            <span class="credits-option-label"
+                                >&euro;&thinsp;55.00</span
+                            >
+                        </label>
+                    </div>
+                    <p class="credits-fee-note">
+                        A 10% handling fee is added on top of the OpenRouter
+                        credits value.
+                    </p>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-ghost" onclick="buyCreditsClose()">
+                        Cancel
+                    </button>
+                    <button
+                        id="credits-buy-btn"
+                        class="btn btn-primary"
+                        onclick="buyCreditsSubmit()"
+                    >
+                        Buy Credits
+                    </button>
+                </div>
+            </div>
+        </div>
+
        <!-- ═══════════════════════════════════════════════════════════
     CONFIRM DIALOG
 ════════════════════════════════════════════════════════════════ -->