<form hx-post="{{ url_for('modules.berechnen', module_name='gf_montage') }}" 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>GF-Montage</h4></div>
      <label class="gl-label">NVT Bezeichnung</label><input class="gl-input" name="nvt_bez">
      <label class="gl-label" style="margin-top:6px">Muffen Bezeichnung</label><input class="gl-input" name="muffen_bez">
      <div class="gl-subcard" style="margin-top:8px">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">Anzahl Fasern</div>
        <div class="gl-grid-2">
          <div><label class="gl-label">A1</label><input class="gl-input" name="faser_a1" type="number" step="1"></div>
          <div><label class="gl-toggle"><input type="checkbox" name="a1_neu"><span class="toggle-track"></span><span class="toggle-label"> neu</span></label></div>
          <div><label class="gl-label">G1</label><input class="gl-input" name="faser_g1" type="number" step="1"></div>
          <div><label class="gl-toggle"><input type="checkbox" name="g1_neu"><span class="toggle-track"></span><span class="toggle-label"> neu</span></label></div>
          <div><label class="gl-label">G2</label><input class="gl-input" name="faser_g2" type="number" step="1"></div>
          <div><label class="gl-toggle"><input type="checkbox" name="g2_neu"><span class="toggle-track"></span><span class="toggle-label"> neu</span></label></div>
          <div><label class="gl-label">G3</label><input class="gl-input" name="faser_g3" type="number" step="1"></div>
          <div><label class="gl-toggle"><input type="checkbox" name="g3_neu"><span class="toggle-track"></span><span class="toggle-label"> neu</span></label></div>
          <div><label class="gl-label">G4</label><input class="gl-input" name="faser_g4" type="number" step="1"></div>
          <div><label class="gl-toggle"><input type="checkbox" name="g4_neu"><span class="toggle-track"></span><span class="toggle-label"> neu</span></label></div>
          <div><label class="gl-label">G5</label><input class="gl-input" name="faser_g5" type="number" step="1"></div>
          <div><label class="gl-toggle"><input type="checkbox" name="g5_neu"><span class="toggle-track"></span><span class="toggle-label"> neu</span></label></div>
        </div>
      </div>
    </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>Messung & Verbindungen</h4></div>
      <label class="gl-label">Anzahl Fasern verbinden</label><input class="gl-input gl-input-sm" name="anz_fasern_verb" type="number" step="1">
      <label class="gl-label" style="margin-top:8px">Anzahl Pigtails Ein. IN</label><input class="gl-input gl-input-sm" name="anz_pig_ein" type="number" step="1">
      <label class="gl-label" style="margin-top:8px">Anzahl Pigtails Ein. OUT</label><input class="gl-input gl-input-sm" name="anz_pig_eout" type="number" step="1">
      <label class="gl-label" style="margin-top:8px">Anzahl Gruppen-Pigtails</label><input class="gl-input gl-input-sm" name="anz_g_pig" type="number" step="1">
      <div class="gl-subcard" style="margin-top:8px">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">Messung</div>
        <div class="gl-grid-auto">
          <label class="gl-toggle"><input type="checkbox" name="mess_masse"><span class="toggle-track"></span><span class="toggle-label"> Masse</span></label>
          <label class="gl-toggle"><input type="checkbox" name="mess_individual"><span class="toggle-track"></span><span class="toggle-label"> Individual</span></label>
          <label class="gl-toggle"><input type="checkbox" name="mess_gpon"><span class="toggle-track"></span><span class="toggle-label"> GPON FTTH</span></label>
          <label class="gl-toggle"><input type="checkbox" name="mess_kontrol"><span class="toggle-track"></span><span class="toggle-label"> Kontrol (FTTH Bayern)</span></label>
          <label class="gl-toggle"><input type="checkbox" name="mess_pegel"><span class="toggle-track"></span><span class="toggle-label"> Pegel (Bayern)</span></label>
        </div>
      </div>
      <label class="gl-label" style="margin-top:8px">Anzahl Fasern messen</label><input class="gl-input gl-input-sm" name="anz_fasern_mess" type="number" step="1">
    </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>Baugruppen & Arbeit</h4></div>
      <div class="gl-grid-auto">
        <label class="gl-toggle"><input type="checkbox" name="indoor"><span class="toggle-track"></span><span class="toggle-label"> Indoor</span></label>
        <label class="gl-toggle"><input type="checkbox" name="outdoor"><span class="toggle-track"></span><span class="toggle-label"> Outdoor</span></label>
        <label class="gl-toggle"><input type="checkbox" name="muffe_im_ksch"><span class="toggle-track"></span><span class="toggle-label"> Muffe im Ksch</span></label>
        <label class="gl-toggle"><input type="checkbox" name="muffe_neu"><span class="toggle-track"></span><span class="toggle-label"> Muffe neu</span></label>
      </div>
      <div style="margin-top:8px">
        <label class="gl-toggle"><input type="checkbox" name="spleiss_bau_ein"><span class="toggle-track"></span><span class="toggle-label"> Spleiß-Baugruppe einbauen</span></label>
        <label class="gl-toggle"><input type="checkbox" name="patch_bau_ein"><span class="toggle-track"></span><span class="toggle-label"> Patch-Baugruppe einbauen</span></label>
        <label class="gl-toggle"><input type="checkbox" name="spatch_bau_ein"><span class="toggle-track"></span><span class="toggle-label"> Spleiß/Patch-Baugr. einbauen</span></label>
      </div>
      <div class="gl-subcard" style="margin-top:8px">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">Kabelarbeiten</div>
        <div class="gl-grid-auto">
          <label class="gl-toggle"><input type="checkbox" name="gf_innen"><span class="toggle-track"></span><span class="toggle-label"> GF-Innenkabel befestigen/einziehen</span></label>
          <label class="gl-toggle"><input type="checkbox" name="kanal_snr"><span class="toggle-track"></span><span class="toggle-label"> Install. Kanäle/SNR befestigen</span></label>
          <label class="gl-toggle"><input type="checkbox" name="aussen_kabel"><span class="toggle-track"></span><span class="toggle-label"> Außenkabel befestigen</span></label>
          <label class="gl-toggle"><input type="checkbox" name="gfap"><span class="toggle-track"></span><span class="toggle-label"> GF-AP befestigen</span></label>
          <label class="gl-toggle"><input type="checkbox" name="gfap_mfg"><span class="toggle-track"></span><span class="toggle-label"> GF-AP in MFG</span></label>
        </div>
      </div>
      
    </div>
  </div>
</div>
  {% include 'components/modul_actions.html' %}
</div>
</form>