{% extends 'base.html.twig' %}

{% block title %}Bienvenue sur Hegreshpere{% endblock %}

{% block body %}
    <script src="{{ asset('js/map.js') }}"></script>
    <style>
        #map {
            height: 500px; /* Ajuste la taille selon tes besoins */
            margin-bottom: 20px;
        }
    </style>

    <h1> Liste des annonces</h1>

    <div id="map"></div> <!-- Conteneur pour la carte -->

    {% for ann in announcements %}
        <h2> {{ ann.title }} </h2>
        <h3> {{ ann.company.name }} </h3>
        <p> {{ ann.description }} </p>
        ------------------------------

        <p> {{ ann.creationDate|date("d-m-y") }} </p>
    {% endfor %}
{% endblock %}