{% extends "base.html" %}
{% block content %}
  <div class="row g-4">
    <div class="col-lg-4">
      <div class="card shadow-sm border-0 h-100">
        <div class="card-body">
          <h2 class="h4">Result summary</h2>
          <dl class="row mb-4">
            <dt class="col-sm-5">Parsed records</dt>
            <dd class="col-sm-7">{{ parsed_count }}</dd>
            <dt class="col-sm-5">Output records</dt>
            <dd class="col-sm-7">{{ filtered_count }}</dd>
            <dt class="col-sm-5">Mode</dt>
            <dd class="col-sm-7 text-capitalize">{{ mode }}</dd>
            <dt class="col-sm-5">Format</dt>
            <dd class="col-sm-7 text-uppercase">{{ output_format }}</dd>
            <dt class="col-sm-5">Sort</dt>
            <dd class="col-sm-7">{{ sort_by }} / {{ order }}</dd>
          </dl>

          <div class="d-grid gap-2">
            <a class="btn btn-primary" href="{{ url_for('main.download', result_id=result_id) }}">
              Download export
            </a>
            <a class="btn btn-outline-secondary" href="{{ url_for('main.index') }}">
              Convert another file
            </a>
          </div>
        </div>
      </div>
    </div>

    <div class="col-lg-8">
      <div class="card shadow-sm border-0">
        <div class="card-body">
          <div class="d-flex justify-content-between align-items-center mb-3">
            <h2 class="h4 mb-0">Preview</h2>
            <span class="badge text-bg-secondary">Showing up to {{ record_count if record_count < 5 else 5 }} records</span>
          </div>
          <pre class="bg-dark-subtle p-3 rounded small mb-0" style="white-space: pre-wrap;">{{ preview_text }}</pre>
        </div>
      </div>
    </div>
  </div>
{% endblock %}