{{ form:set is="benevolede" }}
                {{ if {form:errors} }}
                    <p>{{traduction:benevoleoups}}</p>

                {{ /if }}
                {{ if {form:success} }}
                    <div class="text-confirmation">
                        <i class="fa-light fa-envelope-circle-check" style="font-size: 60px; padding-bottom: 20px;"></i>
                        {{ confirmation }}
                    </div>
                {{ /if }}
                {{ form:create }}
                    <h4 class="uppercase mt48 mt-xs-0">{{traduction:benevole}}</h4>
                    <p class="lead mb64 mb-xs-24">
                        {{traduction:benevoledesc}}
                    </p>




                    {{ if success }}
                        <div class="bg-green-300 text-white p-2">
                            {{ success }}
                        </div>
                    {{ else }}
                        <div>
                            <hr>
                            <h6 class="uppercase">
                                {{traduction:benevole1}}
                            </h6>
                            {{ fields }}
                            {{ if type == "text" }}
                                {{ if handle == "email"}}
                                    </div><div>
                                    <hr>
                                    <h6 class="uppercase">
                                        {{traduction:benevole3}}
                                    </h6>
                                    <input type="email" class="col-md-6 validate-required validate-email{{ if error }} field-error{{ /if }}" name="{{handle}}" placeholder="{{ display }}" value="{{ old }}"  />
                                {{ elseif handle == "street" }}
                                </div><div>
                                    <hr>
                                    <h6 class="uppercase">
                                        {{traduction:benevole4}}
                                    </h6>
                                    <input type="text" class="col-md-12 validate-required{{ if error }} field-error{{ /if }}" name="{{handle}}" placeholder="{{ display }}" value="{{ old }}" />
                                {{ elseif handle == "city" }}
                                    <input type="text" class="col-md-12 validate-required {{ if error }} field-error{{ /if }}" name="{{handle}}" placeholder="{{ display }}" value="{{ old }}" />
                                {{ elseif handle == "birthdate" }}
                                </div><div>
                                    <hr>
                                    <h6 class="uppercase">
                                        {{traduction:benevole5}}
                                    </h6>
                                    <input type="date" class="col-md-6 col-md-offset-3 {{ if error }} field-error{{ /if }}" name="{{handle}}" placeholder="{{ display }}" value="{{ old }}" />
                                {{ else }}
                                    <input type="text" class="col-md-6 validate-required{{ if error }} field-error{{ /if }}" name="{{handle}}" placeholder="{{ display }}" value="{{ old }}"  />
                                {{ /if }}
                            {{ elseif type == "radio" }}
                                </div><div>
                                <hr>
                                <h6 class="uppercase">
                                    {{traduction:benevole2}}
                                </h6>
                                    <div class="col-sm-4 col-xs-4">
                                        <p>Er</p>
                                        <div class="radio-option{{ if error }} radio-error{{ /if }}">
                                            <div class="inner"></div>
                                            <input type="radio" name="gender" value="il"  />
                                        </div>
                                    </div>
                              <div class="col-sm-4 col-xs-4">
                                        <p>Sie</p>
                                        <div class="radio-option{{ if error }} radio-error{{ /if }}">
                                            <div class="inner"></div>
                                            <input type="radio" name="gender" value="elle" />
                                        </div>
                                    </div>
                              <div class="col-sm-4 col-xs-4">
                                        <p>Xier</p>
                                        <div class="radio-option{{ if error }} radio-error{{ /if }}">
                                            <div class="inner"></div>
                                            <input type="radio" name="gender" value="iel" />
                                        </div>
                                    </div>
                            {{ elseif type == "textarea" }}
                            </div><div>
                                <hr>
                                <h6 class="uppercase">
                                    {{traduction:benevole6}}
                                </h6>
                                <textarea class="{{ if error }} field-error{{ /if }}" name="{{ handle }}" rows="4" placeholder="{{ display }}">{{ old }}</textarea>
                            {{ /if }}

                            {{ /fields }}
                        </div>
                        <input type="text" class="hidden" name="{{ honeypot ?? 'honeypot' }}">

                        <button type="submit">{{traduction:benevoleinscrire}}</button>
                    {{ /if }}
                {{ /form:create }}
            {{ /form:set }}