<form hx-post="{{ url_for('modules.berechnen', module_name='stoerung') }}" 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>CU-Messung & Montage</h4></div>
      <div class="gl-subcard">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">CU-Messung</div>
        <label class="gl-toggle"><input type="checkbox" name="cu_fehlerortung"><span class="toggle-track"></span><span class="toggle-label"> Fehlerortung von Kabelfehlern an Cu-Kabel</span></label>
        <label class="gl-toggle"><input type="checkbox" name="cu_zul_instan"><span class="toggle-track"></span><span class="toggle-label"> Zulage Instandsetzung v. Kabelfehlern</span></label>
      </div>
      <div class="gl-subcard">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">CU-Kabelabriss</div>
        <label class="gl-toggle"><input type="checkbox" name="cu_schaden_beweiss"><span class="toggle-track"></span><span class="toggle-label"> Schadens-/Beweissicherung an TK-Anlagen</span></label>
        <label class="gl-toggle"><input type="checkbox" name="cu_instan_beweis"><span class="toggle-track"></span><span class="toggle-label"> Instands. nach Schadensbeweis</span></label>
      </div>
      <div class="gl-subcard">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">CU-Montage</div>
        <div class="gl-grid-2">
          <div><label class="gl-label">Cu-DA > 0,8 mm verbinden</label><input class="gl-input" name="cu_da_gr_anz" type="number" step="1"></div>
          <div><label class="gl-label">Cu-DA = 0,8 mm verbinden</label><input class="gl-input" name="cu_da_kl_anz" type="number" step="1"></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>GF-Messung & Montage</h4></div>
      <div class="gl-subcard">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">GF-Messung</div>
        <label class="gl-toggle"><input type="checkbox" name="gf_fehlerortung"><span class="toggle-track"></span><span class="toggle-label"> Fehlerortung v. Kabelfehlern an GF-Kabel</span></label>
        <label class="gl-toggle"><input type="checkbox" name="gf_inst_n_fehl"><span class="toggle-track"></span><span class="toggle-label"> Instands. v. GF-Kabel nach Fehlerortung</span></label>
      </div>
      <div class="gl-subcard">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">GF-Kabelabriss</div>
        <label class="gl-toggle"><input type="checkbox" name="gf_beweis"><span class="toggle-track"></span><span class="toggle-label"> Schadens-/Beweissicherung an TK-Anlagen</span></label>
        <label class="gl-toggle"><input type="checkbox" name="gf_instand_ohne"><span class="toggle-track"></span><span class="toggle-label"> Instands. v. GF-Kabel ohne Fehlerortung</span></label>
      </div>
      <div class="gl-subcard">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">GF-Montage</div>
        <div class="gl-grid-2">
          <div><label class="gl-label">GF ungeschweißt in Kassetten (m)</label><input class="gl-input gl-input-sm" name="gf_unge_kas" type="number" step="0.1"></div>
          <div><label class="gl-label">GF verbinden Indoor</label><input class="gl-input gl-input-sm" name="gf_verb_indoor" type="number" step="1"></div>
          <div><label class="gl-label">GF verbinden Outdoor</label><input class="gl-input gl-input-sm" name="gf_verb_outdoor" type="number" step="1"></div>
        </div>
        <div class="gl-grid-auto" style="margin-top:6px">
          <label class="gl-toggle"><input type="checkbox" name="gf_muffe_neu"><span class="toggle-track"></span><span class="toggle-label"> Neue GF-Muffe öffnen</span></label>
          <label class="gl-toggle"><input type="checkbox" name="gf_muffe_bestand"><span class="toggle-track"></span><span class="toggle-label"> Bestandsmuffe öffnen</span></label>
        </div>
      </div>
    </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>CU-Kabel & Sonstiges</h4></div>
      <div class="gl-subcard">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">CU-Kabel auslegen</div>
        <div class="gl-grid-2">
          <div><label class="gl-label">Kabel bis 30mm (m)</label><input class="gl-input" name="kabel_kl30" type="number" step="0.1"></div>
          <div><label class="gl-label">Kabel >30mm (m)</label><input class="gl-input" name="kabel_gr30" type="number" step="0.1"></div>
        </div>
      </div>
      <div class="gl-subcard">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">GF-Kabel</div>
        <div class="gl-grid-2">
          <div><label class="gl-label">Ausblasen (m)</label><input class="gl-input gl-input-sm" name="gf_ausbl_m" type="number" step="0.1"></div>
          <div><label class="gl-label">Einblasen (m)</label><input class="gl-input gl-input-sm" name="gf_einbl_m" type="number" step="0.1"></div>
        </div>
      </div>
      <div class="gl-subcard">
        <div style="font-weight:600;font-size:.78rem;margin-bottom:6px">Sonstiges</div>
        <label class="gl-toggle"><input type="checkbox" name="anfahrt_montage"><span class="toggle-track"></span><span class="toggle-label"> Anfahrt Montagestelle</span></label>
        <label class="gl-label" style="margin-top:4px">VAO mit Preis von</label><input class="gl-input gl-input-sm" name="vao_preis" type="number" step="0.01">
      </div>
      
    </div>
  </div>
</div>
  {% include 'components/modul_actions.html' %}
</div>
</form>