{% extends 'base.html.twig' %}
{% set navbar_is_transparent = false %}
{% block title %}Mes annonces{% endblock %}

{% block body %}
    <section class="container-lg px-4 py-5 pt-lg-5 mt-5" id="account-ads">
        <header class="d-flex justify-content-between align-items-center mb-4">
            <h1 class="h3 mb-0">Mes annonces</h1>
            <a class="btn btn-success" href="{{ path('account_ad_new') }}">
                <i class="bi bi-plus-lg me-1"></i> Déposer une annonce
            </a>
        </header>

        {% if ads is empty %}
            <div class="alert alert-light border">Vous n’avez pas encore d’annonces.</div>
        {% else %}
            <div class="row">
                {% for ad in ads %}
                    <div class="col-md-6 col-lg-4 mb-4">
                        <article class="card h-100 shadow-sm">
                            <div class="card-body d-flex flex-column">
                                <h2 class="h5 mb-1">{{ ad.title }}</h2>

                                <div class="small text-muted mb-2 d-flex align-items-center gap-2">
                                    {% if ad.status %}
                                        <span class="badge
                    {% if ad.status.value == 'APPROVED' %}text-bg-success
                    {% elseif ad.status.value == 'PENDING' %}text-bg-warning
                    {% elseif ad.status.value == 'REJECTED' %}text-bg-danger
                    {% elseif ad.status.value == 'ARCHIVED' %}text-bg-secondary
                    {% else %}text-bg-light
                    {% endif %}
                  ">{{ ad.status.value }}</span>
                                    {% endif %}
                                    {% if ad.updatedAt %}
                                        <span><i class="bi bi-clock me-1"></i>{{ ad.updatedAt|date('d/m/Y H:i') }}</span>
                                    {% endif %}
                                </div>

                                <p class="mb-3">
                                    {{ ad.description|default('')|striptags|slice(0,120) ~ (ad.description is defined and ad.description|length > 120 ? '…' : '') }}
                                </p>

                                <div class="mt-auto d-flex gap-2">
                                    <a class="btn btn-outline-primary btn-sm" href="{{ path('app_classified_show', { id: ad.id }) }}">
                                        Voir public
                                    </a>
                                    <a class="btn btn-primary btn-sm" href="{{ path('account_ad_edit', { id: ad.id }) }}">
                                        Modifier
                                    </a>

                                    <form method="post" action="{{ path('account_ad_archive', { id: ad.id }) }}" onsubmit="return confirm('Archiver cette annonce ?');" class="d-inline-block ms-auto">
                                        <input type="hidden" name="_token" value="{{ csrf_token('ad_archive_' ~ ad.id) }}">
                                        <button class="btn btn-outline-secondary btn-sm" type="submit">Archiver</button>
                                    </form>

                                    <form method="post" action="{{ path('account_ad_delete', { id: ad.id }) }}" onsubmit="return confirm('Supprimer définitivement ?');" class="d-inline-block">
                                        <input type="hidden" name="_token" value="{{ csrf_token('ad_delete_' ~ ad.id) }}">
                                        <button class="btn btn-outline-danger btn-sm" type="submit">Supprimer</button>
                                    </form>
                                </div>
                            </div>
                        </article>
                    </div>
                {% endfor %}
            </div>
        {% endif %}
    </section>
{% endblock %}