<form hx-post="{{ url_for('modules.berechnen', module_name='absperrung') }}" hx-target="#modul-modal-body" hx-swap="innerHTML">

<div class="modal-modul mg">
<div class="columns is-multiline is-variable is-3">
  <div class="column is-12-tablet is-8-desktop">
    <div class="gl-card" style="background:linear-gradient(135deg,#fef9e7,#fdf3d0);border-color:rgba(243,156,18,.1)">
      <div class="gl-card-header"><span class="icon" style="background:rgba(243,156,18,.1)">??</span><h4>Absperrung</h4></div>
      <label class="gl-label">Abschnitt</label><input class="gl-input" name="abschnitt">
      <div class="gl-grid-2" style="margin-top:8px">
        <div><label class="gl-label">Absperrung (Meter)</label><input class="gl-input" name="meter" type="number" step="0.1"></div>
        <div><label class="gl-label">Meter pro Stück</label><input class="gl-input" name="m_pro_st" type="number" step="0.1" value="10"></div>
        <div><label class="gl-label">Anzahl Tage</label><input class="gl-input" name="anz_tage" type="number" step="1"></div>
        <div><label class="gl-label">Abzug Tage lt. Pos.</label><input class="gl-input" name="abzug_tage" type="number" step="1" value="5"></div>
        <div><label class="gl-label">E-Preis</label><input class="gl-input gl-input-sm" name="epreis" type="number" step="0.01"></div>
        <div><label class="gl-label">M pro Tag</label><input class="gl-input gl-input-sm" name="m_pro_tag" type="number" step="0.1"></div>
        <div><label class="gl-label">Gesamtpreis</label><input class="gl-input gl-input-sm" name="gesamtpreis" type="number" step="0.01"></div>
      </div>
      <label class="gl-label" style="margin-top:8px">Bemerkung</label><input class="gl-input" name="bemerkung">
    </div>
  </div>
  <div class="column is-12">
    <div class="gl-card-actions" style="display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:16px 20px;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);transition:all .35s cubic-bezier(.25,.46,.45,.94)">
      <button class="gl-btn gl-btn-primary gl-btn-pulse" type="submit">? hinzufügen</button>
      <button class="gl-btn gl-btn-secondary" type="submit" formaction="{{ url_for('modules.berechnen', module_name='absperrung') }}/aktualisieren">?? aktualisieren</button>
      <button class="gl-btn gl-btn-secondary" type="button" onclick="this.closest('form').querySelectorAll('input:not([type=hidden]),textarea,select').forEach(function(el){if(el.type==='checkbox'||el.type==='radio'){el.checked=false}else{el.value=''}})">?? zurücksetzen</button>
      <button class="gl-btn gl-btn-secondary" type="button" onclick="var m=document.getElementById('modul-modal');if(m)m.classList.remove('is-active')">✕ schließen</button>
    </div>
  </div>
</div>
</div>
</form>