{% extends "psynet_dashboard.html" %}

{% block scripts %}
{{ super() }}

<script>
    function exportData() {
        let assets = $('input[name="assets"]:checked').val();
        window.location.href = "/dashboard/export/download?assets=" + assets;
    }
</script>
{% endblock %}

{% block body %}
<style>
    .monospace {
        font-family: monospace;
    }
</style>
<h1>{{ title }}</h1>
{% if automatic_backups %}
<div class="alert alert-primary" role="alert">
    Automatic backups are enabled for this experiment (see <code>Experiment.artifact_storage</code>).
</div>
{% endif %}

<div id="dashboard-participant">
    <div class="row">
        <div class="col-6" id="assets-controls">
            <b>Assets</b>
            <div class="form-check">
                <input type="radio" id="input-assets-none" class="form-check-input" name="assets" value="none">
                <label class="form-check-label" for="input-assets-none">
                    None
                </label>
            </div>
            <div class="form-check">
                <input type="radio" id="input-assets-collected" class="form-check-input" name="assets"
                       value="collected"
                       checked>
                <label class="form-check-label" for="input-assets-collected">
                    Collected during the run
                </label>
            </div>
        </div>
    </div>
    <p class="mt-3 mb-2">
        Downloads <code>export.zip</code> containing table CSVs under <code>database/</code>,
        plus <code>participant_identifiers.csv</code> with original recruiter IDs.
        Database tables use pseudonymous IDs so the archive stays loadable; this is
        identifier separation, not anonymization of assets, free text, logs, or
        experiment-defined basic data.
        The export records the deployment git commit in <code>manifest.json</code>
        instead of bundling source code.
        <br>
        Asset mode <em>Collected during the run</em> includes files uploaded or recorded
        by participants (e.g. recordings). Cached stimuli, external URLs, and
        on-demand assets are omitted. Choose <em>None</em> to omit the assets folder.
    </p>
        <button type="button" class="btn btn-primary" onclick="exportData()">Export</button>
    <div class="alert alert-info mt-3">
        If the button does not work, export from your experiment directory with the command line:
        <ul>
            <li><span class="monospace">psynet export local</span> (for local debugging)</li>
            <li><span class="monospace">psynet export ssh --server your-server-domain</span>
                (for a remote server; add <span class="monospace">--app</span> if more than one running app is present)
            </li>
        </ul>
    </div>
</div>
{% endblock %}
{% block libs %}
{{ super() }}
{% endblock %}