Update index.html

index.html

@@ -304,7 +304,8 @@
       <button class="btn" onclick="previewCardMaker()">Preview Card <i class="fas fa-eye"></i></button>
     </div>
     <div class="card-preview" id="cardMakerPreview"></div>
-    <button class="btn" onclick="saveCardToHistory()">Save to History <i class="fas fa-save"></i></button>
+    <button class="btn" onclick="saveCardToHistory('cardMakerPreview')">Save to History <i class="fas fa-save"></i></button>
+    <button class="btn" onclick="clearPreview('cardMakerPreview')">Delete this Card <i class="fas fa-trash"></i></button>
     <button class="btn" onclick="downloadCardMakerImage()">Download Image <i class="fas fa-download"></i></button>
     <button class="btn" onclick="downloadCardMakerPDF()">Download PDF <i class="fas fa-file-pdf"></i></button>
   </div>
@@ -327,7 +328,8 @@
       <button class="btn" onclick="generateCardFromMedia()">Generate Card <i class="fas fa-magic"></i></button>
     </div>
     <div class="card-preview" id="generatedCardPreview"></div>
-    <button class="btn" onclick="saveCardToHistory()">Save to History <i class="fas fa-save"></i></button>
+    <button class="btn" onclick="saveCardToHistory('generatedCardPreview')">Save to History <i class="fas fa-save"></i></button>
+    <button class="btn" onclick="clearPreview('generatedCardPreview')">Delete this Card <i class="fas fa-trash"></i></button>
     <button class="btn" onclick="downloadGeneratedImage()">Download Image <i class="fas fa-download"></i></button>
     <button class="btn" onclick="downloadGeneratedPDF()">Download PDF <i class="fas fa-file-pdf"></i></button>
   </div>
@@ -368,8 +370,8 @@
     }
 
     // Сохранить карточку в историю
-    function saveCardToHistory() {
-      const cardPreview = document.getElementById('cardMakerPreview').innerHTML || document.getElementById('generatedCardPreview').innerHTML;
+    function saveCardToHistory(previewId) {
+      const cardPreview = document.getElementById(previewId).innerHTML;
       if (cardPreview) {
         history.push(cardPreview);
         updateHistory();
@@ -379,6 +381,12 @@
       }
     }
 
+    // Очистить предпросмотр карточки
+    function clearPreview(previewId) {
+      document.getElementById(previewId).innerHTML = '';
+      alert('Card preview cleared!');
+    }
+
     // Обновить историю
     function updateHistory() {
       const historyList = document.getElementById('historyList');