{% extends "base.html" %}
{% block content %}
<h2>Exports</h2>

<p>You can download assignment exports as CSV or Excel. Below are previews of what will be exported.</p>

<form method="get" class="mb-2">
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="includeArchived" name="include_archived" value="1" {% if include_archived %}checked{% endif %} onchange="this.form.submit()">
    <label class="form-check-label" for="includeArchived">Include archived mentors/mentees in preview tables</label>
  </div>
</form>

<div class="mb-3">
  <a href="{{ url_for('main.download', filetype='csv') }}" class="btn btn-sm btn-outline-primary me-2">Download assignments.csv</a>
  <a href="{{ url_for('main.download', filetype='xlsx') }}" class="btn btn-sm btn-outline-primary">Download assignments.xlsx</a>
</div>

<h4>Assignments preview</h4>

<div class="d-flex justify-content-end mb-2">
  <input type="text" class="form-control form-control-sm table-search-input" placeholder="Search exported assignments..." data-target-table-id="export-assignments-table">
</div>
<div class="table-responsive" style="max-height: 300px; overflow-y: auto;">
  <table id="export-assignments-table" class="table table-sm table-bordered align-middle sortable">
    <thead class="table-light">
      <tr>
        <th>Mentor</th>
        <th>Mentee</th>
        <th>Score</th>
        <th>Locked?</th>
        <th>Why this match?</th>
      </tr>
    </thead>
    <tbody>
      {% for row in assignments_rows %}
      <tr>
        <td>{{ row["Mentor"] }}</td>
        <td>{{ row["Mentee"] }}</td>
        <td>{{ row["Score"] }}</td>
        <td>{{ row["Locked"] }}</td>
        <td>{{ row["Why this match?"] }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

<h4 class="mt-4">Mentors export preview</h4>

<div class="d-flex justify-content-end mb-2">
  <input type="text" class="form-control form-control-sm table-search-input" placeholder="Search exported mentors..." data-target-table-id="export-mentors-table">
</div>
<div class="table-responsive" style="max-height: 250px; overflow-y: auto;">
  <table id="export-mentors-table" class="table table-sm table-bordered align-middle sortable">
    <thead class="table-light">
      <tr>
        {% if mentor_rows %}
          {% for k in mentor_rows[0].keys() %}
          <th>{{ k }}</th>
          {% endfor %}
        {% endif %}
      </tr>
    </thead>
    <tbody>
      {% for row in mentor_rows %}
      <tr>
        {% for k, v in row.items() %}
        <td>{{ v }}</td>
        {% endfor %}
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

<h4 class="mt-4">Mentees export preview</h4>

<div class="d-flex justify-content-end mb-2">
  <input type="text" class="form-control form-control-sm table-search-input" placeholder="Search exported mentees..." data-target-table-id="export-mentees-table">
</div>
<div class="table-responsive" style="max-height: 250px; overflow-y: auto;">
  <table id="export-mentees-table" class="table table-sm table-bordered align-middle sortable">
    <thead class="table-light">
      <tr>
        {% if mentee_rows %}
          {% for k in mentee_rows[0].keys() %}
          <th>{{ k }}</th>
          {% endfor %}
        {% endif %}
      </tr>
    </thead>
    <tbody>
      {% for row in mentee_rows %}
      <tr>
        {% for k, v in row.items() %}
        <td>{{ v }}</td>
        {% endfor %}
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>


<hr class="mt-5" />
<h4 class="mt-4">Audit logs exports</h4>
<p class="text-muted mb-3">These exports provide internal program records for archive/restore actions and unlocked unpair actions.</p>
<div class="row g-2 mb-4">
  <div class="col-md-6">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">Archive log</h5>
        <div class="d-flex flex-wrap gap-2">
          <a class="btn btn-outline-primary btn-sm" href="{{ url_for('main.download_logs', logtype='archive', filetype='csv') }}">Download Archive Log (CSV)</a>
          <a class="btn btn-outline-primary btn-sm" href="{{ url_for('main.download_logs', logtype='archive', filetype='xlsx') }}">Download Archive Log (Excel)</a>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">Unpair log</h5>
        <div class="d-flex flex-wrap gap-2">
          <a class="btn btn-outline-primary btn-sm" href="{{ url_for('main.download_logs', logtype='unpair', filetype='csv') }}">Download Unpair Log (CSV)</a>
          <a class="btn btn-outline-primary btn-sm" href="{{ url_for('main.download_logs', logtype='unpair', filetype='xlsx') }}">Download Unpair Log (Excel)</a>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">Qualtrics import log</h5>
        <div class="d-flex flex-wrap gap-2">
          <a class="btn btn-outline-primary btn-sm" href="{{ url_for('main.download_logs', logtype='qualtrics', filetype='csv') }}">Download Qualtrics Import Log (CSV)</a>
          <a class="btn btn-outline-primary btn-sm" href="{{ url_for('main.download_logs', logtype='qualtrics', filetype='xlsx') }}">Download Qualtrics Import Log (Excel)</a>
        </div>
      </div>
    </div>
  </div>
</div>

{% endblock %}