{% extends 'base.html' %}
{% block content %}

<form id="form1 " class="topBefore" action="" method="post">
  <label for="amorce">Entrer la taille d'amorce</label><br>
        <input type="text" id="amorce" name="amorce" value="{{ amorce }}" required> 
        <label for="">Veuillez choisir une option de sélection</label><br>
<label class="container" name="clavier">Saisi au clavier
  <input type="radio" checked="checked" name="radio">
  <span class="checkmark"></span>
</label>
<label class="container" name="BD">Sélection de la base de données
  <input type="radio" name="radio">
  <span class="checkmark"></span>
</label>
</label>
    <input id="submit" type="submit" value="Valider">
</form>


<form id="form2 " class="topBefore">
    <h2 id="saisi2"> Saisie de la séquence d'alignement </h2>
    <h1>Veuillez choisir une option de sélection</h1>
<label class="container">Saisi au clavier
  <input type="radio" checked="checked" name="radio">
  <span class="checkmark"></span>
</label>
<label class="container">Sélection de la base de données
  <input type="radio" name="radio">
  <span class="checkmark"></span>
</label>
</label>

<input id="submit" type="submit" value="Valider">
</form>




{% for protein in proteins %}  
    <h3>Nom de la proteine est {{ protein.sequence }}<h3>
        <a href="{{ protein.get_absolute_url }}">VOIR</a>
{% endfor %}
{% endblock  %}