çöp kutusuna kalıcı silme için buton ekle yukarı - Follow Up Deployment

index.html

@@ -238,7 +238,7 @@
                     <h3 class="text-lg font-bold text-primary mb-3">Dosya</h3>
                     <ul class="space-y-2">
                         <li>
-                            <a href="#" class="flex items-center text-gray-300 hover-text-primary">
+                            <a href="#" onclick="goBackToInbox()" class="flex items-center text-gray-300 hover-text-primary">
                                 <i class="fas fa-inbox mr-3 text-primary"></i>
                                 <span>Gelen Kutusu</span>
                                 <span class="inbox-count ml-auto">12</span>
@@ -372,6 +372,33 @@
                         </div>
                     </div>
                 </div>
+
+                <!-- Trash Container -->
+                <div id="trash-container" class="hidden bg-secondary rounded-lg overflow-hidden">
+                    <div class="p-4 border-b border-gray-700 flex justify-between items-center">
+                        <div class="flex items-center">
+                            <button class="bg-dark hover:bg-gray-800 p-2 rounded mr-3" onclick="goBackToInbox()">
+                                <i class="fas fa-arrow-left text-primary"></i>
+                            </button>
+                            <h2 class="text-lg font-bold text-primary">Çöp Kutusu</h2>
+                        </div>
+                        <div class="flex space-x-2">
+                            <button id="select-all-trash" class="bg-dark hover:bg-gray-800 p-2 rounded">
+                                <i class="fas fa-check-square text-primary" title="Select All"></i>
+                            </button>
+                            <button id="delete-selected-trash" class="bg-dark hover:bg-gray-800 p-2 rounded" onclick="emptyTrash()">
+                                <i class="fas fa-trash text-accent"></i>
+                            </button>
+                            <button id="permanent-delete" class="bg-dark hover:bg-gray-800 p-2 rounded" onclick="permanentDelete()" title="Kalıcı Olarak Sil">
+                                <i class="fas fa-skull text-red-500"></i>
+                            </button>
+                        </div>
+                    </div>
+                    
+                    <div id="trash-emails" class="divide-y divide-gray-700">
+                        <!-- Trash emails will be rendered here -->
+                    </div>
+                </div>
                 
                 <!-- Empty State -->
                 <!-- <div class="bg-secondary rounded-lg p-8 text-center">
@@ -461,6 +488,36 @@
             }
         });
 
+        // Permanently delete selected emails
+        function permanentDelete() {
+            const selectedEmails = document.querySelectorAll('#trash-emails .email-item.selected');
+            const trashCount = document.getElementById('trash-count');
+            
+            if (selectedEmails.length === 0) {
+                alert('Lütfen silmek istediğiniz e-postaları seçin.');
+                return;
+            }
+
+            if (!confirm('Seçili e-postaları kalıcı olarak silmek istediğinize emin misiniz? Bu işlem geri alınamaz!')) {
+                return;
+            }
+
+            selectedEmails.forEach(email => {
+                const index = Array.from(trashEmails).findIndex(e => e.isEqualNode(email));
+                if (index !== -1) {
+                    trashEmails.splice(index, 1);
+                }
+                email.remove();
+            });
+
+            // Update trash count
+            const newCount = trashEmails.length;
+            trashCount.textContent = newCount;
+            if (newCount === 0) {
+                trashCount.classList.add('hidden');
+            }
+        }
+
         // Move selected emails to trash
         function moveToTrash() {
             const selectedEmails = document.querySelectorAll('.email-item.selected');
@@ -562,10 +619,93 @@
             }
 
             trashEmails.forEach(email => {
-                trashContainer.appendChild(email);
+                // Clone the email to avoid modifying the original
+                const clonedEmail = email.cloneNode(true);
+                
+                // Add click event for expanding emails
+                clonedEmail.addEventListener('click', function() {
+                    const content = this.querySelector('.email-content');
+                    content.classList.toggle('open');
+                });
+                
+                // Add checkbox functionality
+                const checkbox = clonedEmail.querySelector('input[type="checkbox"]');
+                if (checkbox) {
+                    checkbox.addEventListener('click', function(e) {
+                        e.stopPropagation();
+                        if (this.checked) {
+                            clonedEmail.classList.add('selected');
+                        } else {
+                            clonedEmail.classList.remove('selected');
+                        }
+                    });
+                }
+                
+                trashContainer.appendChild(clonedEmail);
             });
         }
 
+        // Empty trash functionality
+        function emptyTrash() {
+            const selectedEmails = document.querySelectorAll('#trash-emails .email-item.selected');
+            const trashCount = document.getElementById('trash-count');
+            
+            if (selectedEmails.length === 0) {
+                // If nothing selected, confirm emptying entire trash
+                if (confirm('Tüm çöp kutusunu boşaltmak istediğinize emin misiniz?')) {
+                    trashEmails.length = 0;
+                    trashCount.textContent = '0';
+                    trashCount.classList.add('hidden');
+                    renderTrashEmails();
+                }
+                return;
+            }
+            
+            // Remove selected emails from trash
+            selectedEmails.forEach(email => {
+                const index = Array.from(trashEmails).findIndex(e => e.isEqualNode(email));
+                if (index !== -1) {
+                    trashEmails.splice(index, 1);
+                }
+            });
+            
+            // Update trash count
+            const newCount = trashEmails.length;
+            trashCount.textContent = newCount;
+            if (newCount === 0) {
+                trashCount.classList.add('hidden');
+            }
+            
+            renderTrashEmails();
+        }
+
+        // Select all in trash
+        document.getElementById('select-all-trash')?.addEventListener('click', function(e) {
+            e.stopPropagation();
+            const checkboxes = document.querySelectorAll('#trash-emails .email-item input[type="checkbox"]');
+            const anyUnchecked = Array.from(checkboxes).some(checkbox => !checkbox.checked);
+            
+            checkboxes.forEach(checkbox => {
+                checkbox.checked = anyUnchecked;
+                const emailItem = checkbox.closest('.email-item');
+                if (anyUnchecked) {
+                    emailItem.classList.add('selected');
+                } else {
+                    emailItem.classList.remove('selected');
+                }
+            });
+            
+            // Change icon based on selection state
+            const icon = this.querySelector('i');
+            if (anyUnchecked) {
+                icon.classList.remove('fa-check-square');
+                icon.classList.add('fa-minus-square');
+            } else {
+                icon.classList.remove('fa-minus-square');
+                icon.classList.add('fa-check-square');
+            }
+        });
+
         // Move selected emails to trash
         function moveToTrash() {
             const selectedEmails = document.querySelectorAll('.email-item.selected');