<form hx-post="{{ url_for('modules.berechnen', module_name='ftth') }}" 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-4-desktop">
    <div class="gl-card" style="background:linear-gradient(135deg,#eef2fa,#e8edf5);border-color:rgba(47,84,150,.1)">
      <div class="gl-card-header"><span class="icon" style="background:rgba(47,84,150,.1)">??</span><h4>Tiefbau</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">Länge Privat (m)</label><input class="gl-input" name="laenge_privat" type="number" step="0.01"></div>
        <div><label class="gl-toggle"><input type="checkbox" name="oO"><span class="toggle-track"></span><span class="toggle-label"> o.O</span></label></div>
      </div>
      <label class="gl-toggle"><input type="checkbox" name="ring_gg"><span class="toggle-track"></span><span class="toggle-label"> Ring GG</span></label>
    </div>
  </div>
  <div class="column is-12-tablet is-4-desktop">
    <div class="gl-card" style="background:linear-gradient(135deg,#edf7ed,#e6f3e6);border-color:rgba(39,174,96,.1)">
      <div class="gl-card-header"><span class="icon" style="background:rgba(39,174,96,.1)">??</span><h4>GF-Montage</h4></div>
      <label class="gl-toggle"><input type="checkbox" name="ad_gf_montage"><span class="toggle-track"></span><span class="toggle-label"> GF-Montage hinzufügen</span></label>
      <div style="margin-top:8px">
        <div class="gl-grid-2">
          <div><label class="gl-label">NVT</label><input class="gl-input" name="nvt_name"></div>
          <div><label class="gl-label">AP-Nr.</label><input class="gl-input" name="ap_nr"></div>
          <div><label class="gl-label">Straße</label><input class="gl-input" name="strasse"></div>
          <div><label class="gl-label">Hs-Nr.</label><input class="gl-input gl-input-sm" name="hs_nr"></div>
        </div>
        <div class="gl-grid-2" style="margin-top:8px">
          <div><label class="gl-label">Anzahl Mess.</label><input class="gl-input gl-input-sm" name="anz_we" type="number" step="1"></div>
          <div><label class="gl-label">GF-Kabel</label><select class="gl-select" name="gf_kabel"><option value="4E">4E</option><option value="12E">12E</option></select></div>
          <div><label class="gl-label">Einblas Länge (m)</label><input class="gl-input gl-input-sm" name="einblas_laenge" type="number" step="0.1"></div>
          <div><label class="gl-label">Install. Rohr (m)</label><input class="gl-input gl-input-sm" name="inst_rohr" type="number" step="0.1"></div>
        </div>
      </div>
      <div class="gl-grid-auto" style="margin-top:8px">
        <label class="gl-toggle"><input type="checkbox" name="gfap_mon"><span class="toggle-track"></span><span class="toggle-label"> GF-AP montieren</span></label>
        <label class="gl-toggle"><input type="checkbox" name="b_k_abl"><span class="toggle-track"></span><span class="toggle-label"> Bayern kein Fasern Ablegen</span></label>
        <label class="gl-toggle"><input type="checkbox" name="einbl_geraet"><span class="toggle-track"></span><span class="toggle-label"> Einblas Gerät vorhalten</span></label>
      </div>
      <label class="gl-toggle"><input type="checkbox" name="koordination"><span class="toggle-track"></span><span class="toggle-label"> Koordinationspauschale</span></label>
      <label class="gl-label" style="margin-top:8px">Ausgabe</label><input class="gl-input" name="ausgabe">
    </div>
  </div>
  <div class="column is-12-tablet is-4-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>Messung & Aktionen</h4></div>
      <div class="gl-subcard">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">GPON Messung</div>
        <div class="gl-grid-auto">
          <label class="gl-toggle"><input type="checkbox" name="gpon_mess_konv"><span class="toggle-track"></span><span class="toggle-label"> GPON Mess konventionell</span></label>
          <label class="gl-toggle"><input type="checkbox" name="gpon_mess_ein"><span class="toggle-track"></span><span class="toggle-label"> GPON Mess vereinfacht</span></label>
        </div>
      </div>
      
    </div>
  </div>
</div>
  {% include 'components/modul_actions.html' %}
</div>
</form>