{% extends "base.html" %}

{% block title %}{% trans %}Downloads{% endtrans %} - LibreQDA{% endblock %}

{% block contents %}
<div class="py-5">
  <div class="text-center mb-4">
    <h1>{% trans %}Download LibreQDA{% endtrans %}</h1>
    {% if latest_version %}
    <p class="lead text-muted">
      {% trans latest_version=latest_version %}Latest version: {{ latest_version }}{% endtrans %}
    </p>
    {% endif %}
    <p class="text-muted">
      {% trans %}Free and open source qualitative research tool.{% endtrans %}
    </p>
  </div>

  <div class="bg-light rounded p-4 mb-5">
    <h4 class="text-center mb-3">{% trans %}Why install LibreQDA on your computer?{% endtrans %}</h4>
    <div class="row">
      <div class="col-md-6">
        <ul class="mb-0">
          <li>
            <strong>{% trans %}Your data stays on your machine.{% endtrans %}</strong>
            {% trans %}Interviews, transcripts, and sensitive documents never leave your computer.{% endtrans %}
          </li>
          <li>
            <strong>{% trans %}Works offline.{% endtrans %}</strong>
            {% trans %}Code your documents during fieldwork, on planes, or in areas without internet.{% endtrans %}
          </li>
        </ul>
      </div>
      <div class="col-md-6">
        <ul class="mb-0">
          <li>
            <strong>{% trans %}No account, no login.{% endtrans %}</strong>
            {% trans %}Launch the app, start coding. Your project is a local file you fully control and back up as you wish.{% endtrans %}
          </li>
        </ul>
      </div>
    </div>
  </div>

  <div class="row g-4">

    <div class="col-md-4">
      <div class="card h-100 shadow-sm">
        <div class="card-body text-center d-flex flex-column">
          <div class="mb-3" style="font-size: 3rem;"><i class="fab fa-windows"></i></div>
          <h3 class="card-title">Windows</h3>
          <p class="text-muted small">{% trans %}Windows 10 or newer{% endtrans %}</p>
          <div class="mt-auto">
            {% if windows_url %}
              <a href="{{ reverse_url('download_track', 'windows') }}" class="btn btn-primary btn-lg w-100">
                <i class="fas fa-download"></i>
                {% trans %}Download installer{% endtrans %}
              </a>
              <p class="small text-muted mt-2">{% trans %}.exe installer{% endtrans %}</p>
            {% else %}
              <button class="btn btn-outline-secondary btn-lg w-100" disabled>
                {% trans %}Coming soon{% endtrans %}
              </button>
              <p class="small text-muted mt-2">
                {% trans %}Installer not yet published. Use the web version at libreqda.org.{% endtrans %}
              </p>
            {% endif %}
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-4">
      <div class="card h-100 shadow-sm">
        <div class="card-body text-center d-flex flex-column">
          <div class="mb-3" style="font-size: 3rem;"><i class="fab fa-apple"></i></div>
          <h3 class="card-title">macOS</h3>
          <p class="text-muted small">{% trans %}macOS 10.14 or newer{% endtrans %}</p>
          <div class="mt-auto">
            {% if macos_url %}
              <a href="{{ reverse_url('download_track', 'macos') }}" class="btn btn-primary btn-lg w-100">
                <i class="fas fa-download"></i>
                {% trans %}Download installer{% endtrans %}
              </a>
              <p class="small text-muted mt-2">{% trans %}.dmg installer{% endtrans %}</p>
            {% else %}
              <button class="btn btn-outline-secondary btn-lg w-100" disabled>
                {% trans %}Coming soon{% endtrans %}
              </button>
              <p class="small text-muted mt-2">
                {% trans %}Installer not yet published. Use the web version at libreqda.org.{% endtrans %}
              </p>
            {% endif %}
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-4">
      <div class="card h-100 shadow-sm">
        <div class="card-body text-center d-flex flex-column">
          <div class="mb-3" style="font-size: 3rem;"><i class="fab fa-linux"></i></div>
          <h3 class="card-title">Linux / {% trans %}Server{% endtrans %}</h3>
          <p class="text-muted small">{% trans %}Install via pip or Docker{% endtrans %}</p>
          <div class="mt-auto text-start">
            <p class="mb-1 fw-bold small">pip</p>
            <pre class="bg-light p-2 rounded small mb-3"><code>pip install libreqda</code></pre>
            <p class="mb-1 fw-bold small">Docker</p>
            <pre class="bg-light p-2 rounded small mb-0"><code>docker pull phunudes/libreqda</code></pre>
          </div>
        </div>
      </div>
    </div>

  </div>

  <div class="mt-5 text-center">
    <h4>{% trans %}Source code{% endtrans %}</h4>
    <p class="text-muted">
      {% trans %}LibreQDA is open source under a BSD-3-Clause license.{% endtrans %}
    </p>
    <a href="https://gitlab.com/bin-cirst/libreqda/libre-qda" target="_blank" rel="noopener" class="btn btn-outline-primary">
      <i class="fab fa-gitlab"></i> {% trans %}View on GitLab{% endtrans %}
    </a>
  </div>
</div>
{% endblock %}