<div class="" style="background-color: #11a6ba !important; width: 100% !important; max-width: 100% !important;">
<section class="hero_in general" style="background-color: #11a6ba !important;">
<div class="wrapper" style="background-color: #11a6ba !important;">
<div class="container">
<h3 class="text-start text-white" style="padding-left: 10px;">AYILA’A,</h3>
<h4 class="text-start text-white mb-2 font-sm-17" style="padding-left: 10px;">{{'home.ayilaaDenicheur'|trans([],'home_page') }}</h4>
<form id="searchFormInput" class="container" autocomplete="off">
<div class="row g-0 custom-search-input-2">
<div class="col-lg-3">
<div class="form-group" style="border: 2px solid #20909F; position: relative;">
<input class="form-control" type="text" name="name" value="{{ name is defined ? name : '' }}" placeholder="Nom du coin Ou type de coins" >
<i class="ti-search"></i>
<!-- Bloc d'autocomplétion pour le nom -->
<ul class="autocomplete-results w-100" style="display: none; color: black;"></ul>
</div>
</div>
<div class="col-lg-3" >
<div class="form-group" style="border: 2px solid #20909F;">
<input class="form-control" type="text" name="city" value="{{ city is defined ? city : '' }}" name="dates" placeholder="Ville Ou Région">
<i class="icon_pin_alt"></i>
<ul class="autocomplete-results w-100" style="display: none; color: black;"></ul>
</div>
</div>
<div class="col-lg-3">
<div class="form-group" style="border: 2px solid #20909F;">
<input class="form-control" type="text" name="address" value="{{ address is defined ? address : '' }}" placeholder="Quartier Ou Adresse" >
<i class="ti-location-arrow"></i>
<ul class="autocomplete-results w-100" style="display: none; color: black;"></ul>
</div>
</div>
<div class="col-lg-3" style="background-color: #11a6ba !important;">
<div class="form-group search-bouton" style="">
<input type="submit" class="btn_search search-bouton-input" value="{{'home.searchAyilaa'|trans([],'home_page') }}">
</div>
</div>
</div>
<!-- /row -->
</form>
</div>
</div>
</section>
</div>