{{ define "Index2" }}

<script>
function op(obj) {
x=document.getElementById(obj);
if(x.style.display == "none") x.style.display = "block";
else x.style.display = "none"
}
</script>



<div class="col-lg-offset-1 col-lg-3" style="background-color: #B8C07978; vertical-align: top; padding: 40px; ">
<div class="col-lg-12">
  <a href="/" onClick="op('poczatkujacy'); return false;">
  <input type="submit" value="Początkujący" style="background-color: GREY" /></a>
</div>

<form action="/planer/" method="POST">

  <div class="col-lg-12" id="poczatkujacy" style="display:none">
  <select name="rodzaj_treningu" style="width: 180px">
<option>FWB</option>
<option>ABS</option>
</select>
<select name="partia" style="width: 180px">
   {{ range . }}    <option>{{.Rodzaj}}</option>{{ end }}
</select>
<input type="text" class="form-control" id="co_ile_ciezar" name="co_ile_ciezar" placeholder="co ile trenngów" style="width: 180px" >
<input type="text" class="form-control" id="ciezar_dodaj" name="ciezar_dodaj" placeholder="Jaki ciężar"  style="width: 180px">
<input type="text" class="form-control" id="co_ile_powtorzenie" name="co_ile_powtorzenie" placeholder="co ile trenngów"   style="width: 180px">
<input type="text" class="form-control" id="powtorzenie_dodaj" name="powtorzenie_dodaj" placeholder="Ile powtórzeń"  style="width: 180px">
  <input type="submit" value="Zatwierdzam"  />
</div>
       </form>




<div class="col-lg-12">
    <a href="/" onClick="op('zaawansowany'); return false;">
  <input type="submit" value="Zaawansowany" style="background-color: GREY" /></a>
</div>


<form action="/planer/" method="POST">

<div  class="col-lg-12"  id="zaawansowany" style="display:none">
    <select name="rodzaj_treningu" style="width: 180px">
<option>FWB</option>
<option>ABS</option>
</select>
<select name="cwiczenie_nazwa" style="width: 180px">
   {{ range . }}    <option>{{.Nazwa}}</option>{{ end }}
</select>
<input type="text" class="form-control" id="co_ile_ciezar" name="co_ile_ciezar" placeholder="co ile trenngów" style="width: 180px" >
<input type="text" class="form-control" id="ciezar_dodaj" name="ciezar_dodaj" placeholder="Jaki ciężar"  style="width: 180px">
<input type="text" class="form-control" id="co_ile_powtorzenie" name="co_ile_powtorzenie" placeholder="co ile trenngów"   style="width: 180px">
<input type="text" class="form-control" id="powtorzenie_dodaj" name="powtorzenie_dodaj" placeholder="Ile powtórzeń"  style="width: 180px">
  <input type="submit" value="Zatwierdzam"  />
</div>
       </form>




    </div>
    </div>    
</div><!-- 
<div id="hst0" style="display: none"><div class="table-responsive">
    <table class="table table-hover">

    <caption>Twój trening</caption>

    <thead style="background-color: #999999">
        <tr>
            <th>Ćwiczenie</th>
            <th>Ilość serii</th>
            <th>Ilość powtórzeń</th>
            <th>Ciężar</th>
      <th>Akcja</th>

        </tr>
    </thead>
    <tbody>
 
        <tr>
<form action="/planer/" method="POST">
            
               <td><select name="Nazwa">
   {{ range . }}    <option>{{.Nazwa}}</option>{{ end }}

</select></td>
            <td><input type="text" class="form-control" name="Serie"  ></td>
          <td><input type="text" class="form-control" name="Powtorzenia"  ></td>
             <td><input type="text" class="form-control" name="Ciezar"  ></td>
           
            <td><div class="btn-group btn-group-xs" role="group" aria-label="Zarządzaj wpisem">
          <button type="submit" class="btn btn-default" onclick="dodawanieDoBazy()" >Podgląd</button></div></td>
       </form>
        </tr>


    </tbody>
</table>
        </div>
</div>
<a href="javascript:dodawanieCwiczenia('hst0');"><button type="submit" class="btn btn-default" style="margin-bottom: 50px" >Dodaj ćwiczenie</button></a>

 -->
      

    </body>
</html>
{{ end }}