{% include 'overall_header.html' %}

<h1>{{ lang('ACP_CONFIGSAVE') }}</h1>
<p>{{ lang('ACP_CONFIGSAVE_EXPLAIN') }}</p>

<p class="small">
	<a href="{{ U_DEBUG_TOGGLE }}">
		{% if S_DEBUG_MODE %}{{ lang('ACP_CONFIGSAVE_DISABLE_DEBUG') }}{% else %}{{ lang('ACP_CONFIGSAVE_ENABLE_DEBUG') }}{% endif %}
	</a>
</p>

<form id="configsave_export_select" method="post" action="{{ U_ACTION }}">
	<fieldset>
		<legend>{{ lang('ACP_CONFIGSAVE_EXPORT') }}</legend>

		<dl>
			<dt><label for="extension">{{ lang('ACP_CONFIGSAVE_EXTENSION') }}</label></dt>
			<dd>
				<select name="extension" id="extension"
						data-base-url="{{ U_ACTION }}"
						onchange="(function(sel){
							var base = sel.getAttribute('data-base-url');
							window.location = base + '&extension=' + encodeURIComponent(sel.value);
						})(this);">
					{% for extensions in loops.extensions %}
						<option value="{{ extensions.EXT_NAME }}"{% if EXPORT_EXTENSION == extensions.EXT_NAME %} selected="selected"{% endif %}>{{ extensions.EXT_NAME }} ({{ extensions.ENABLED }})</option>
					{% endfor %}
				</select>
			</dd>
		</dl>

		<dl>
			<dt><label for="only_migrations">{{ lang('ACP_CONFIGSAVE_ONLY_MIGRATIONS') }}</label><br /><span>{{ lang('ACP_CONFIGSAVE_ONLY_MIGRATIONS_EXPLAIN') }}</span></dt>
			<dd><input type="checkbox" name="only_migrations" id="only_migrations" value="1"{% if S_ONLY_MIGRATIONS %} checked="checked"{% endif %} /></dd>
		</dl>

		<dl>
			<dt><label for="include_tables">{{ lang('ACP_CONFIGSAVE_INCLUDE_TABLES') }}</label><br /><span>{{ lang('ACP_CONFIGSAVE_INCLUDE_TABLES_EXPLAIN') }}</span></dt>
			<dd><input type="checkbox" name="include_tables" id="include_tables" value="1"{% if EXPORT_INCLUDE_TABLES %} checked="checked"{% endif %} /></dd>
		</dl>

		<dl>
			<dt><label for="include_ext_json">{{ lang('ACP_CONFIGSAVE_INCLUDE_COMPOSER_META') }}</label></dt>
			<dd><input type="checkbox" name="include_ext_json" id="include_ext_json" value="1"{% if EXPORT_INCLUDE_EXT_JSON or not S_EXPORT_PREVIEW %} checked="checked"{% endif %} /></dd>
		</dl>

		<!-- Normal (pre-preview) buttons -->
		{% if not S_EXPORT_PREVIEW %}
		<p class="submit-buttons">
			<input type="hidden" name="action" value="export" />
			<input type="hidden" name="debug" value="{% if S_DEBUG_MODE %}1{% else %}0{% endif %}" />
			<input type="submit" name="submit_preview_export" class="button2" value="{{ lang('ACP_CONFIGSAVE_PREVIEW') }}" />
			<input type="submit" name="submit_export" class="button1" value="{{ lang('ACP_CONFIGSAVE_EXPORT') }}" />
			{{ S_FORM_TOKEN }}
		</p>
		{% else %}
		<!-- Preview mode buttons (Update Preview) -->
		<p class="submit-buttons">
			<input type="hidden" name="action" value="export" />
			<input type="hidden" name="debug" value="{% if S_DEBUG_MODE %}1{% else %}0{% endif %}" />
			<input type="submit" name="submit_preview_export" class="button2" value="{{ lang('ACP_CONFIGSAVE_PREVIEW') }}" />
			<!-- The final export (download) button stays in the results fieldset below -->
			{{ S_FORM_TOKEN }}
		</p>
		{% endif %}
	</fieldset>

	{% if S_EXPORT_PREVIEW %}
	<fieldset>
		<legend>{{ lang('ACP_CONFIGSAVE_PREVIEW_RESULTS') }}</legend>
		<p>{{ lang('ACP_CONFIGSAVE_PREVIEW_EXPORT_INFO') }}</p>

		<div class="permissions-category">
			<h3>{{ lang('ACP_CONFIGSAVE_CONFIG_KEYS') }}</h3>
			<div class="permissions-options">
				{% for export_keys in loops.export_keys %}
				<label>
					<input type="checkbox" name="selected_keys[]" value="{{ export_keys.NAME }}" checked="checked" />
					<strong>{{ export_keys.NAME }}</strong>
					<span class="small">({{ export_keys.PATTERN }})</span>
					<span class="small">= {{ export_keys.VALUE }}</span>
				</label><br />
				{% else %}
				<p class="small warning">{{ lang('ACP_CONFIGSAVE_NO_KEYS_FOUND') }}</p>
				{% endfor %}
			</div>
		</div>

		{% if EXPORT_INCLUDE_TABLES %}
		<div class="permissions-category">
			<h3>{{ lang('ACP_CONFIGSAVE_TABLES') }}</h3>
			<div class="permissions-options">
				{% for export_tables in loops.export_tables %}
				<label>
					<input type="checkbox" name="selected_tables[]" value="{{ export_tables.TABLE }}" checked="checked" />
					<strong>{{ export_tables.TABLE }}</strong>
					<span class="small">({{ export_tables.SOURCE }}{% if export_tables.PARAMETER %}:{{ export_tables.PARAMETER }}{% endif %})</span>
				</label><br />
				{% else %}
				<p class="small warning">{{ lang('ACP_CONFIGSAVE_NO_TABLES_FOUND') }}</p>
				{% endfor %}
			</div>
		</div>
		{% endif %}

		<p class="submit-buttons">
			<a href="{{ U_ACTION }}" class="button2">{{ lang('BACK') }}</a>
			<input type="hidden" name="extension" value="{{ EXPORT_EXTENSION }}" />
			<input type="hidden" name="action" value="export" />
			<input type="submit" name="submit_export" class="button1" value="{{ lang('ACP_CONFIGSAVE_DOWNLOAD_EXPORT') }}" />
			{{ S_FORM_TOKEN }}
		</p>
	</fieldset>
	{% endif %}
