File size: 5,442 Bytes
83b7f41 f4e377f 278d277 83b7f41 278d277 f4e377f 278d277 f4e377f 278d277 4af38cf 278d277 4af38cf 278d277 219f469 4af38cf 83b7f41 278d277 4af38cf f4e377f 278d277 f4e377f 4af38cf 278d277 83b7f41 278d277 f4e377f 4af38cf 278d277 4af38cf a375ded 4af38cf f4e377f 4af38cf a375ded 219f469 4af38cf 278d277 a375ded 219f469 af39867 278d277 af39867 219f469 4af38cf 219f469 83b7f41 219f469 278d277 d851bdc 40dccb0 278d277 f4d7708 83b7f41 e67fa5b |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>International Umbrella Endowment</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
</head>
<body>
<main class="main-container">
<header class="page-header">
<svg class="logo" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M50 15 L95 55 L80 55 L50 30 L20 55 L5 55 Z" /><path d="M50 35 L70 55 L60 55 L50 45 L40 55 L30 55 Z" /><path d="M50 50 L55 55 L50 60 L45 55 Z" /><path d="M50 65 L50 85" stroke-width="5" /></svg>
<h1>Endowment Portal</h1>
</header>
<div class="widget-card" id="lookup-container">
<h2>Check Deal Status</h2>
<form id="deal-lookup-form">
<div class="form-group">
<label for="lookup-deal-id">Enter Your Unique Deal ID</label>
<input type="text" id="lookup-deal-id" name="deal_id" placeholder="e.g., DEAL-17..." required>
</div>
<button type="submit" id="lookup-button" class="button-primary">Check Status</button>
</form>
</div>
<div class="widget-card admin-panel">
<details>
<summary>Platform Operator Panel</summary>
<div class="details-content">
<form id="admin-action-form">
<div class="form-group">
<label for="admin-deal-id">Deal ID to Action</label>
<input type="text" id="admin-deal-id" name="deal_id" placeholder="Enter Deal ID..." required>
</div>
<div class="admin-buttons">
<button type="button" id="admin-approve-button" class="button-approve">Approve</button>
<button type="button" id="admin-decline-button" class="button-decline">Decline</button>
</div>
<div id="admin-status-message" class="status" aria-live="polite"></div>
</form>
</div>
</details>
</div>
</main>
<button id="show-submission-button" class="fab" title="Submit New Deal">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="24" height="24"><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2h6z"/></svg>
</button>
<div id="submission-modal" class="modal-backdrop hidden">
<div class="modal-content">
<button id="submission-modal-close-button" class="modal-close">×</button>
<h2>New Endowment Request</h2>
<form id="vessel-exchange-form">
<input type="hidden" name="action" value="submit">
<div class="form-group">
<label for="ownerName">Owner Name</label>
<input type="text" id="ownerName" name="ownerName" required>
</div>
<div class="form-group">
<label for="contactEmail">Contact Email</label>
<input type="email" id="contactEmail" name="contactEmail" required>
</div>
<div class="form-group">
<label for="tokenAmount">Tokens Requested</label>
<input type="number" id="tokenAmount" name="tokenAmount" required min="0" step="any">
</div>
<label for="tokenAmount">Make a note of your Unique ID.</label>
<button type="submit" id="submit-button" class="button-primary">Submit Request</button>
</form>
<div id="status-message" class="status" aria-live="polite"></div>
</div>
</div>
<div id="deal-modal" class="modal-backdrop hidden">
<div class="modal-content">
<button id="modal-close-button" class="modal-close">×</button>
<h3>Deal Information</h3>
<div id="modal-body">
<p><strong>Deal ID:</strong> <span id="modal-deal-id"></span></p>
<p><strong>Status:</strong> <span id="modal-status-badge" class="badge"></span></p>
<hr class="modal-hr">
<p><strong>Owner:</strong> <span id="modal-owner-name"></span></p>
<p><strong>Contact Email:</strong> <span id="modal-contact-email"></span></p>
<p><strong>Contact Phone:</strong> <span id="modal-contact-phone"></span></p>
<hr class="modal-hr">
<p><strong>Vessel Year Built:</strong> <span id="modal-year-built"></span></p>
<p><strong>Gross Tonnage:</strong> <span id="modal-gross-tonnage"></span></p>
<p><strong>Tokens Requested:</strong> <span id="modal-token-amount"></span></p>
<p class="description-label"><strong>Description:</strong></p>
<p id="modal-vessel-description" class="description-text"></p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|