File size: 3,578 Bytes
83b7f41
 
 
 
 
 
f4e377f
 
 
83b7f41
 
 
 
 
f4e377f
 
a375ded
 
 
 
 
 
f4e377f
 
a375ded
a42f126
4af38cf
 
 
 
 
 
 
219f469
4af38cf
83b7f41
4af38cf
 
 
f4e377f
 
a375ded
f4e377f
4af38cf
 
219f469
83b7f41
f4e377f
 
 
4af38cf
 
 
 
 
 
 
 
 
a375ded
4af38cf
f4e377f
4af38cf
a375ded
219f469
4af38cf
 
a375ded
219f469
4af38cf
219f469
4af38cf
 
219f469
83b7f41
219f469
40dccb0
83b7f41
 
 
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
<!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=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <script src="script.js" defer></script>
</head>
<body>

    <div class="content-wrapper">
        <header class="page-header">
            <svg class="logo" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
                <path d="M50 10 L90 45 L80 45 L50 20 L20 45 L10 45 Z" />
                <path d="M50 25 L75 45 L65 45 L50 32 L35 45 L25 45 Z" />
                <path d="M50 40 L60 50 L50 60 L40 50 Z" />
                <path d="M50 65 L50 90" stroke="currentColor" stroke-width="4" />
            </svg>
            <h1>International Umbrella Endowment</h1>
        </header>
        
        <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>
                <div class="details-content">
                    <form id="admin-action-form">
                        </form>
                </div>
            </details>
        </div>
    </div>

    <button id="show-submission-button" class="floating-action-button" title="Submit New Deal">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="28" height="28"><path d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"></path></svg>
    </button>

    <div id="submission-modal" class="modal-backdrop hidden">
        <div class="modal-content">
            <button id="submission-modal-close-button" class="modal-close">&times;</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" 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">UMBR Tokens Requested</label>
                    <input type="number" id="tokenAmount" name="tokenAmount" 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>