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

{% block body %}
    <div class="container mt-4">
        {% include('/categories/home-categories.html.twig') %}

        {% for ad in ads %}
            <h1>{{ 'ad.latestCarAds'|trans }}</h1>
            <div class="card mb-3 p-3">
                <h3>{{ ad.title }}</h3>
                <p>{{ ad.description }}</p>
                <strong>${{ ad.price }}</strong>
                <p class="text-muted">{{ 'ad.postedOn'|trans }}{{ ad.createdAt|date('Y-m-d H:i') }}</p>
            </div>
        {% else %}
            <p>{{ 'ad.noAdsYet'|trans }}<a href="{{ path('app_ad_new') }}">{{ 'ad.beFirstToPostOne'|trans }}</a></p>
        {% endfor %}

        {% if app.user %}
            <a href="{{ path('app_ad_new') }}" class="btn btn-primary mt-3">{{ 'ad.postNewAd'|trans }}</a>
        {% else %}
            <p class="mt-3"><a href="{{ path('app_login') }}">{{ 'ad.logIn'|trans }}</a> {{ 'ad.toPostAnAd'|trans }}</p>
        {% endif %}
    </div>
{% endblock %}