{% extends "base.html" %}
{% block body %}

<div id="full_reporting" style="padding-top:5px">
    <div class="card border border-dark shadow bg-card-body" style="padding:0">
        <div class="card-header bg-header border border-dark shadow text-white">
            <h2><span class="operator">Report Generation</span> Options</h2>
        </div>
        <div class="card-body border-dark shadow bg-card-body">
            <div class="card align-top border-0 bg-transparent" style="display:inline-block;min-width:30rem;padding:0px;">
                <div class="card border border-dark shadow">
                    <div class="card-header bg-header-dark border border-dark shadow">
                        Include Command output? &nbsp;&nbsp;<span class="material-switch pull-right"><input class="form-control" type="checkbox" id="cmd_output" v-model="cmd_output"><label for="cmd_output" class="btn-info"></label></span>
                    </div>
                    <div class="card-body bg-card-body-l2 border border-dark shadow">
                        Select this if you want command output included in the report.<br>
                        <template v-if="cmd_output">
                            Output grouped:
                            <select v-model="order" class="form-control">
                                <option value="task">Together by task</option>
                                <option value="time">Strictly by time</option>
                            </select>
                        </template>
                    </div>
                </div>
            </div>
            <div class="card align-top border-0 bg-transparent" style="display:inline-block;min-width:30rem;padding:0px;">
                <div class="card border border-dark shadow">
                    <div class="card-header bg-header-dark border border-dark shadow">
                        Include artifacts? &nbsp;&nbsp;<span class="material-switch pull-right"><input class="form-control" type="checkbox" id="task_artifacts" v-model="artifacts"><label for="task_artifacts" class="btn-info"></label></span>
                    </div>
                    <div class="card-body bg-card-body-l2 border border-dark shadow">
                        Select this if you want tasks to also include associated artifacts
                    </div>
                </div>
            </div>
            <div class="card align-top border-0 bg-transparent" style="display:inline-block;min-width:30rem;padding:0px;">
                <div class="card border border-dark shadow">
                    <div class="card-header bg-header-dark border border-dark shadow">
                        Include ATT&CK? &nbsp;&nbsp;<span class="material-switch pull-right"><input class="form-control" type="checkbox" id="task_attack" v-model="attack"><label for="task_attack" class="btn-info"></label></span>
                    </div>
                    <div class="card-body bg-card-body-l2 border border-dark shadow">
                        Select this if you want tasks to also include information about their associated ATT&CK Mappings
                    </div>
                </div>
            </div>

        </div>
    </div><br>
    <button class="btn btn{{config['outline-buttons']}}success" onclick="generate_pdf_report()">Generate PDF</button>
    <button class="btn btn{{config['outline-buttons']}}success" onclick="generate_json_report()">Generate JSON</button>
</div>
{% endblock %}

{% block scripts %}
{% include "reporting_full_timeline.js" %}
{% endblock %}

{% block body_config %}

{% endblock %}