{{ form_start(form) }}
<div class="form-group">
    <label for="">Image: (Dimension recommandée (<b>410x282</b>) ou ayant le même ratio</label><br>
    {{ form_widget(form.image) }}
    <div class="mt-2">
        {{ form_row(form.libelle) }}
    </div>
</div>
<div class="form-group">
    <div class="row">
        <div class="col-md-6">
            {{ form_row(form.contact) }}
        </div>
        <div class="col-md-6">
            {{ form_row(form.email) }}
        </div>
    </div>
</div>

<!-- Ajout de la recherche et de la carte -->
<div class="form-group">
    <label>Position de la station :</label>
    <div class="search-container position-relative">
        <input type="text" id="searchInput" class="form-control" placeholder="Rechercher une adresse...">
        <div id="searchResults"></div>
    </div>
    <div id="map"></div>
</div>

<div class="form-group">
    <div class="row">
        <div class="col-md-6">
            {{ form_row(form.latitude) }}
        </div>
        <div class="col-md-6">
            {{ form_row(form.longitude) }}
        </div>
    </div>
</div>
{{ form_widget(form) }}
<span class="text-danger">Remarque : Si l'image n'appartient pas au ratio, elle sera redimensionnée automatiquement en (<b>410x282</b>).</span>

<div class="d-grid gap-2 d-md-flex justify-content-md-between mt-4">
    <a href="{{ path('back.station.index') }}" class="btn btn-secondary">
        <i class="fas fa-arrow-left me-2"></i>Retour
    </a>
    <button type="submit" class="btn btn-primary">
        <i class="fas fa-save me-2"></i>{{ button_label|default('Enregistrer') }}
    </button>
</div>
{{ form_end(form) }}