{% extends "base.html" %}
{% from "_roughness_help.html" import roughness_help %}
{% block title %}{{ grating.name }}{% endblock %}
{% block body %}
<section class="section-head">
  <div>
    <h1>{{ grating.name }}</h1>
    <p>{{ grating.grating_type }} · {{ grating.period_lpermm }} l/mm</p>
  </div>
  <div class="actions">
    <a class="button" href="{{ url_for('edit_grating', grating_id=grating.id) }}">Edit</a>
    <button class="button danger" type="button" data-dialog-target="#single-grating-delete-dialog">Delete grating</button>
  </div>
</section>

<dialog class="grating-delete-dialog" id="single-grating-delete-dialog" data-grating-delete-dialog>
  <form class="grating-delete-form" method="post" action="{{ url_for('delete_grating', grating_id=grating.id) }}">
    <h2>Delete {{ grating.name }}?</h2>
    <p>This grating has {{ linked_runs|length }} linked saved run{{ 's' if linked_runs|length != 1 else '' }}.</p>
    <fieldset>
      <legend>What should be deleted?</legend>
      <label class="inline-check">
        <input type="radio" name="delete_mode" value="grating_only" checked>
        <span>Delete the grating only; keep its runs</span>
      </label>
      <label class="inline-check">
        <input type="radio" name="delete_mode" value="grating_and_runs">
        <span>Delete the grating and all linked runs</span>
      </label>
    </fieldset>
    <p class="subtle">Deleting the grating and runs cannot be undone. Active runs block deletion with their associated runs.</p>
    <div class="actions grating-delete-actions">
      <button class="button" type="button" data-close-dialog>Cancel</button>
      <button class="button danger" type="submit">Delete grating</button>
    </div>
  </form>
</dialog>

<h2>Nominal geometry — three periods</h2>
{% set nominal_type = (grating.profile.profile_type|default('blazed')) if grating.grating_type == 'afm' else grating.grating_type %}
<div class="geometry-view" data-geometry-view data-geometry-kind="grating" data-geometry-nominal-type="{{ nominal_type }}"></div>

<img class="preview" src="{{ preview_url }}" alt="Nominal grating profile and material stack over three aligned periods">
{% if roughness_preview_url %}
<h2>Random roughness — {{ roughness_periods }} simulated period{{ 's' if roughness_periods != 1 else '' }}</h2>
<p>First simulation realization. Both panels show the same simulation span.</p>
{% for warning in preview_warnings %}<p class="notice" role="status">{{ warning }}</p>{% endfor %}
<img class="preview" src="{{ roughness_preview_url }}" alt="Random roughness interfaces and material map over the simulation span">
{% endif %}

<form
  class="form run-form"
  method="post"
  action="{{ url_for('create_run', grating_id=grating.id) }}"
  data-run-form data-grating-id="{{ grating.id }}"
