{% apply spaceless %}
<div class="card mb-3 mt-sm-1 no_shadow">
<div class="card-body bkg_gris_clair">
<div class="row">
{{ form_start(form, {"attr": {"id": ""}} ) }}
<div class="form-inline form-row mt-3">
<div class="form-group col-12 col-md-10 offset-md-1 col-lg-12 col-xl-10 offset-xl-1">
<label for="idInputMotsCles" class="col-12 col-sm-4 col-md-3 alaune">
{{ translate("secteur d'activite",lang,"","M") | raw }}
</label>
<input v-model="mots_cles" type="text" name="mots_cles" value=""
class="form-control col-12 col-sm-8 col-md-8"
placeholder="{{ translate("ex : transport, emballage, alimentaire, ...",lang,"","M") | raw }}"
data-bvalidator=""
data-bvalidator-msg="{{ translate("veuillez renseigner le secteur d'activite !",lang,"","M") | raw }}"
autocomplete="off"
@change="onChangeSecteurFormulaire2($event)" >
<br>
<div class="col-12 col-sm-8 offset-sm-4 col-md-8 offset-md-3 text-center mb-2">
<small>
<em>
{{ translate("ayant des références dans $$le secteur$${p|les secteurs} ci-dessus",lang,"") | raw }}
</em>
</small>
</div>
</div>
<div class="form-group col-12 col-md-10 offset-md-1 col-lg-12 col-xl-10 offset-xl-1 mb-2">
<label for="" class="col-12 col-sm-4 col-md-3 alaune">
{{ translate("pays",lang,"","M") | raw }}
</label>
<select v-model="selected_id_pays_formulaire_2" name="id_pays" id="" class="form-control col-12 col-sm-8 col-md-8" @change="onChangeIdPaysFormulaire2($event)">
<option v-for="(pays,index) in list_pays_formulaire_2"
:value="pays.id_localisation">
${ pays.nom_pays}
</option>
</select>
</div>
<Transition name="slide-fade">
<div class="form-group col-12 col-md-10 offset-md-1 col-lg-12 col-xl-10 offset-xl-1 mb-2" v-if="seen_list_regions_formulaire_2">
<label for="" class="col-12 col-sm-4 col-md-3 alaune">
{{ translate("region",lang,"","M") | raw }}
</label>
<select v-model="selected_id_region_formulaire_2" name="id_region" class="form-control col-12 col-sm-8 col-md-8" @change="onChangeIdRegionFormulaire2($event)" >
<option value="0" id="">{{ translate("toutes" ,lang,"","M") | raw }}</option>
<option value="" disabled="">- - - - - - -
<option v-for="(region,index) in list_regions_formulaire_2"
:value="region.id_localisation">
${ region.nom_localisation}
</option>
</select>
</div>
</Transition>
<div class="form-group col-12 col-md-10 offset-md-1 col-lg-12 col-xl-10 offset-xl-1 mb-2">
<label for="idSelectTypeSociete" class="col-12 col-sm-4 col-md-3 alaune">
{{ translate("type d'expert",lang,"","M") | raw }}
</label>
<select name="type_societe" class="form-control col-12 col-sm-3 col-md-3 col-lg-3"
v-model="selected_type_societe"
@change="onChangeTypeSocieteFormulaire2($event)">
<option value="cabinet">{{ translate("cabinet" ,lang,"","M") | raw }}</option>
<option value="avocat">{{ translate("avocat" ,lang,"","M") | raw }}</option>
<option value="auditeur">{{ translate("auditeur" ,lang,"","M") | raw }}</option>
</select>
<label for="idSelectTypeOperation" class="col-12 col-sm-1 col-md-1">{{ translate("pour",lang,"") | raw }}</label>
<select name="type_operation" id="" class="form-control col-12 col-sm-4 col-md-4" v-model="selected_type_operation" @change="onChangeTypeOperationFormulaire2($event)">
<option value="vente">
{{ translate("vendre une entreprise",lang,"") | raw }}
</option>
<option value="achat">
{{ translate("acheter une entreprise",lang,"") | raw }}
</option>
<option value="levee_fonds">
{{ translate("lever $$un fond$${p|des fonds}",lang,"") | raw }}
</option>
</select>
</div>
</div>
<div class="col-12 text-center mt-2 mb-2">
<div id="blocResultatsExperts">
<Transition name="slide-fade">
<h3 class="orange" v-if="nb_experts > 0" v-cloak>
<div id="spanNbExperts" class="orange" style="display: inline-block;"> ${ nb_experts }</div>
<span id="complementSpanNbExperts" class="orange" style="display: inline;" v-if="nb_experts > 1">
{{ translate("$$expert$${p|experts} pour vous accompagner",lang,"","","p") | raw }}
</span>
<span id="complementSpanNbExperts" class="orange" style="display: inline;" v-if="nb_experts ==1 ">
{{ translate("$$expert$${p|experts} pour vous accompagner",lang,"","","") | raw }}
</span>
</h3>
</Transition>
<Transition name="slide-fade">
<h3 class="orange" v-if="nb_experts === 0 " v-cloak>
<div id="spanNbExperts" class="orange" style="display: inline-block;"></div>
<span id="complementSpanNbExperts" class="orange" style="display: inline;">
{{ translate("aucun expert ne correspond a votre recherche",lang,"","M") | raw }}
</span>
</br>
<div id="idDivExpertsAutreRegion" class="orange" style="display: inline-block;">
<small>
{{ translate("ciblez d'autres regions",lang,"","M") | raw }}
</small>
</div>
</h3>
</Transition>
<button v-if="nb_experts > 0" button type="submit" class="button-rond" id="btnRecherche" v-cloak>
{{ translate("voir la liste",lang,"","M") | raw }}
</button>
<button v-else type="button" class="button-rond" id="btnRecherche" @click="logClicked" v-cloak>
{{ translate("voir les experts",lang,"","M") | raw }}
</button>
</div>
</div>
{{ form_end(form, {'render_rest': false}) }}
</div>
</div>
</div>
{% endapply %}