Update script.js

script.js

@@ -1,133 +1,18 @@
-document.addEventListener('DOMContentLoaded', () => {
-    // --- CONFIGURATION ---
-    const workerUrl = 'https://your-worker-url.workers.dev/'; // IMPORTANT: Use your correct worker URL
-
-    // --- ELEMENT SELECTIONS ---
-    const submissionForm = document.getElementById('vessel-exchange-form');
-    const lookupForm = document.getElementById('deal-lookup-form');
-    const adminForm = document.getElementById('admin-action-form');
+// Replace the old openModal function in your script.js file
+function openModal(dealData) {
+    // Populate all the new fields
+    document.getElementById('modal-deal-id').textContent = dealData.deal_id;
+    document.getElementById('modal-owner-name').textContent = dealData.owner_name;
+    document.getElementById('modal-contact-email').textContent = dealData.contact_email;
+    document.getElementById('modal-contact-phone').textContent = dealData.contact_phone || 'N/A';
+    document.getElementById('modal-year-built').textContent = dealData.year_built || 'N/A';
+    document.getElementById('modal-gross-tonnage').textContent = dealData.gross_tonnage || 'N/A';
+    document.getElementById('modal-token-amount').textContent = dealData.token_amount;
+    document.getElementById('modal-vessel-description').textContent = dealData.vessel_description || 'No description provided.';
     
-    const submissionStatus = document.getElementById('status-message');
-    const adminStatus = document.getElementById('admin-status-message');
-
-    const modal = document.getElementById('deal-modal');
+    const statusBadge = document.getElementById('modal-status-badge');
+    statusBadge.textContent = dealData.status;
+    statusBadge.className = `badge ${dealData.status}`; // e.g., "badge accepted"
     
-    // --- EVENT LISTENERS ---
-
-    // 1. Handle New Deal Submissions
-    if (submissionForm) {
-        submissionForm.addEventListener('submit', handleFormSubmit);
-    }
-
-    // 2. Handle Deal Status Lookups
-    if (lookupForm) {
-        lookupForm.addEventListener('submit', handleLookupSubmit);
-    }
-
-    // 3. Handle Admin Actions
-    if (adminForm) {
-        document.getElementById('admin-approve-button').addEventListener('click', () => handleAdminClick('approve'));
-        document.getElementById('admin-decline-button').addEventListener('click', () => handleAdminClick('decline'));
-    }
-
-    // 4. Handle Modal Closing
-    if (modal) {
-        document.getElementById('modal-close-button').addEventListener('click', closeModal);
-        modal.addEventListener('click', (event) => {
-            if (event.target === modal) closeModal();
-        });
-    }
-
-    // --- HANDLER FUNCTIONS ---
-
-    async function handleFormSubmit(event) {
-        event.preventDefault();
-        const submitButton = document.getElementById('submit-button');
-        submitButton.disabled = true;
-        submissionStatus.className = 'status';
-        submissionStatus.textContent = 'Submitting...';
-        submissionStatus.style.display = 'block';
-        
-        try {
-            const formData = new FormData(submissionForm);
-            const response = await fetch(workerUrl, { method: 'POST', body: formData });
-            const result = await response.json();
-            if (!response.ok) throw new Error(result.error || `Server responded with status ${response.status}`);
-            
-            showSuccess(submissionStatus, `Success! Your Deal ID is: ${result.deal_id}`);
-            submissionForm.reset();
-        } catch (error) {
-            showError(submissionStatus, error.message);
-        } finally {
-            submitButton.disabled = false;
-        }
-    }
-
-    async function handleLookupSubmit(event) {
-        event.preventDefault();
-        const dealId = document.getElementById('lookup-deal-id').value;
-        if (!dealId) return;
-
-        try {
-            const response = await fetch(`${workerUrl}?deal_id=${dealId}`, { method: 'GET' });
-            const result = await response.json();
-            if (!response.ok) throw new Error(result.error || 'Failed to fetch deal.');
-            
-            openModal(result);
-        } catch (error) {
-            alert(`Error: ${error.message}`);
-        }
-    }
-
-    async function handleAdminClick(action) {
-        const dealId = document.getElementById('admin-deal-id').value;
-        if (!dealId) {
-            showError(adminStatus, 'Please enter a Deal ID.');
-            return;
-        }
-
-        const formData = new FormData();
-        formData.append('action', action);
-        formData.append('deal_id', dealId);
-
-        try {
-            const response = await fetch(workerUrl, { method: 'POST', body: formData });
-            const result = await response.json();
-            if (!response.ok) throw new Error(result.error || `Server responded with status ${response.status}`);
-
-            showSuccess(adminStatus, result.message);
-        } catch (error) {
-            showError(adminStatus, error.message);
-        }
-    }
-
-    // --- MODAL & UI FUNCTIONS ---
-
-    function openModal(dealData) {
-        document.getElementById('modal-deal-id').textContent = dealData.deal_id;
-        document.getElementById('modal-owner-name').textContent = dealData.owner_name;
-        document.getElementById('modal-token-amount').textContent = dealData.token_amount;
-        
-        const statusBadge = document.getElementById('modal-status-badge');
-        statusBadge.textContent = dealData.status;
-        statusBadge.className = `badge ${dealData.status}`; // e.g., "badge accepted"
-        
-        modal.classList.remove('hidden');
-    }
-
-    function closeModal() {
-        modal.classList.add('hidden');
-    }
-
-    function showSuccess(element, message) {
-        element.className = 'status success';
-        element.textContent = message;
-        element.style.display = 'block';
-    }
-
-    function showError(element, message) {
-        element.className = 'status error';
-        element.textContent = `Error: ${message}`;
-        element.style.display = 'block';
-    }
-});
+    modal.classList.remove('hidden');
+}