{% extends "base.html" %}
{% block title %}Scripts{% endblock %}
{% block content %}
<h2>Scripts</h2>

{# Draft persistence: mid-typed REPL commands + in-progress batch
   scripts survive a navigation away and back. Restores from
   localStorage on DOMContentLoaded; clears on successful submit. #}
<script src="/static/scripts_page.js?v={{ static_v }}" defer></script>

<div class="card">
  <h3>Interactive Python (REPL)</h3>
  <p class="muted small">A live Python interpreter sharing the same
     namespace as the batch runner below — <code>sensors</code>,
     <code>turnouts</code>, <code>InstanceManager</code>, all preloaded.
     Type an expression to see its value; assign a variable and it
     survives across submissions. Click Reset to start over.</p>
  <div id="repl-console" class="repl-console">
    {% include "_repl_console.html" %}
  </div>
  <form hx-post="/scripts/repl" hx-target="#repl-console"
        hx-swap="outerHTML" style="margin-top: 0.5rem;">
    <label>
      <textarea name="source" rows="4"
                style="width: 100%; font-family: var(--mono);"
                placeholder="# try: turnouts.provideTurnout('IT1').setCommandedState(THROWN)"
                onkeydown="if(event.ctrlKey && event.key === 'Enter') { this.form.requestSubmit(); }"></textarea>
    </label>
    <div class="row" style="margin-top: 0.4rem;">
      <button type="submit">Submit</button>
      <button type="button" hx-post="/scripts/repl/reset"
              hx-target="#repl-console" hx-swap="outerHTML"
              hx-confirm="Reset the interpreter? All user-defined variables and imports will be dropped.">Reset interpreter</button>
      <span class="muted small">Ctrl+Enter to submit · ↑/↓ recalls history</span>
    </div>
  </form>
</div>

<div class="card">
  <h3>Run an inline script</h3>
  <form hx-post="/scripts/run" hx-target="#scripts-table" hx-swap="outerHTML">
    <div class="row">
      <label style="flex:1">Name
        <input type="text" name="name" required pattern="[A-Za-z0-9_-]+" placeholder="my-script" />
      </label>
      <label class="row" style="gap:0.35rem">
        <input type="checkbox" name="save" value="1" />
        Save to profile library
      </label>
      <button type="submit">Run</button>
    </div>
    <label>Source
      <textarea name="source" rows="10" style="width:100%; font-family:var(--mono)"
                placeholder="# JMRI-style scripts work directly:&#10;sensor = sensors.provideSensor('IS5')&#10;sensor.setKnownState(ACTIVE)"></textarea>
    </label>
  </form>
  <p class="muted">Scripts run on a worker thread. The shim exposes
  JMRI-style globals: <code>sensors</code>, <code>turnouts</code>,
  <code>lights</code>, <code>memories</code>, <code>powermanager</code>,
  plus <code>ACTIVE</code>, <code>CLOSED</code>, <code>ON</code> etc.
  Define <code>class X(AbstractAutomaton)</code> to use the loop pattern.
  Tick "Save to profile library" to persist the script to
  <code>&lt;profile&gt;/python/&lt;name&gt;.py</code> so it autoloads
  the next time the server starts.</p>
  <p class="muted small">Debug loop: any script with a "saved" badge
  in the Running scripts table below gets a <strong>Run</strong> /
  <strong>Re-run</strong> button that re-reads the file fresh from
  disk each click — edit the file externally, click Run, watch output.
  Files dropped into <code>&lt;profile&gt;/python/</code> while the
  server is up appear here after any list refresh.</p>
  <p class="muted small">Startup autoload opt-outs (three ways to keep
  a script on disk + runnable but skip startup):
  &nbsp;·&nbsp; rename to <code>_name.py</code> (private, also hidden
  from Python imports)
  &nbsp;·&nbsp; rename to <code>lib_name.py</code> (importable helper
  module, not autoexecuted)
  &nbsp;·&nbsp; add <code># jmri-autoload: false</code> anywhere in
  the first 20 lines (visible + runnable, just not at startup).</p>
</div>

<div class="card">
  <h3>Running scripts</h3>
  {% include "_scripts_table.html" %}
</div>
{% endblock %}