% rebase('base.html', title='Uredi', uporabniskoIme=user)

<p>
  <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#multiCollapseExample1" aria-expanded="false" aria-controls="multiCollapseExample1">DODAJ</button>
  <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#multiCollapseExample2" aria-expanded="false" aria-controls="multiCollapseExample2">ODSTRANI</button>
</p>
<div class="column">
  <div class="col">
    <div class="collapse multi-collapse" id="multiCollapseExample1">
      <div class="card card-body">
        <form class="form-group" method="post">
          <label for="imeTekmovalca" class="sr-only">Navedi ime tekmovalca</label>
          <input type="imeTekmovalca" id="imeTekmovalca" class="form-control" placeholder="Ime tekmovalca" name="imeTekmovalca" required autofocus>
          <label for="rojDan" class="sr-only">Navedi rojstni dan, kot LLLL.MM.DD</label>
          <input type="rojDan" id="rojDan" class="form-control" placeholder="Rojstni dan LLLL.MM.DD" name="rojDan" required>
          <label for="drzava" class="sr-only">Navedi drzavo, kratico drzave iz katere prihaja tekmovalec</label>
          <input type="drzava" id="drzava" class="form-control" placeholder="Drzava, kratica" name="drzava" required>
          <label for="leto" class="sr-only">Navedi leto in drzavo olimpijskih iger</label>
          <input type="leto" id="leto" class="form-control" placeholder="Leto, drzava, kratica(drzave)" name="leto" required>
          <label for="autocompleteDisciplina" class="sr-only">Navedi disciplino, v kateri je nastopil tekmovalec</label>
          <input type="text" id="autocompleteDisciplina" class="form-control" placeholder="Disciplina" name="disciplina" required>
          <script type="text/javascript">
            $('#autocompleteDisciplina').autocomplete({
              serviceUrl: '/autocomplete/disciplina',
              onSelect: function (suggestion) {
                suggestion.value;
              }
            });
          </script>
          <label for="autocompletePoddisciplina" class="sr-only">Navedi poddisciplino, v kateri je nastopil tekmovalec</label>
          <input type="text" id="autocompletePoddisciplina" class="form-control" placeholder="Poddisciplina" name="poddisciplina" required>
          <script type="text/javascript">
            $('#autocompletePoddisciplina').autocomplete({
              serviceUrl: '/autocomplete/poddisciplina',
              onSelect: function (suggestion) {
                suggestion.value;
              }
            });
          </script>
          <label for="mesto" class="sr-only">Navedi, na katerem mestu je bil tekmovalec</label>
          <input type="mesto" id="mesto" class="form-control" placeholder="Mesto" name="mesto" required>
          <label for="rezultat" class="sr-only">Navedi, kakšen rezultat je dosegel tekmovalec</label>
          <input type="rezultat" id="rezultat" class="form-control" placeholder="Rezultat" name="rezultat" required>
          <button class="btn btn-lg btn-primary btn-block" type="submit" id="dodajButton">Dodaj</button>
        </form>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="collapse multi-collapse" id="multiCollapseExample2">
      <div class="card card-body">
        <form class="form-group" method="post">
         <label for="idTekmovalca" class="sr-only">Navedi id tekmovalca</label>
         <input type="idTekmovalca" id="idTekmovalca" class="form-control" placeholder="Id tekmovalca" name="idTekmovalca" required autofocus>
         <label for="letoTekmovanja" class="sr-only">Navedi leto olimpijskih iger</label>
         <input type="letoTekmovanja" id="letoTekmovanja" class="form-control" placeholder="Leto" name="letoTekmovanja" required>
         <label for="razlog" class="sr-only">Navedi razlog diskvalifikacije</label>
         <input type="razlog" id="razlog" class="form-control" placeholder="Razlog" name="razlog" required autofocus>
         <button class="btn btn-lg btn-primary btn-block" type="submit" id="odstraniButton">Odstrani</button>
        </form>
      </div>
    </div>
  </div>
</div>