<%= form_tag({:action => "filter_columns"}, :onsubmit => 'return proof();') %>
<h1 class="head">Filterkriterien für Agglomerationen</h1>
<div class="form-abfrage">

<table border="0" class="form--settings">
  <tr>
    <td>Berichtszeitraum:</td>
    <td></td>
    <td><%=   select_tag :jahr, options_for_select(@reporting_periods, @act_period) %></td>
  </tr>
  <tr>
    <td> Name oder Namensteil:</td>
    <td></td>
    <td><input type="text" name="name"></td>
  </tr>
  <tr>
    <td>ID oder Teil-ID:</td>
    <td></td>
    <td><input type="text" name="id"></td>
  </tr>
  <tr>
    <td>EU-Schlüssel oder Teilschlüssel:</td>
    <td></td>
    <td><input type="text" name="eu_key"></td>
  </tr>
  <tr>
    <td>Bundesland</td>
    <td></td>
    <td><%= select_tag :federal_state_id, options_for_select(@federal_states, @default_federal_state) %></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Nominalbelastung (EW):</td>
    <td> über</td>
    <td><input type="text" id="untergr" name="untergrenze" onKeyup="checknumber(this)" value="<%=params[:untergrenze] if params[:untergrenze]%>"> EW </td>
  </tr>
  <tr>
    <td></td>
    <td> unter</td>
    <td><input type="text" id="obergr" name="obergrenze" onKeyup="checknumber(this)" value="<%=params[:obergrenze] if params[:obergrenze]%>"> EW </td>
  </tr>
  </table>

  <table class="form--checkbox-list form--settings form--selection-list">
    <tr>
    <td><label><input type="radio" name="grossstadt" value ="" checked>keine Auswahl</label></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td><label><input type="radio" name="grossstadt" value ="1">Nur Großstädte</label></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td><label><input type="radio" name="grossstadt" value ="0">Keine Großstädte</label></td>
    <td></td>
    <td></td>
    </tr>
  </table>

  <div class="from--submit">
    <button type="button" onclick="window.location='<%= url_for :action => "index" %>'">
      <i class="fa fa-times" aria-hidden="true"></i>
    </button>
    <button type="submit">
      <i class="fa fa-check" aria-hidden="true"></i>
    </button>
  </div>
</div>


<script type="text/javascript" language="javascript">

  function checknumber(feld)
  {
   if(isNaN(feld.value) == true)
   {
    feld.value=feld.value.slice(0,feld.value.length-1); //Eingegebener Buchstabe wird gelöscht
   }
  }

  function proof() {
    var obergrenze = parseInt($('#obergr').val());
    var untergrenze = parseInt($('#untergr').val());

    if (obergrenze <= untergrenze) {
      alert('Die Obergrenze muss größer sein, als die Untergrenze');
        return false;
    }
    else {
      return true;
    }
  }
</script>