>
  <fieldset>
    <legend>Run sweep</legend>
    <div class="run-workflow-picker">
      <label>Workflow
        <select name="workflow" data-run-workflow aria-describedby="run-workflow-description">
          <option value="energy_sweep">Energy sweep</option>
          <option value="angle_sweep">Angle sweep</option>
          <option value="monochromator">Monochromator</option>
          <option value="multilayer_theta_search">Multilayer theta search</option>
          <option value="parameter_study">Parameter study</option>
          <option value="custom_grid">Custom grid</option>
        </select>
      </label>
      <aside class="run-workflow-description" id="run-workflow-description" data-run-workflow-description aria-live="polite">
        <strong data-run-workflow-title>Energy sweep</strong>
        <p data-run-workflow-summary>Scans energy at a fixed grazing incidence angle, with optional independent and coupled parameter variations.</p>
      </aside>
    </div>
    <label>Workers
      <select name="max_workers_mode" data-worker-mode>
        <option value="auto" selected>Auto</option>
        <option value="manual">Manual</option>
      </select>
    </label>
    <label data-manual-workers class="is-hidden">Manual worker count <input name="max_workers" type="number" min="1" step="1" value="1"></label>
    <label>Comment
      <input name="comment" type="text" value="" placeholder="Optional note for this run">
    </label>
  </fieldset>

  <fieldset data-workflow-fields="energy_sweep monochromator multilayer_theta_search">
    <legend>Energy sweep</legend>
    <label>Energy start, eV <input name="energy_start_ev" type="number" step="0.1" value="200" data-monochromator-default="200"></label>
    <label>Energy stop, eV <input name="energy_stop_ev" type="number" step="0.1" value="2200" data-monochromator-default="2200"></label>
    <label>Energy points <input name="energy_points" type="number" step="1" value="101" data-monochromator-default="201"></label>
  </fieldset>

  <fieldset data-workflow-fields="energy_sweep">
    <legend>Fixed grazing angle</legend>
    <label>Incident (grazing) angle α, deg <input name="grazing_angle_deg" type="number" step="0.01" value="1.5"></label>
  </fieldset>

  <fieldset data-workflow-fields="angle_sweep">
    <legend>Angle sweep at fixed energy</legend>
    <label>Energy, eV <input name="energy_ev" type="number" step="0.1" value="100"></label>
    <label>Grazing angle start, deg <input name="grazing_angle_start_deg" type="number" step="0.01" value="0.1"></label>
    <label>Grazing angle stop, deg <input name="grazing_angle_stop_deg" type="number" step="0.01" value="35"></label>
    <label>Angle points <input name="grazing_angle_points" type="number" step="1" value="101"></label>
  </fieldset>

  {% include "_parameter_variations.html" %}

  <fieldset data-workflow-fields="parameter_study" data-parameter-study-fields>
    <legend><span class="parameter-label">Parameter study <button type="button" class="roughness-help" aria-label="Help: parameter study" aria-describedby="parameter-study-help">?</button><span class="roughness-tip" role="tooltip" id="parameter-study-help">This study is only for verifying numerical stability. It compares simulations while varying Fourier orders, X resolution, and Z resolution, with energy and grazing angle held fixed.</span></span></legend>
    <p class="hint">Choose the energy and angle for the study, then define the numerical ranges to compare.</p>
    <p class="hint">For each sweep, choose the other two numerical parameters to hold fixed. Defaults use the highest X/Z resolutions and the lowest Fourier order in the study.</p>
    <label>Energy, eV <input name="study_energy_ev" type="number" step="0.1" value="100"></label>
    <label>Incident (grazing) angle α, deg <input name="study_grazing_angle_deg" type="number" step="0.01" value="1.5"></label>
    <div class="parameter-range">
      <strong><span class="parameter-label">Fourier orders <button type="button" class="roughness-help" aria-label="Help: Fourier orders" aria-describedby="fourier-orders-help">?</button><span class="roughness-tip" role="tooltip" id="fourier-orders-help">Fourier orders are integer values only. The number of distinct steps cannot exceed maximum minus minimum plus one.</span></span></strong>
      <label>Minimum <input name="study_fourier_min" type="number" min="1" step="1" value="5"></label>
      <label>Maximum <input name="study_fourier_max" type="number" min="1" step="1" value="40"></label>
      <label>Values <input name="study_fourier_points" type="number" min="1" step="1" value="36"></label>
      <p class="subtle parameter-range-warning" data-fourier-range-warning role="status"></p>
      <label>Fixed X resolution, nm <input name="study_fourier_fixed_x_resolution" type="number" min="0.000001" step="any" value="0.5"></label>
      <label>Fixed Z resolution, nm <input name="study_fourier_fixed_z_resolution" type="number" min="0.000001" step="any" value="0.5"></label>
    </div>
    <div class="parameter-range">
      <strong>X resolution, nm</strong>
      <label>Minimum <input name="study_x_resolution_min" type="number" min="0.000001" step="any" value="0.1"></label>
      <label>Maximum <input name="study_x_resolution_max" type="number" min="0.000001" step="any" value="1.0"></label>
      <label>Values <input name="study_x_resolution_points" type="number" min="1" step="1" value="51"></label>
      <label>Fixed Fourier orders <input name="study_x_fixed_fourier" type="number" min="1" step="1" value="15"></label>
      <label>Fixed Z resolution, nm <input name="study_x_fixed_z_resolution" type="number" min="0.000001" step="any" value="0.5"></label>
    </div>
    <div class="parameter-range">
      <strong>Z resolution, nm</strong>
      <label>Minimum <input name="study_z_resolution_min" type="number" min="0.000001" step="any" value="0.1"></label>
      <label>Maximum <input name="study_z_resolution_max" type="number" min="0.000001" step="any" value="1.0"></label>
      <label>Values <input name="study_z_resolution_points" type="number" min="1" step="1" value="51"></label>
      <label>Fixed Fourier orders <input name="study_z_fixed_fourier" type="number" min="1" step="1" value="15"></label>
      <label>Fixed X resolution, nm <input name="study_z_fixed_x_resolution" type="number" min="0.000001" step="any" value="0.5"></label>
    </div>
  </fieldset>

  <fieldset
    data-workflow-fields="custom_grid"
    data-custom-grid-builder
    data-warning-threshold="{{ custom_grid_warning_threshold }}"
  >
    <legend>Custom parameter grid</legend>
    <script type="application/json" data-custom-grid-catalog>{{ custom_grid_catalog | tojson }}</script>
    <script type="application/json" data-custom-grid-default>{{ custom_grid_default | tojson }}</script>
    <input
      type="hidden"
      name="custom_grid_config"
      value="{{ custom_grid_default | tojson | forceescape }}"
      data-custom-grid-config
    >

    <p class="hint custom-grid-full-row">
      The saved grating supplies the base geometry and coating.
      Independent parameters form a Cartesian grid. Within a coupled group, values stay
      together row by row—for example energy 100 with angle 1, then energy 200 with angle 2.
      <a href="{{ url_for('edit_grating', grating_id=grating.id, return_to_run='1') }}" data-edit-run-grating>Edit grating roughness</a>
    </p>

    <section class="custom-grid-full-row custom-grid-section">
      <h3>Default values</h3>
      <p class="subtle">These values apply to every case unless overridden by an independent parameter or a coupled parameter group below.</p>
      <div class="form-grid three-column">
        <label>Default energy, eV
          <input name="custom_default_energy_ev" type="number" min="0.000001" step="any" value="100">
        </label>
        <label>Default incident (grazing) angle α, deg
          <input name="custom_default_grazing_angle_deg" type="number" step="any" value="1.5">
        </label>
        <label>Default diffraction order
          <input name="custom_default_diffraction_order" type="number" step="1" value="1">
        </label>
        <label>Default Fourier orders
          <input name="custom_default_fourier_orders" type="number" min="1" step="1" value="15">
        </label>
        <label>Default polarization
          <select name="custom_default_polarization">
            <option value="s" selected>s (TE)</option>
            <option value="p">p (TM)</option>
          </select>
        </label>
        <label>Default solver
          <select name="custom_default_solver">
            <option value="rcwa" selected>RCWA</option>
            <option value="neviere">Nevi&egrave;re</option>
          </select>
        </label>
      </div>
    </section>

    <section class="custom-grid-full-row custom-grid-section">
      <div class="section-head preview-head">
        <div>
          <h3>Independent parameters</h3>
          <p class="subtle">Use a linear range or an explicit comma-separated list.</p>
        </div>
        <button class="button" type="button" data-custom-add-axis>Add independent parameter</button>
      </div>
      <div class="list compact" data-custom-axes></div>
    </section>

    <section class="custom-grid-full-row custom-grid-section">
      <div class="section-head preview-head">
        <div>
          <h3>Coupled parameters</h3>
          <p class="subtle">Choose an existing independent parameter to couple to, then choose the new parameter. Enter its values manually or generate a range with the same number of points. Each table row is one paired case. Edit the source values under Independent parameters.</p>
        </div>
        <button class="button" type="button" data-custom-add-group>Add coupled parameter</button>
      </div>
      <div class="list compact" data-custom-groups></div>
    </section>

    <section class="custom-grid-full-row notice" data-custom-grid-summary>
      <strong data-custom-grid-count>1 case</strong>
      <p class="subtle" data-custom-grid-warning></p>
      <pre class="custom-grid-preview" data-custom-grid-preview tabindex="0" role="region" aria-label="Cases preview, scroll to see all cases">One case using the default settings.</pre>
    </section>
  </fieldset>

  <fieldset data-workflow-fields="monochromator">
    <legend>Monochromator</legend>
    <label>CFF <input name="cff" type="number" step="0.01" value="2.25"></label>
  </fieldset>

  <fieldset data-workflow-fields="energy_sweep angle_sweep monochromator multilayer_theta_search parameter_study">
    <legend>Shared simulation settings</legend>
    <label>Diffraction order <input name="diffraction_order" type="number" step="1" value="1"></label>
    <label>Polarization
      <select name="polarization">
        <option value="s" selected>s (TE)</option>
        <option value="p">p (TM)</option>
      </select>
    </label>
    <label>Solver
      <select name="solver">
        <option value="rcwa" selected>RCWA (modal)</option>
        <option value="neviere">Nevi&egrave;re (differential)</option>
      </select>
    </label>
    <div>
      {% set roughness_kind = grating.roughness.kind if grating.roughness else 'none' %}
      <label>Roughness model
        <select name="roughness_kind">
          <option value="none"{% if roughness_kind == 'none' %} selected{% endif %}>None</option>
          <option value="debye-waller"{% if roughness_kind == 'debye-waller' %} selected{% endif %}>Debye–Waller</option>
          <option value="random-interface"{% if roughness_kind == 'random-interface' %} selected{% endif %}>Random interface</option>
        </select>
      </label>
      <small>Applies to this run using the saved interface parameters.
        <a href="{{ url_for('edit_grating', grating_id=grating.id, return_to_run='1') }}" data-edit-run-grating>Edit grating roughness</a>
      </small>
    </div>
  </fieldset>

  <fieldset data-workflow-fields="energy_sweep angle_sweep monochromator multilayer_theta_search">
    <legend>Numerical resolution</legend>
    <label>Fourier orders <input name="fourier_orders" type="number" step="1" value="15"></label>
    <label><span class="parameter-label">X resolution, nm {{ roughness_help('run_x_resolution_nm', 'x_resolution') }}</span> <input name="run_x_resolution_nm" type="number" step="0.01" value="0.5"></label>
    <label><span class="parameter-label">Z resolution, nm {{ roughness_help('run_z_resolution_nm', 'z_resolution') }}</span> <input name="run_z_resolution_nm" type="number" step="0.01" value="0.5"></label>
  </fieldset>
  <div class="actions">
    <button class="button primary" type="submit">Run sweep</button>
  </div>
</form>
{% endblock %}