<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Détails de l'Offre {{ offre.getId() }}</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div class="container mt-5">
    <h1 class="display-4">Détails de l'Offre</h1>
    <ul class="list-group">
        <li class="list-group-item">ID: {{ offre.getId() }}</li>
        <li class="list-group-item">Offreur: {{ offre.getOffreur().getNom() }}</li>
        <li class="list-group-item">Nom de l'offre: {{ offre.getNom() }}</li>
        <li class="list-group-item">Description: {{ offre.getDescription() }}</li>
        <li class="list-group-item">Type de contrat: {{ offre.getTypeContrat() }}</li>
        <li class="list-group-item">Ville: {{ offre.getVille() }}</li>
        <!-- Ajoutez d'autres propriétés ici en utilisant les classes Bootstrap -->
    </ul>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
