<!DOCTYPE html>
<html>
  <head>
    <link type="text/css" rel="stylesheet" href="templates/{$global_template}/css/styles_refill.css">
    <script src='iframe-resizer-master/js/iframeResizer.min.js'></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
      .accordion {
      background-color: #eee;
      color: #444;
      cursor: pointer;
      padding: 10px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 15px;
      transition: 0.4s;
      margin-bottom: 5px;
      }
      .active, .accordion:hover {
      background-color: #277DA8;
      color: white;
      }
      .accordion:after {
      content: '\02795'; /* Unicode character for "plus" sign (+) */
      font-size: 13px;
      color: white;
      float: right;
      margin-left: 5px;
      }
      .active:after {
      content: "\2796"; /* Unicode character for "minus" sign (-) */
      color: white;
      }
      .panel {
      padding: 0 18px;
      background-color: white;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      }
    </style>
  </head>
  <body>
    <br />
    <br />
    <div class="header">
      <div>
        <div>Ermäßigungen {$erm_jahrgang}</div>
      </div>
    </div>
    <div class="pat_list_box">
        {if $erm_error == '1'}
        <table width="70%" class="errorTable" align="center">
          <tr>
            <td>
              <img src="templates/{$global_template}/images/pflichtfelder/achtung_gross.gif">
            </td>
            <td><b>Achtung!</b><br>
              {$erm_error_text}
            </td>
          </tr>
        </table>
        <br />
        {/if}
        {if $erm_abschluss == '0'}
          <p>Indem Sie auf die Überschriften klicken können Sie die Teilbereiche auf- und zuklappen.</p>
          <button class="accordion">1) Ruhestand während des Studienjahres</button>
          <div class="panel">
            <iframe src='erm_ruhestand.php' width='100%'  frameborder='0' ></iframe>
          </div>
          <button class="accordion">2) Forschungssemester/Praxissemester/Abordnungen</button>
          <div class="panel">
            <iframe src='erm_abordnung.php' width='100%'  frameborder='0' ></iframe>
          </div>
          <button class="accordion">3) Schwerbehinderung</button>
          <div class="panel">
            <iframe src='erm_behinderung.php' width='100%'  frameborder='0' ></iframe>
          </div>
          <button class="accordion">4) Teilzeit</button>
          <div class="panel">
            <iframe src='erm_teilzeit.php' width='100%'  frameborder='0' ></iframe>
          </div>
          <button class="accordion">5) Mutterschutz/Elternzeit</button>
          <div class="panel">
            <iframe src='erm_mutterschutz.php' width='100%'  frameborder='0' ></iframe>
          </div>
          <button class="accordion">6) Ermäßigung/Freistellung Rektorat/Dekanat (§§ 7, 8 LVVO)</button>
          <div class="panel">
            <iframe src='erm_freist_rektorat_dekanat.php' width='100%'  frameborder='0' ></iframe>
          </div>
          <button class="accordion">7) Deputatsermäßigung aufgrund einer Funktion/Beauftragung (§ 11 LVVO)</button>
          <div class="panel">
            <iframe src='erm_freist_funktion.php' width='100%'  frameborder='0' ></iframe>
          </div>
          <button class="accordion">8) Deputatsermäßigung aufgrund von Forschungs- und Entwicklungsaufgaben (§ 2 Abs. 8, 9 LVVO)</button>
          <div class="panel">
            <iframe src='erm_freist_forschung.php' width='100%'  frameborder='0' ></iframe>
          </div>
          <button class="accordion">9) Abweichender Lehrbedarf</button>
          <div class="panel">
            <iframe src='erm_abw_lehrbedarf.php' width='100%'  frameborder='0' ></iframe>
          </div>
          <button class="accordion">10) Krankheit</button>
          <div class="panel">
            <iframe src='' width='100%'  frameborder='0' ></iframe>
          </div>
        {/if}
      <br>
      <br>
    </div>
    <script>
      var acc = document.getElementsByClassName("accordion");
      var i;

      for (i = 0; i < acc.length; i++) {
        acc[i].addEventListener("click", function() {
          this.classList.toggle("active");
          var panel = this.nextElementSibling;
          if (panel.style.maxHeight){
            panel.style.maxHeight = null;
          } else {
            panel.style.maxHeight = panel.scrollHeight + "px";
          }
        });
      }
    </script>
    <script>iFrameResize({
    log                     : false,                  // Enable console logging
    heightCalculationMethod : 'documentElementOffset',
    autoResize              : true,
    scrolling               : true,
    tolerance               : 1000,
    sizeHeight              : true,
    });</script>

  </body>
</html>