{% extends "base.html" %}
{% block title %}Home · GraxPy{% endblock %}
{% block body %}
<section class="brand-hero" aria-label="GraxPy and HZB BESSY II logo">
  <img class="brand-hero-complete" src="{{ url_for('static', filename='graxpy-hzb-logo.png') }}" alt="GraxPy — Gratings made easy, developed with HZB BESSY II Light Source">
</section>

{% if message %}
  <section class="notice{% if message_kind == 'error' %} notice-error{% endif %}" role="status">
    <p>{{ message }}</p>
  </section>
{% endif %}

<section class="home-about">
  <h2>About GraxPy</h2>
  <p>
    Developed at Helmholtz-Zentrum Berlin (HZB), GraxPy is a tool for calculating grating diffraction efficiencies
    and is open to collaboration. It offers two solvers: modal RCWA and the Nevi&egrave;re differential method.
  </p>
  <p>
    Simulate laminar, blazed, and sinusoidal gratings, or upload and process an AFM-measured profile. Surface roughness
    can be represented either with a Debye&ndash;Waller efficiency correction or with explicitly simulated random interfaces.
  </p>
  <p class="home-resource-links">
    <a href="{{ site_metadata.github_url }}/issues" target="_blank" rel="noreferrer">Collaborate or report an issue on GitHub</a>
    <span aria-hidden="true">·</span>
    <a href="{{ site_metadata.docs_url }}" target="_blank" rel="noreferrer">Read the documentation</a>
  </p>
</section>

<section class="home-database">
  <h1>Database folder</h1>
  <div class="home-database-form">
    <div>
      <strong>Active database folder</strong>
      <p><code>{{ active_workspace }}</code></p>
    </div>
    <form method="post" action="{{ url_for('pick_workspace') }}">
      <button class="button primary" type="submit">Choose folder…</button>
    </form>
  </div>
</section>

<section class="home-database" aria-labelledby="settings-heading">
  <h2 id="settings-heading">Settings</h2>
  <div class="home-database-form home-settings-form">
    <div>
      <label>Decimal separator
        <select data-decimal-separator>
          <option value="dot">Dot (4.5)</option>
          <option value="comma">Comma (4,5)</option>
        </select>
      </label>
    </div>
    <div>
      <label>Standard polarization
        <select data-standard-polarization>
          <option value="s">S (TE)</option>
          <option value="p">P (TM)</option>
        </select>
      </label>
      <p class="subtle">Used as the initial polarization for new simulations.</p>
    </div>
  </div>
</section>

<div class="grid halves home-recent-grid">
  <section class="home-recent-panel">
    <div class="section-head">
      <div>
        <h2>Recent gratings</h2>
        <p class="subtle">{{ gratings|length }} saved · newest first; scroll for older</p>
      </div>
      <a class="button" href="{{ url_for('manage_gratings') }}">Manage gratings</a>
    </div>
    {% if gratings %}
      <div class="list home-recent-list" role="region" aria-label="Saved gratings, newest first" tabindex="0">
        {% for grating in gratings %}
          <a class="row" href="{{ url_for('grating_detail', grating_id=grating.id) }}">
            <strong>{{ grating.name }}</strong>
            <span>{{ grating.grating_type }} · {{ grating.period_lpermm }} l/mm</span>
          </a>
        {% endfor %}
      </div>
    {% else %}
      <p class="empty">No gratings saved yet.</p>
    {% endif %}
  </section>

  <section class="home-recent-panel">
    <div class="section-head">
      <div>
        <h2>Recent runs</h2>
        <p class="subtle">{{ runs|length }} saved · newest first; scroll for older</p>
      </div>
      <a class="button" href="{{ url_for('manage_grating_runs') }}">Manage grating runs</a>
    </div>
    {% if runs %}
      <div class="list compact home-recent-list" role="region" aria-label="Simulation runs, newest first" tabindex="0">
        {% for run in runs %}
          <a class="row" href="{{ url_for('run_detail', run_id=run.id) }}">
            <strong>{{ run.summary_label }}</strong>
            <span>{{ run.summary_meta }}</span>
          </a>
        {% endfor %}
      </div>
    {% else %}
      <p class="empty">No runs yet.</p>
    {% endif %}
  </section>
</div>
{% endblock %}