<form id="candidature" name="candidature" method="post" enctype="multipart/form-data" title="{{ 'label.form_candidature'|trans }}" title="Demande de candidature">
    <fieldset>
        <legend>{{ 'label.form_candidature'|trans }}</legend>
        <div class="well"><strong>{{ 'label.form_mention-obligatoire'|trans }}</strong></div>

        {% if themes is defined and themes is iterable and themes|length >0 %}
            <div class="form-group">
                <label for="theme">{{ 'label.form_candidature.fonctrech'|trans }} <abbr tabindex="0" title="{{ 'label.obligatoire'|trans }}">*</abbr></label>
                <select class="form-control selectpicker" id="theme" name="theme" aria-label="Thème" aria-labelledby="theme">
                    <option value="-1">{{ 'label.form_candidature.choosepost'|trans }}</option>
                    {% for theme in themes %}
                        <option value="{{ theme.id }}">{{ theme.nom }}</option>
                    {% endfor %}
                </select>
            </div>
        {% endif %}

        <div class="row">
            <div class="form-group col-md-2">
                <label class="control-label" for="civilite">{{ 'label.civilite'|trans }}</label>
                <select class="form-control selectpicker" id="civilite" name="civilite"  autocomplete="honorific-prefix">
                    <option value="mme" selected>{{ 'label.civilite.mme'|trans }}</option>
                    <option value="mr">{{ 'label.civilite.mr'|trans }}</option>
                </select>
            </div>

            <div class="form-group col-md-5">
                <label class="control-label" for="nom">{{ 'label.nom'|trans }} <abbr tabindex="0" title="{{ 'label.obligatoire'|trans }}">*</abbr></label>
                <input class="form-control" name="nom" type="text" id="nom" value="{{ data.nom|default("") }}" required  autocomplete="family-name"/>
            </div>

            <div class="form-group col-md-5">
                <label class="control-label" for="prenom">{{ 'label.prenom'|trans }} <abbr tabindex="0" title="{{ 'label.obligatoire'|trans }}">*</abbr></label>
                <input class="form-control" name="prenom" type="text" id="prenom" value="{{ data.prenom|default("") }}" required autocomplete="given-name"/>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label" for="adresse">{{ 'label.adresse'|trans }} <abbr tabindex="0" title="{{ 'label.obligatoire'|trans }}">*</abbr></label>
            <input class="form-control" name="adresse" type="text" id="adresse" value="{{ data.adresse|default("") }}" required autocomplete="address-line1"/>
        </div>


        <div class="row">
            <div class="form-group col-md-3">
                <label class="control-label" for="cp">{{ 'label.cp'|trans }} <abbr tabindex="0" title="{{ 'label.obligatoire'|trans }}">*</abbr></label>
                <input class="form-control" name="cp" type="text" id="cp" value="{{ data.cp|default("") }}" required autocomplete="postal-code"/>
            </div>
            <div class="form-group col-md-9">
                <label class="control-label" for="ville">{{ 'label.ville'|trans }} <abbr tabindex="0" title="{{ 'label.obligatoire'|trans }}">*</abbr></label>
                <input class="form-control" name="ville" type="text" id="ville" value="{{ data.ville|default("") }}" required autocomplete="address-level2"/>
            </div>
        </div>

        <div class="row">
            <div class="form-group col-md-6">
                <label class="control-label" for="telephone">{{ 'label.phone'|trans }} <abbr tabindex="0" title="{{ 'label.obligatoire'|trans }}">*</abbr></label>
                <input class="form-control" name="telephone" type="text" id="telephone" value="{{ data.telephone|default("") }}" required autocomplete="tel-national"/>
            </div>
            <div class="form-group col-md-6">
                <label class="control-label" for="mail">{{ 'label.mailadress'|trans }} <abbr tabindex="0" title="{{ 'label.obligatoire'|trans }}">*</abbr></label>
                <input class="form-control" name="mail" type="email" id="mail" value="{{ data.mail|default("") }}" required autocomplete="email"/>
            </div>
        </div>
    </fieldset>
    <div class="row">
        <div class="col-md-6">
    <fieldset>
        <legend id="permisd">{{ 'label.permisd'|trans }} <abbr tabindex="0" title="{{ 'label.obligatoire'|trans }}">*</abbr></legend>

                <div class="custom-control custom-radio">
                  <input type="radio" name="permisd" value="oui" aria-label="{{ 'label.permisd'|trans }} {{ 'label.oui'|trans }}" required id="permisdoui" class="custom-control-input">
                  <label class="custom-control-label" for="permisdoui">{{ 'label.oui'|trans }}</label>
                </div>
                <div class="custom-control custom-radio">
                  <input type="radio" name="permisd" value="non" aria-label="{{ 'label.permisd'|trans }} {{ 'label.non'|trans }}" required id="permisdnon" class="custom-control-input">
                  <label class="custom-control-label" for="permisdnon">{{ 'label.non'|trans }}</label>
                </div>
    </fieldset>
