{% INCLUDE 'overall_header.html' %}
{% INCLUDECSS '@ivo_stylecompatibility/stylecompatibility.css' %}
{% INCLUDEJS '@ivo_stylecompatibility/stylecompatibility.js' %}

<div id="sc-app">
	<div class="sc-heading">
		<div><span class="sc-kicker">ivo / Style Compatibility Scanner / 1.0.0</span><h1>{{ lang('ACP_STYLECOMPAT_SCAN') }}</h1></div>
		<span class="sc-badge">{{ lang('SC_READ_ONLY') }}</span>
	</div>
	<p>{{ lang('SC_INTRO') }}</p>
	<form id="sc-form" method="post" action="{U_ACTION}">
		<fieldset class="sc-toolbar">
			<button type="submit" class="button1" name="scan" value="1">{{ lang('SC_SCAN') }}</button>
			<button type="submit" class="button2" name="export" value="1">{{ lang('SC_EXPORT') }}</button>
			<span>{{ lang('SC_EXPORT_HINT') }}</span>
			{S_FORM_TOKEN}
		</fieldset>
	</form>
	<div class="sc-note">{{ lang('SC_LIMITATION') }}</div>
	{% if not S_REPORT %}
		<h2>{{ lang('SC_INSTALLED') }} ({STYLE_COUNT})</h2>
		<table class="table1"><thead><tr><th>{{ lang('SC_STYLE') }}</th><th>{{ lang('SC_DIRECTORY') }}</th><th>{{ lang('SC_STATE') }}</th></tr></thead><tbody>
		{% for style in installed %}<tr><td>{{ style.NAME }}</td><td><code>styles/{{ style.PATH }}/</code></td><td>{% if style.S_ACTIVE %}{{ lang('SC_ACTIVE') }}{% else %}{{ lang('SC_INACTIVE') }}{% endif %}</td></tr>
		{% else %}<tr><td colspan="3">{{ lang('SC_NO_STYLES') }}</td></tr>{% endfor %}
		</tbody></table>
	{% else %}
		{% if not S_COMPLETE %}<div class="sc-alert"><strong>{{ lang('SC_INCOMPLETE') }}</strong><p>{{ lang('SC_INCOMPLETE_HINT') }}</p><ul>{% for issue in issues %}<li>{{ issue.TEXT }}: <code>{{ issue.PATH }}</code></li>{% endfor %}</ul></div>{% endif %}
		<div class="sc-stats">
			<div><strong>{STYLE_COUNT}</strong><span>{{ lang('SC_STYLES') }}</span></div>
			<div><strong>{EXTENSION_COUNT}</strong><span>{{ lang('SC_ENABLED_EXTENSIONS') }}</span></div>
			<div><strong>{FILES_READ}</strong><span>{{ lang('SC_FILES_READ') }}</span></div>
			<div><strong>{DURATION} ms</strong><span>{SCAN_TIME}</span></div>
		</div>
		<p>{{ lang('SC_SCORE_HELP') }}</p>
		<div class="sc-filters" hidden>
			<label for="sc-search">{{ lang('SC_FILTER') }}</label> <input id="sc-search" type="search" placeholder="{{ lang('SC_FILTER_HINT') }}" />
			<label><input id="sc-problems" type="checkbox" /> {{ lang('SC_ONLY_PROBLEMS') }}</label>
			<span id="sc-no-results" hidden>{{ lang('SC_NO_RESULTS') }}</span>
		</div>
		{% for style in styles %}
		<details class="sc-style" data-search="{{ style.NAME }} {{ style.PATH }}" data-problem="{% if style.S_WARN %}1{% else %}0{% endif %}" {% if style.S_WARN %}open{% endif %}>
			<summary>
				<span class="sc-style-title">{{ style.NAME }} <small>{% if style.S_ACTIVE %}{{ lang('SC_ACTIVE') }}{% else %}{{ lang('SC_INACTIVE') }}{% endif %}</small></span>
				<span class="sc-score">{% if style.S_PERCENT %}{{ style.PERCENT }}%{% else %}{{ lang('SC_NA') }}{% endif %}</span>
				<span class="sc-badge {% if style.S_WARN %}sc-warn{% else %}sc-ok{% endif %}">{% if style.S_WARN %}{{ lang('SC_REVIEW') }}{% else %}{{ lang('SC_NO_KNOWN_ISSUES') }}{% endif %}</span>
			</summary>
			<div class="sc-style-body">
				<p><strong>{{ lang('SC_INHERITANCE') }}:</strong> {{ style.CHAIN }}<br />{{ lang('SC_EFFECTIVE_FILES') }}: {{ style.FILES }} · {{ lang('SC_EVENTS') }}: {{ style.EVENTS }}</p>
				<div class="sc-counts"><span class="sc-ok">✓ {{ style.FOUND }} {{ lang('SC_FOUND') }}</span><span class="sc-bad">✗ {{ style.MISSING }} {{ lang('SC_MISSING') }}</span><span class="sc-warn">⚠ {{ style.MANUAL }} {{ lang('SC_MANUAL') }}</span><span>{{ lang('SC_SUPPORT_GAPS') }}: {{ style.SUPPORT_GAPS }}</span></div>
				{% for extension in style.extensions %}
				<details class="sc-extension" {% if extension.MISSING or extension.MANUAL or extension.S_GAP %}open{% endif %}>
					<summary><strong>{{ extension.DISPLAY_NAME }}</strong> <code>{{ extension.NAME }}</code> {% if extension.S_PERCENT %}<span class="sc-badge">{{ extension.PERCENT }}%</span>{% endif %}</summary>
					{% if extension.S_GAP %}<p class="sc-warning-text">⚠ {{ lang('SC_NO_STYLE_TEMPLATES') }}</p>{% endif %}
					{% if not extension.S_CHECKS %}<p>{% if extension.S_TEMPLATES %}{{ lang('SC_NO_LISTENERS') }}{% else %}{{ lang('SC_NO_FRONTEND') }}{% endif %}</p>{% endif %}
					{% for check in extension.checks %}
					<details class="sc-check {% if check.S_FOUND %}sc-check-ok{% elseif check.S_MISSING %}sc-check-bad{% else %}sc-check-warn{% endif %}">
						<summary><span>{% if check.S_FOUND %}✓{% elseif check.S_MISSING %}✗{% else %}⚠{% endif %} {{ check.STATUS_TEXT }}</span> <code>{{ check.EVENT }}</code></summary>
						<dl>
							{% if check.LISTENER %}<dt>{{ lang('SC_LISTENER') }}</dt><dd><code>{{ check.LISTENER }}</code></dd>{% endif %}
							{% if check.REFERENCE_LISTENER and not check.LISTENER %}<dt>{{ lang('SC_REFERENCE_LISTENER') }}</dt><dd><code>{{ check.REFERENCE_LISTENER }}</code></dd>{% endif %}
							{% if check.LOCATIONS %}<dt>{{ lang('SC_FOUND_IN') }}</dt><dd><pre>{{ check.LOCATIONS }}</pre></dd>{% endif %}
							{% if check.FILES_TO_CHECK %}<dt>{{ lang('SC_FILES_TO_CHECK') }}</dt><dd><pre>{{ check.FILES_TO_CHECK }}</pre></dd>{% endif %}
							{% if check.PROSILVER %}<dt>{{ lang('SC_PROSILVER_LOCATION') }}</dt><dd><pre>{{ check.PROSILVER }}</pre></dd>{% endif %}
							{% if check.PROVIDERS %}<dt>{{ lang('SC_PROVIDER_LOCATION') }}</dt><dd><pre>{{ check.PROVIDERS }}</pre><p>{{ lang('SC_PROVIDER_HINT') }}</p></dd>{% endif %}
							{% if check.STATUS == 'missing' %}<dt>{{ lang('SC_ACTION') }}</dt><dd>{{ lang('SC_ACTION_MISSING') }}</dd>{% elseif check.STATUS == 'missing_listener' %}<dt>{{ lang('SC_ACTION') }}</dt><dd>{{ lang('SC_ACTION_LISTENER') }}</dd>{% elseif check.STATUS == 'unknown' %}<dt>{{ lang('SC_ACTION') }}</dt><dd>{{ lang('SC_ACTION_UNKNOWN') }}</dd>{% endif %}
						</dl>
					</details>
					{% endfor %}
				</details>
				{% endfor %}
				<details class="sc-baseline">
					<summary>{{ lang('SC_COMPARE_PROSILVER') }}: {% if style.S_BASE_PERCENT %}{{ style.BASE_PERCENT }}%{% else %}{{ lang('SC_NA') }}{% endif %} · {{ lang('SC_BASE_MISSING') }}: {{ style.BASE_MISSING }} / {{ style.BASE_TOTAL }}</summary>
					<p>{{ lang('SC_BASE_HELP') }}</p>
					{% for diff in style.diff %}<details class="sc-check sc-check-bad"><summary>✗ <code>{{ diff.EVENT }}</code></summary><dl><dt>{{ lang('SC_FILES_TO_CHECK') }}</dt><dd><pre>{{ diff.FILES_TO_CHECK }}</pre></dd><dt>{{ lang('SC_PROSILVER_LOCATION') }}</dt><dd><pre>{{ diff.PROSILVER }}</pre></dd></dl></details>{% else %}<p>{{ lang('SC_BASE_NONE') }}</p>{% endfor %}
				</details>
			</div>
		</details>
		{% endfor %}
	{% endif %}
	<p class="sc-footer">© 2026 ivo · palqk.eu · {{ lang('SC_COPYRIGHT') }}</p>
</div>
{% INCLUDE 'overall_footer.html' %}