<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>STEP Analyser (intern)</title>
    <style>
      body {
        font-family: -apple-system, system-ui, sans-serif;
        margin: 40px;
        max-width: 900px;
      }
      .card {
        border: 1px solid #ddd;
        border-radius: 12px;
        padding: 16px;
      }
      label {
        display: block;
        margin-top: 12px;
        font-weight: 600;
      }
      input,
      select {
        width: 100%;
        padding: 10px;
        margin-top: 6px;
      }
      button {
        margin-top: 16px;
        padding: 10px 14px;
        border-radius: 10px;
        border: 1px solid #333;
        background: #111;
        color: #fff;
        cursor: pointer;
      }
      small {
        color: #666;
      }
    </style>
  </head>
  <body>
    <h1>STEP Analyser (intern)</h1>
    <div class="card">
      <form action="/analyse" method="post" enctype="multipart/form-data">
        <label>STEP Datei</label>
        <input type="file" name="stepfile" accept=".step,.stp" required />

        <label>Material</label>
        <select name="material">
          {% for key, label in materials %}
          <option value="{{key}}">{{label}}</option>
          {% endfor %}
        </select>

        <label
          >Blechstärke (mm)
          <small>(optional – leer lassen für Auto-Erkennung)</small></label
        >
        <input type="text" name="thickness_mm" placeholder="z.B. 1.0" />

        <button type="submit">Analysieren</button>
      </form>
    </div>

    <p style="margin-top: 14px">
      <small>Internes Tool. Läuft nur auf 127.0.0.1:5055.</small>
    </p>
  </body>
</html>