</div>
        <div class="col-md-6">
    <fieldset>
        <legend id="fimo">{{ 'label.fimo'|trans }} <abbr tabindex="0" title="{{ 'label.obligatoire'|trans }}">*</abbr></legend>
            
                <div class="custom-control custom-radio">
                  <input type="radio" name="fimo" value="oui" id="fimooui" aria-label="{{ 'label.fimo'|trans }} {{ 'label.oui'|trans }}" class="custom-control-input">
                  <label class="custom-control-label" for="fimooui">{{ 'label.oui'|trans }}</label>
                </div>
                <div class="custom-control custom-radio">
                  <input type="radio" name="fimo" value="non" id="fimonon" aria-label="{{ 'label.fimo'|trans }} {{ 'label.non'|trans }}" class="custom-control-input">
                  <label class="custom-control-label" for="fimonon">{{ 'label.non'|trans }}</label>
                </div>

    </fieldset>
</div>
    </div>
    <fieldset>
        <legend>{{ 'label.piecejointe'|trans }}</legend>

        <div class="form-group">
            <div class="row">
                <div class="col-xs-6 col-6">
                    <label for="cv">{{ 'label.help.cv'|trans }}</label>
                    <input type="file" accept="application/pdf" class="form-control-file" name="cv" id="cv">
                </div>
                <div class="col-xs-6 col-6">
                    <button type="button" class="btn btn-primary btn-block removeUploadFileSelected" data-filetargetId="cv">{{ 'label.supprime_file'|trans }}</button>
                </div>
            </div>
        </div>

    </fieldset>
    <fieldset>
        <legend>{{ 'label.autres'|trans }}</legend>
        <div class="form-group">
            <label for="motivation">{{ 'label.motivations'|trans }} <abbr tabindex="0" title="{{ 'label.obligatoire'|trans }}">*</abbr></label>
            <textarea id="motivation" rows="5" class="form-control" name="motivation" required>{{ data.motivation|default("") }}</textarea>
        </div>

        <div class="well"><strong>{{ 'label.nocv'|trans }}</strong></div>

        <div class="form-group">
            <label for="formation">{{ 'label.formation'|trans }}</label>
            <textarea id="formation" rows="5" class="form-control" name="formation">{{ data.formation|default("") }}</textarea>
        </div>

        <div class="form-group">
            <label for="experience">{{ 'label.experience'|trans }}</label>
            <textarea id="experience" rows="5" class="form-control" name="experience">{{ data.experience|default("") }}</textarea>
        </div>
    </fieldset>


    {{ GetRgpdForModule(11)|raw}}


    


    <div class="row">
        <div class="col-sm-6">{{ CaptchaService.getHtmlCaptcha|raw }}</div>
        <div class="col-sm-6">
            <input type="button" id="submitCandidatureForm" class="btn btn-primary btn-lg btn-block submit" value="{{ 'label.envoyer'|trans }}">
        </div>
    </div>
</form>