</form>

<hr />

<form id="configsave_import" method="post" action="{{ U_ACTION }}" enctype="multipart/form-data">
	<fieldset>
		<legend>{{ lang('ACP_CONFIGSAVE_IMPORT') }}</legend>
		<p class="small">{{ lang('ACP_CONFIGSAVE_WARNING') }}</p>

		{% if not S_IMPORT_PREVIEW %}
		<dl>
			<dt><label for="import_file">{{ lang('ACP_CONFIGSAVE_UPLOAD_FILE') }}</label></dt>
			<dd><input type="file" name="import_file" id="import_file" accept=".json" required="required" /></dd>
		</dl>
		<dl>
			<dt><label for="import_settings">{{ lang('ACP_CONFIGSAVE_IMPORT_INCLUDE_SETTINGS') }}</label></dt>
			<dd><input type="checkbox" name="import_settings" id="import_settings" value="1" checked="checked" /></dd>
		</dl>
		<dl>
			<dt><label for="import_tables">{{ lang('ACP_CONFIGSAVE_IMPORT_INCLUDE_TABLES') }}</label></dt>
			<dd><input type="checkbox" name="import_tables" id="import_tables" value="1" checked="checked" /></dd>
		</dl>

		<!-- NEW: Always-present Create rollback snapshot option on the main import page -->
		<dl>
			<dt><label for="create_snapshot">{{ lang('ACP_CONFIGSAVE_CREATE_SNAPSHOT') }}</label><br /><span>{{ lang('ACP_CONFIGSAVE_CREATE_SNAPSHOT_EXPLAIN') }}</span></dt>
			<dd><input type="checkbox" name="create_snapshot" id="create_snapshot" value="1" checked="checked" /></dd>
		</dl>

		<p class="submit-buttons">
			<input type="hidden" name="action" value="import" />
			<input type="submit" name="submit_preview_import" class="button2" value="{{ lang('ACP_CONFIGSAVE_PREVIEW') }}" />
			<input type="submit" name="submit_import" class="button1" value="{{ lang('ACP_CONFIGSAVE_IMPORT') }}" />
			{{ S_FORM_TOKEN }}
		</p>
		{% endif %}

		{% if S_IMPORT_PREVIEW %}
		<p><strong>{{ lang('ACP_CONFIGSAVE_EXTENSION') }}:</strong> {{ IMPORT_EXTENSION }}</p>

		<div class="permissions-category">
			<h3>{{ lang('ACP_CONFIGSAVE_CONFIG_KEYS') }}</h3>
			<div class="permissions-options">
				{% for import_keys in loops.import_keys %}
				<label>
					<input type="checkbox" name="selected_import_keys[]" value="{{ import_keys.NAME }}" checked="checked" />
					<strong>{{ import_keys.NAME }}</strong>
					<span class="small">= {{ import_keys.VALUE }}</span>
				</label><br />
				{% else %}
				<p class="small">{{ lang('ACP_CONFIGSAVE_NONE') }}</p>
				{% endfor %}
			</div>
		</div>

		<div class="permissions-category">
			<h3>{{ lang('ACP_CONFIGSAVE_TABLES') }}</h3>
			<div class="permissions-options">
				{% for import_tables in loops.import_tables %}
				<label>
					<input type="checkbox" name="selected_import_tables[]" value="{{ import_tables.TABLE }}" checked="checked" />
					<strong>{{ import_tables.TABLE }}</strong>
					<span class="small">({{ lang('ACP_CONFIGSAVE_ROWS') }}: {{ import_tables.ROWS }})</span>
				</label><br />
				{% else %}
				<p class="small">{{ lang('ACP_CONFIGSAVE_NONE') }}</p>
				{% endfor %}
			</div>
		</div>

		<dl>
			<dt><label for="create_snapshot">{{ lang('ACP_CONFIGSAVE_CREATE_SNAPSHOT') }}</label><br /><span>{{ lang('ACP_CONFIGSAVE_CREATE_SNAPSHOT_EXPLAIN') }}</span></dt>
			<dd><input type="checkbox" name="create_snapshot" id="create_snapshot_preview" value="1" checked="checked" /></dd>
		</dl>

		<p class="submit-buttons">
			<a href="{{ U_ACTION }}" class="button2">{{ lang('BACK') }}</a>
			<input type="hidden" name="import_payload" value="{{ IMPORT_RAW_PAYLOAD }}" />
			<input type="hidden" name="import_settings" value="1" />
			<input type="hidden" name="import_tables" value="1" />
			<input type="hidden" name="action" value="import" />
			<input type="submit" name="submit_import" class="button1" value="{{ lang('ACP_CONFIGSAVE_APPLY_IMPORT') }}" />
			{{ S_FORM_TOKEN }}
		</p>
		{% endif %}
	</fieldset>
