Ayobami
49 lines
1.4 KiB
Plaintext
49 lines
1.4 KiB
Plaintext
<%- include('partials/header') %>
|
|
<div style="padding: 32px; max-width: 900px; margin: 0 auto">
|
|
<h3>Pick a date and time</h3>
|
|
<p><b>Duration:</b> 1 hour</p>
|
|
<label>Your timezone:</label>
|
|
<select name="timezone" id="timezone-select">
|
|
<% timezones.forEach(function(tz) { %>
|
|
<option value="<%= tz.value %>"><%= tz.label %></option>
|
|
<% }) %>
|
|
</select>
|
|
<hr />
|
|
<div style="display: flex; justify-content: center; margin-top: 40px">
|
|
<div
|
|
style="
|
|
background: #fff;
|
|
padding: 32px;
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 8px #0001;
|
|
min-width: 400px;
|
|
"
|
|
>
|
|
<h4>TIME ZONE</h4>
|
|
<div style="display: flex; gap: 32px">
|
|
<% Object.keys(timezoneGroups).forEach(function(region) { %>
|
|
<div>
|
|
<b><%= region %></b>
|
|
<% timezoneGroups[region].forEach(function(tz) { %>
|
|
<div>
|
|
<input type="radio" name="timezoneRadio" value="<%= tz.value %>" />
|
|
<%= tz.label %>
|
|
</div>
|
|
<% }) %>
|
|
</div>
|
|
<% }) %>
|
|
</div>
|
|
<div style="margin-top: 16px">
|
|
<label
|
|
><input type="radio" name="format" value="ampm" checked />
|
|
am/pm</label
|
|
>
|
|
<label style="margin-left: 16px"
|
|
><input type="radio" name="format" value="24hr" /> 24hr</label
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<%- include('partials/footer') %>
|