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

{% block title %}  Détail Annonce  {% endblock %}

{% block content %}

    <div class="breadcrumb">
        <div class="breadcrumb-inner">
            <ul class="list-inline list-unstyled">
                <li><a href="{{ path('frontend_home_index') }}">Accueil</a></li>
                <li><a href="{{ path('frontend_annonce_index') }}">Annonce</a></li>
                <li class="active">Détail Annonce</li>
            </ul>
        </div>
        <!-- /.breadcrumb-inner -->
    </div>

    <div class="body-content">
        <div class="row">
            <div class="blog-page">
                
                <div class="blog-post wow fadeInUp">
                    <img class="img-responsive" src="{{ asset('uploads/images/annonces/' ~ annonce.getImageDetail1()) }}" alt="{{ annonce.getTitre() }}">
                    <h1>{{ annonce.getTitre() }}</h1>
                    <span><i class="fa-solid fa-building"></i> {{ annonce.getSociete().getNom()  }}</span>
                    <span class="date-time">{{ annonce.getDateUpdate()|date("d/m/Y H:i:s")  }}</span>
                    <span><i class="fa-solid fa-list"></i> {{ annonce.getCategorie().getNom()  }}</span>
                    <p>{{ annonce.getDescription()|raw }}</p>
                </div>
                
            </div>
        </div>
    </div> 
    <!-- /.info-boxes --> 
    <!-- ============================================== INFO BOXES : END ============================================== -->
{% endblock %}