{% trans_default_domain 'home' %}

{% block body %}
  <div {{ attributes.defaults(stimulus_controller('gmap')) }}>
    <div
      id="map"
      data-key="{{ app.request.server.get('GMAP_APY_KEY') }}"
      data-gmap-target="map"
    >
    </div>

    <button
      id="open_modal_marker_safePlace"
      class="hidden"
      data-modal-target="modal_marker_safePlace"
      data-modal-toggle="modal_marker_safePlace"
      data-action="live#update"
      type="button">
    </button>

    <button
      id="open_modal_marker_signalement"
      class="hidden"
      data-modal-target="modal_marker_signalement"
      data-modal-toggle="modal_marker_signalement"
      data-action="live#update"
      type="button">
    </button>

    <button
      id="open_modal_marker_sos_urgent"
      class="hidden"
      data-modal-target="modal_marker_sos_urgent"
      data-modal-toggle="modal_marker_sos_urgent"
      data-action="live#update"
      type="button">
    </button>

    <button
      id="sync_data_map"
      type="button"
      data-action="live#action live#update"
      data-live-action-param="syncDataMap"
      class="hidden">
    </button>

    {{ include('Components/Modal/modal_marker_signalement.html.twig') }}
    {{ include('Components/Modal/modal_marker_safePlace.html.twig') }}
    {{ include('Components/Modal/modal_marker_sos_urgent.html.twig') }}
    {{ include('Components/Modal/modal_filters.html.twig') }}
    {{ include('Components/Modal/modal_notification.html.twig') }}
  </div>
{% endblock %}