<div class="row">
<div class="col-md-4 mb-2">
<label for="nature_contrat">Nature Contrat (*)</label>
<select class="select nature_contrat nature_contrat" name="nature_contrat" required >
<option value="" selected>Choix Nature Contract</option>
{% for contract in naturecontract %}
<option id="{{contract.id}}" value="{{contract.id}}" data-attr ="{{contract.id}}">{{contract.designation}}</option>
{% endfor %}
</select>
</div>
<div class="col-md-4 mb-2">
<label for="duree_contrat">Durée contrat (*)</label>
<select class="select duree_contrat" name="duree_contrat" required>
</select>
</div>
<div class="col-md-4 mb-2">
<label for="date_contrat">Date contrat (*)</label>
<input type="date" name="date_contrat" class="form-control date_contrat" required>
</div>
<div class="col-md-12 autoentrepreneurarea">
<div class="row">
<div class="col-md-4 mb-2">
<label for="carte_AutoEntrepreneur">Carte AutoEntrepreneur (*)</label>
<input type="text" name="carte_AutoEntrepreneur" class="form-control carte_AutoEntrepreneur">
</div>
<div class="col-md-3 mb-2">
<label for="debut_AutoEntrepreneur">Date debut de Carte (*)</label>
<input type="date" name="debut_AutoEntrepreneur" class="form-control debut_AutoEntrepreneur">
</div>
<div class="col-md-3 mb-2">
<label for="fin_AutoEntrepreneur">Date fin de Carte (*)</label>
<input type="date" name="fin_AutoEntrepreneur" class="form-control fin_AutoEntrepreneur">
</div>
<div class="col-md-2 mb-2" style="align-self: flex-end;">
<input type="checkbox" class="Stagiaire_AutoEntrepreneur" value="stagiaire" id="Stagiaire_AutoEntrepreneur" name="Stagiaire_AutoEntrepreneur"/> <b>Stagiaire</b>
</div>
</div>
</div>
<div class="col-md-4 mb-2">
<label for="date_contrat">Date Fin </label>
<input type="date" name="date_fin" class="form-control date_fin">
</div>
<div class="col-md-4 mb-2">
<label for="affectation">Affectation (*)</label>
<select class="select affectation" name="affectation" >
{# <option value="" selected>Choix affectation</option> #}
{# {% for dossier in app.session.get('dossiers') %} #}
<option value="{{app.session.get('dossier').id}}">{{app.session.get('dossier').abreviation}}</option selected>
{# {% endfor %} #}
</select>
</div>
{# <div class="col-md-4 mb-2">
<label for="profile">Profile (*)</label>
<select class="select profile" name="profile" id="profile" >
</select>
</div> #}
<div class="col-md-4 mb-2 d-none">
<label for="profil">Profil (*)</label>
<select class="select profil" name="profil" required>
<option value="0"></option>
<option value="AutoEntrepreneur">AutoEntrepreneur</option>
<option value="<=Bac"><=Bac</option>
<option value="Bac+2">Bac+2</option>
<option value="bac+6">bac+6</option>
<option value="Bac+3">Bac+3</option>
<option value="Bac+4">Bac+4</option>
<option value="Bac+5">Bac+5</option>
<option value="Bac+6 et plus">Bac+6 et plus</option>
<option value="Hors Grille">Hors Grille</option>
<option value="Santé-Métiers">Santé-Métiers</option>
<option value="Stagiaire PE">Stagiaire PE</option>
<option value="Stagiaire NR">Stagiaire NR</option>
<option value="Stagiaire_interne">Stagiaire_interne</option>
</select>
</div>
<div class="col-md-4 mb-2">
<label for="bareme">Baréme (*)</label>
<select class="select bareme" name="bareme" required>
<option value="0" selected>Choix Baréme</option>
{# {% for bareme in baremes %}
<option value="{{bareme.id}}">{{bareme.profil}}</option>
{% endfor %} #}
</select>
</div>
<div class="col-md-4 mb-2">
<label for="fonction">Fonction (*)</label>
<select class="select fonction" name="fonction" required>
<option value="0" selected>Choix fonction</option>
{% for fonction in fonctions %}
<option value="{{fonction.id}}">{{fonction.designation}}</option>
{% endfor %}
</select>
</div>
<div class="col-md-4 mb-2">
<label for="salaire_grille">Salaire Grille: </label>
<input readonly type="float" name="salaire_grille" class="form-control salaire_grille">
</div>
<div class="col-md-4 mb-2">
<label for="salaire_affecte">Salaire Affecté: </label>
<input type="float" name="salaire_affecte" id="salaire_affecte" class="form-control salaire_affecte">
</div>
<div class="col-md-4 mb-2">
<label for="ppc">PPC </label>
<input type="float" name="ppc" id="ppc" class="ppc form-control">
</div>
<div class="col-md-4 mb-2">
<label for="rpc">RPC </label>
<input type="float" name="rpc" id="rpc" class="rpc form-control">
</div>
</div>
<br>
<hr>
<button type="submit" class="btn btn-secondary" id="cntc_btn" style="float:right;" form="new_contract">Suivant</button>