Admin Filter

Geschlecht
Alter
Schulabschluss
Zeitraum
Von bis
<form id="reportFilter" method="GET">
  <div class="admin-filter ">
    <div class="admin-filter-body">
      <div class="admin-filter-item">
        <h5>Geschlecht</h5>
        <select class="gender" multiple="multiple" name="gender[]">
          <option value="1">Männlich</option>
          <option value="2">Weiblich</option>
        </select>
      </div>
      <div class="admin-filter-item">
        <h5>Alter</h5>
        <select class="age" multiple="multiple" name="age[]">
          <option value="20">bis 20 Jahre</option>
          <option value="30">20 - 30 Jahre</option>
          <option value="40">31 - 40 Jahre</option>
          <option value="60">41 - 50 Jahre</option>
          <option value="60">51 - 60 Jahre</option>
          <option value="70">über 60 Jahre</option>
        </select>
      </div>
      <div class="admin-filter-item">
        <h5>Schulabschluss</h5>
        <select class="education" multiple="multiple" name="graduation[]">
          <option value="1">Kein Abschluss</option>
          <option value="2">Hauptschulabschluss</option>
          <option value="3">Realschulabschluss</option>
          <option value="4">Fachabitur / Abitur</option>
          <option value="5">Fach- / Hoschulabschluss</option>
        </select>
      </div>
      <div class="admin-filter-item">
        <h5>Zeitraum</h5>
        <div class="input-daterange  form-group" id="daterage-picker">
          <!-- <label>Wählen Sie einen Zeitraum:</label> -->
          <div class="input-group">
            <span class="input-group-addon">Von</span>
            <input type="text" class="form-control" placeholder="Startdatum" name="start" />
            <span class="input-group-addon">bis</span>
            <input type="text" class="form-control" placeholder="Enddatum" name="end" />
          </div>
        </div>
      </div>
    </div>
    <div class="admin-filter-footer">
      <div class="btn-group" role="group" aria-label="...">
        <button id="generateReport" type="button" class="btn btn-primary btn-sm">Filtern</button>
        <button id="reportPrint" type="button" class="btn btn-default icon"><i class="fa fa-print"></i></button>
      </div>
      <button class="btn btn-link btn-sm" id="clearFilter"><i class="fa fa-trash"></i>Filter zurücksetzen</button>
    </div>
  </div>
</form>