{% include 'overall_header.html' %}

<h1>{{ lang('ACP_CONSENTMANAGER') }}</h1>

<p>{{ lang('ACP_CONSENTMANAGER_EXPLAIN') }}</p>

{% if S_ERROR %}
	<div class="errorbox">
		<h3>{{ lang('WARNING') }}</h3>
		<p>{{ ERROR_MSG }}</p>
	</div>
{% endif %}

<form id="acp_consentmanager" method="post" action="{{ U_ACTION }}">
	<fieldset>
		<legend>{{ lang('ACP_CONSENTMANAGER_CATEGORIES') }}</legend>
		<dl>
			<dt><label>{{ lang('ACP_CONSENTMANAGER_ANALYTICS') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CONSENTMANAGER_ANALYTICS_EXPLAIN') }}</span></dt>
			<dd>
				<label><input type="radio" class="radio" name="consentmanager_analytics_enabled" value="1" {% if S_CONSENTMANAGER_ANALYTICS %}checked="checked"{% endif %}> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="consentmanager_analytics_enabled" value="0" {% if not S_CONSENTMANAGER_ANALYTICS %}checked="checked"{% endif %}> {{ lang('NO') }}</label>
			</dd>
		</dl>
		<dl>
			<dt><label>{{ lang('ACP_CONSENTMANAGER_MARKETING') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CONSENTMANAGER_MARKETING_EXPLAIN') }}</span></dt>
			<dd>
				<label><input type="radio" class="radio" name="consentmanager_marketing_enabled" value="1" {% if S_CONSENTMANAGER_MARKETING %}checked="checked"{% endif %}> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="consentmanager_marketing_enabled" value="0" {% if not S_CONSENTMANAGER_MARKETING %}checked="checked"{% endif %}> {{ lang('NO') }}</label>
			</dd>
		</dl>
		<dl>
			<dt><label>{{ lang('ACP_CONSENTMANAGER_MEDIA') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CONSENTMANAGER_MEDIA_EXPLAIN') }}</span></dt>
			<dd>
				<label><input type="radio" class="radio" name="consentmanager_media_enabled" value="1" {% if S_CONSENTMANAGER_MEDIA %}checked="checked"{% endif %}> {{ lang('YES') }}</label>
				<label><input type="radio" class="radio" name="consentmanager_media_enabled" value="0" {% if not S_CONSENTMANAGER_MEDIA %}checked="checked"{% endif %}> {{ lang('NO') }}</label>
			</dd>
		</dl>
	</fieldset>

	<fieldset>
		<legend>{{ lang('ACP_CONSENTMANAGER_REGISTRATIONS') }}</legend>
		<dl>
			<dt><span>{{ lang('ACP_CONSENTMANAGER_REGISTRATIONS_EXPLAIN') }}</span></dt>
			<dd>
				{% set services = S_CONSENTMANAGER_MEDIA ? CONSENTMANAGER_SERVICES|merge([{'category': 'media', 'label': lang('CONSENTMANAGER_IFRAMES'), 'id': 'phpbb.consentmanager'}]) : CONSENTMANAGER_SERVICES %}
				{% if services %}
					{% for category in [
						{ id: 'necessary', label: lang('CONSENTMANAGER_CATEGORY_NECESSARY') },
						{ id: 'analytics', label: lang('CONSENTMANAGER_CATEGORY_ANALYTICS') },
						{ id: 'marketing', label: lang('CONSENTMANAGER_CATEGORY_MARKETING') },
						{ id: 'media', label: lang('CONSENTMANAGER_CATEGORY_MEDIA') }
					] %}
						{% set category_has_services = false %}
						{% for service in services %}
							{% if service.category == category.id %}
								{% if not category_has_services %}
									{% set category_has_services = true %}
									<strong>{{ category.label }}</strong>
									<ul>
								{% endif %}
								<li style="font-size: 0.7rem">{{ service.label|e('html') }} » <em>{{ service.id }}</em></li>
							{% endif %}
						{% endfor %}
						{% if category_has_services %}
							</ul>
						{% endif %}
					{% endfor %}
				{% else %}
					{{ lang('ACP_CONSENTMANAGER_REGISTRATIONS_NONE') }}
				{% endif %}
			</dd>
		</dl>
	</fieldset>

	<fieldset>
		<legend>{{ lang('ACP_CONSENTMANAGER_INTEGRATIONS') }}</legend>
		<dl>
			<dt><label for="consentmanager_integrations">{{ lang('ACP_CONSENTMANAGER_INTEGRATIONS') ~ lang('COLON') }}</label>
				<br>
				{{ lang('ACP_CONSENTMANAGER_INTEGRATIONS_EXPLAIN') }}<br>
				<br>
				{{ lang('ACP_CONSENTMANAGER_INTEGRATIONS_FORMAT') }}<br>
				<pre><samp class="error">{{ CONSENTMANAGER_INTEGRATIONS_EXAMPLE }}</samp></pre><br>
				<strong>{{ lang('ACP_CONSENTMANAGER_INTEGRATIONS_REQUIRED') ~ lang('COLON') }}</strong><br>
				&bull; <samp class="error">id</samp>{{ lang('COLON')}} {{ lang('ACP_CONSENTMANAGER_INTEGRATIONS_REQUIRED_ID') }}<br>
				&bull; <samp class="error">category</samp>{{ lang('COLON')}} {{ lang('ACP_CONSENTMANAGER_INTEGRATIONS_REQUIRED_CAT') }} <samp class="error">necessary</samp>, <samp class="error">analytics</samp>, <samp class="error">marketing</samp>, <samp class="error">media</samp>.<br>
				&bull; <samp class="error">src</samp>{{ lang('COLON')}} {{ lang('ACP_CONSENTMANAGER_INTEGRATIONS_REQUIRED_SRC') }}<br>
				<br>
				<strong>{{ lang('ACP_CONSENTMANAGER_INTEGRATIONS_OPTIONAL') ~ lang('COLON') }}</strong><br>
				&bull; <samp class="error">label</samp>, <samp class="error">description</samp>, <samp class="error">async</samp>, <samp class="error">defer</samp>
			</dt>
			<dd>
				<div style="position: relative; display: inline-block;">
					<textarea id="consentmanager_integrations" name="consentmanager_integrations" rows="14" cols="90" style="padding-right: 7.5em; padding-bottom: 1.8em;">{{ CONSENTMANAGER_INTEGRATIONS|e('html') }}</textarea>
					<span id="consentmanager_integrations_warning" style="position: absolute; right: 0.8em; bottom: 0.8em; color: #bc2a4d; font-size: 0.85em; font-weight: bold; pointer-events: none; display: none;">{{ lang('ACP_CONSENTMANAGER_INVALID_JSON') }}</span>
				</div>
			</dd>
		</dl>
	</fieldset>

	<fieldset>
		<legend>{{ lang('ACP_CONSENTMANAGER_VERSION') }}</legend>
		<dl>
			<dt><label>{{ lang('ACP_CONSENTMANAGER_VERSION') ~ lang('COLON') }}</label><br><span>{{ lang('ACP_CONSENTMANAGER_VERSION_EXPLAIN') }}</span></dt>
			<dd><strong>{{ CONSENTMANAGER_VERSION }}</strong></dd>
		</dl>
	</fieldset>

	<fieldset class="submit-buttons">
		<input class="button1" type="submit" id="submit" name="submit" value="{{ lang('SUBMIT') }}">&nbsp;
		<input class="button2" type="submit" id="reset_consent" name="reset_consent" value="{{ lang('ACP_CONSENTMANAGER_FORCE_REPROMPT') }}">
		{{ S_FORM_TOKEN }}
	</fieldset>
</form>

<script>
document.addEventListener('DOMContentLoaded', function() {
	var textarea = document.getElementById('consentmanager_integrations');
	var warning = document.getElementById('consentmanager_integrations_warning');

	if (!textarea || !warning)
	{
		return;
	}

	var updateWarning = function() {
		var value = textarea.value.trim();
		var isValidArray = false;

		if (value === '')
		{
			warning.style.display = 'none';
			return;
		}

		try
		{
			isValidArray = Array.isArray(JSON.parse(value));
		}
		catch (error)
		{
			isValidArray = false;
		}

		warning.style.display = isValidArray ? 'none' : 'block';
	};

	textarea.addEventListener('input', updateWarning);
	updateWarning();
});
</script>

{% include 'overall_footer.html' %}