</form>

<hr />

{# Store management section (table1 zebra-table layout) #}
{% if S_SHOW_STORE_MANAGEMENT %}
<fieldset>
	<legend>{{ lang('ACP_CONFIGSAVE_MANAGE_FILES') }}</legend>

	<p class="small">{{ lang('ACP_CONFIGSAVE_MANAGE_FILES_EXPLAIN') }}</p>

	<p class="submit-buttons">
		<button type="button" id="compare_selected" class="button2">{{ lang('ACP_CONFIGSAVE_COMPARE_SELECTED') }}</button>
	</p>

	{% if S_HAS_STORE_EXPORTS %}
	<h3>{{ lang('ACP_CONFIGSAVE_MANAGE_EXPORTS') }}</h3>

	<table class="table1 zebra-table">
	<colgroup>
		<col style="width:55%" />
		<col style="width:15%" />
		<col style="width:20%" />
		<col style="width:10%" />
	</colgroup>
	<thead>
	<tr>
		<th>Filename</th>
		<th>Size</th>
		<th>Modified (UTC)</th>
		<th>{{ lang('ACTION') }}</th>
	</tr>
	</thead>
	<tbody>
	{% for store_export_files in loops.store_export_files %}
		<tr>
			<td>
				<input type="checkbox" name="compare_files[]" value="{{ store_export_files.FILE }}" data-type="export" /> {{ store_export_files.FILE }}
			</td>
			<td>{{ store_export_files.SIZE }}</td>
			<td>{{ store_export_files.MTIME }}</td>
			<td class="actions">
				<a href="{{ store_export_files.U_DOWNLOAD }}" class="button1 icon-download">{{ ICON_DOWNLOAD }} {{ lang('ACP_CONFIGSAVE_DOWNLOAD') }}</a>

				<a href="#" class="icon-delete" title="{{ lang('ACP_CONFIGSAVE_DELETE') }}" onclick="event.preventDefault(); this.closest('td').querySelector('form.delete-form').submit();">{{ ICON_DELETE }}</a>

				<form method="post" action="{{ U_ACTION }}" class="delete-form" style="display:inline;">
					{{ S_FORM_TOKEN }}
					<input type="hidden" name="file_type" value="export" />
					<input type="hidden" name="file" value="{{ store_export_files.FILE }}" />
					<input type="hidden" name="delete_file" value="1" />
				</form>
			</td>
		</tr>
	{% else %}
		<tr>
			<td colspan="4" style="text-align: center;">{{ lang('ACP_CONFIGSAVE_NO_STORE_FILES') }}</td>
		</tr>
	{% endfor %}
	</tbody>
	</table>
	{% endif %}

	{% if S_HAS_STORE_SNAPSHOTS %}
	<h3>{{ lang('ACP_CONFIGSAVE_MANAGE_SNAPSHOTS') }}</h3>

	<table class="table1 zebra-table">
	<colgroup>
		<col style="width:55%" />
		<col style="width:15%" />
		<col style="width:20%" />
		<col style="width:10%" />
	</colgroup>
	<thead>
	<tr>
		<th>Filename</th>
		<th>Size</th>
		<th>Modified (UTC)</th>
		<th>{{ lang('ACTION') }}</th>
	</tr>
	</thead>
	<tbody>
	{% for store_snapshot_files in loops.store_snapshot_files %}
		<tr>
			<td>
				<input type="checkbox" name="compare_files[]" value="{{ store_snapshot_files.FILE }}" data-type="snapshot" /> {{ store_snapshot_files.FILE }}
			</td>
			<td>{{ store_snapshot_files.SIZE }}</td>
			<td>{{ store_snapshot_files.MTIME }}</td>
			<td class="actions">
				<a href="{{ store_snapshot_files.U_DOWNLOAD }}" class="button1 icon-download">{{ ICON_DOWNLOAD }} {{ lang('ACP_CONFIGSAVE_DOWNLOAD') }}</a>

				<a href="#" class="icon-delete" title="{{ lang('ACP_CONFIGSAVE_DELETE') }}" onclick="event.preventDefault(); this.closest('td').querySelector('form.delete-form').submit();">{{ ICON_DELETE }}</a>

				<form method="post" action="{{ U_ACTION }}" class="delete-form" style="display:inline;">
					{{ S_FORM_TOKEN }}
					<input type="hidden" name="file_type" value="snapshot" />
					<input type="hidden" name="file" value="{{ store_snapshot_files.FILE }}" />
					<input type="hidden" name="delete_file" value="1" />
				</form>
			</td>
		</tr>
	{% else %}
		<tr>
			<td colspan="4" style="text-align: center;">{{ lang('ACP_CONFIGSAVE_NO_STORE_FILES') }}</td>
		</tr>
	{% endfor %}
	</tbody>
	</table>
	{% endif %}

	{# Hidden POST form used to compare two files (preserves form key and avoids ACP redirect issues) #}
	<form id="compare_form" method="post" action="{{ U_ACTION }}" target="_blank" style="display:none;">
		{{ S_FORM_TOKEN }}
		<input type="hidden" name="file_action" value="diff" />
		<input type="hidden" name="file1_type" id="cf_file1_type" value="" />
		<input type="hidden" name="file1" id="cf_file1" value="" />
		<input type="hidden" name="file2_type" id="cf_file2_type" value="" />
		<input type="hidden" name="file2" id="cf_file2" value="" />
	</form>
</fieldset>
{% endif %}

<script>
(function(){
	// Submit compare via hidden POST form (keeps form token and ACP state).
	function openComparePost() {
		var boxes = document.querySelectorAll('input[name="compare_files[]"]:checked');
		if (boxes.length !== 2) {
			alert("Please select exactly two files to compare.");
			return;
		}
		var f1 = boxes[0].value;
		var t1 = boxes[0].getAttribute('data-type') || 'export';
		var f2 = boxes[1].value;
		var t2 = boxes[1].getAttribute('data-type') || 'export';

		// fill hidden form and submit to open in new tab
		var form = document.getElementById('compare_form');
		if (!form) {
			alert("Compare form not available.");
			return;
		}
		document.getElementById('cf_file1_type').value = t1;
		document.getElementById('cf_file1').value = f1;
		document.getElementById('cf_file2_type').value = t2;
		document.getElementById('cf_file2').value = f2;

		form.submit();
	}

	var btn = document.getElementById('compare_selected');
	if (btn) {
		btn.addEventListener('click', openComparePost);
	}

	// Enhance delete links to ensure form token is included and form is submitted
	document.addEventListener('click', function(e){
		var el = e.target;
		if (el && el.classList && el.classList.contains('icon-delete')) {
			e.preventDefault();
			var form = el.closest('td').querySelector('form.delete-form');
			if (form) {
				form.submit();
			}
		}
	});
})();
</script>

<style>
.icon-download { display:inline-block; padding:6px 10px; border-radius:3px; background:#0078d4; color:#fff; text-decoration:none; margin-right:6px; font-size:12px; }
.icon-delete { color:#c0392b; margin-left:8px; text-decoration:none; font-weight:bold; cursor:pointer; font-size:14px; }
.delete-form { display:inline; }
</style>

{% include 'overall_footer.html' %}