--- /dev/null
+'use strict';
+
+/**
+ * This renders the interface for submitting a ticket proffer to a third-party.
+ */
+
+const th = require('./template-helper');
+
+
+function renderProfileOption(profile) {
+ return `<option value="${profile}">${profile}</option>`;
+}
+
+function renderScopeCheckboxTR(scope) {
+ const defaultChecked = ['read'];
+ const checked = defaultChecked.includes(scope) ? ' checked' : '';
+ return `<tr class="scope">
+\t<td><input type="checkbox" id="scopes-${scope}" name="scopes" value="${scope}"${checked}></td>
+\t<td>${scope}</td>
+</tr>`;
+}
+
+function mainContent(ctx) {
+ const profileOptions = th.indented(4, (ctx?.profilesScopes?.profiles || []).map((profile) => renderProfileOption(profile)))
+ .join('\n');
+ const elideScopes = ['profile', 'email'];
+ const allScopes = Object.keys(ctx?.profilesScopes?.scopeIndex || {});
+ const displayScopes = (allScopes).filter((scope) => !elideScopes.includes(scope));
+ const scopesCheckboxRows = th.indented(4, displayScopes.map((scope) => renderScopeCheckboxTR(scope)))
+ .join('\n');
+ return `<section>
+\t<form action="" method="POST">
+\t\t<div>
+\t\t\tYou may proactively send a ticket to a third-party site,
+\t\t\twhich they may redeem for an access token which grants additional
+\t\t\taccess to the specified resource.
+\t\t</div>
+\t\t<br>
+\t\t<fieldset>
+\t\t\t<legend>Proffer A Ticket</legend>
+\t\t\t<label for="profile-select">Profile Granting this Ticket</label>
+\t\t\t<select id="profile-select" name="profile">
+${profileOptions}
+\t\t\t</select>
+\t\t\t<br>
+\t\t\t<label for="resource-url">Resource URL:</label>
+\t\t\t<input type="url" id="resource-url" name="resource" size="96">
+\t\t\t<br>
+\t\t\t<label for="recipient-url">Recipient URL:</label>
+\t\t\t<input type="url" id="recipient-url" name="subject" size="96">
+\t\t\t<br>
+<fieldset>
+<legend>Scopes</legend>
+\t\t\t<table>
+${scopesCheckboxRows}
+\t\t\t</table>
+</fieldset>
+\t\t\t<br>
+\t\t\t<label for="scopes-adhoc">Additional Scopes (space separated):</label>
+\t\t\t<input type="text" id="scopes-adhoc" name="adhoc" size="96">
+\t\t\t<br>
+\t\t\t<button name="action" value="proffer-ticket">Send Ticket</button>
+\t\t</fieldset>
+\t</form>
+</section>`;
+}
+
+
+/**
+ *
+ * @param {Object} ctx
+ * @param {Object} ctx.profilesScopes.scopeIndex
+ * @param {String[]} ctx.profileScopes.profiles
+ * @param {Object} options
+ * @param {Object} options.manager
+ * @param {String} options.manager.pageTitle
+ * @param {String} options.manager.logoUrl
+ * @param {String[]} options.manager.footerEntries
+ * @returns {String}
+ */
+module.exports = (ctx, options) => {
+ const htmlOptions = {
+ pageTitle: options.manager.pageTitle + ' - Ticket Proffer',
+ logoUrl: options.manager.logoUrl,
+ footerEntries: options.manager.footerEntries,
+ navLinks: [
+ {
+ text: 'Admin',
+ href: '../admin/',
+ },
+ ],
+ errorContent: ['Unable to send ticket.'],
+ };
+ const content = [
+ mainContent(ctx),
+ ];
+ return th.htmlPage(2, ctx, htmlOptions, content);
+};
\ No newline at end of file