|
|
<!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="stylesheet" href="style.css"> |
|
|
<script src="script.js" defer></script> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<div class="main-content"> |
|
|
<div class="form-container" 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-175..." required> |
|
|
</div> |
|
|
<button type="submit" id="lookup-button">Check Status</button> |
|
|
</form> |
|
|
</div> |
|
|
|
|
|
<div class="form-container admin-panel"> |
|
|
<details> |
|
|
<summary>Platform Operator Panel</summary> |
|
|
<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 to approve/decline" required> |
|
|
</div> |
|
|
<div class="admin-buttons"> |
|
|
<button type="button" id="admin-approve-button" class="approve">Approve</button> |
|
|
<button type="button" id="admin-decline-button" class="decline">Decline</button> |
|
|
</div> |
|
|
<div id="admin-status-message" class="status" aria-live="polite"></div> |
|
|
</form> |
|
|
</details> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<button id="show-submission-button" class="floating-action-button" title="Submit New Deal">+</button> |
|
|
|
|
|
<div id="submission-modal" class="modal-backdrop hidden"> |
|
|
<div class="modal-content"> |
|
|
<button id="submission-modal-close-button" class="modal-close">×</button> |
|
|
<h3>Vessel Exchange Endowment</h3> |
|
|
<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" placeholder="Enter legal owner name" required> |
|
|
</div> |
|
|
<div class="form-group"> |
|
|
<label for="contactEmail">Contact Email</label> |
|
|
<input type="email" id="contactEmail" name="contactEmail" placeholder="Enter a valid email address" required> |
|
|
</div> |
|
|
<div class="form-group"> |
|
|
<label for="tokenAmount">UMBR Tokens Requested</label> |
|
|
<input type="number" id="tokenAmount" name="tokenAmount" placeholder="e.g., 5000.50" required min="0" step="any"> |
|
|
</div> |
|
|
<button type="submit" id="submit-button">Submit Exchange Request</button> |
|
|
</form> |
|
|
<div id="status-message" class="status" aria-live="polite"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="deal-modal" class="modal-backdrop hidden"> |
|
|
</div> |
|
|
|
|
|
</body> |
|
|
</html> |
