{% extends 'base.html.twig' %}
{% block title %}Hello HomeController!{% endblock %}
{% block body %}
<style>
body {
font-family: 'Segoe UI', sans-serif;
}
.hero {
/* background: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c') center/cover no-repeat; */
/* background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c) center / cover no-repeat;
min-height: 90vh;
display: flex;
align-items: center;
color: white;
text-shadow: 1px 1px 4px rgba(0,0,0,0.6); */
min-height: 80vh;
display: flex;
align-items: center;
}
.service-card {
transition: all 0.3s ease;
}
.service-card:hover {
transform: translateY(-8px);
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.cta-section {
background: #0170ba;
color: white;
padding: 60px 0;
text-align: center;
}
</style>
</section>
<!-- Services -->
<section id="services" class="py-5">
<div class="container py-5">
<div class="text-center mb-5">
<h2 class="fw-bold">Choisir votre besoin</h2>
<p class="text-muted">Des diagnostics complets pour vos biens immobiliers</p>
</div>
<div class="row g-4">
<h2>Prestataires pour le diagnostique : {{ service.nom }}</h2>
{% if users is not empty %}
{% for user in users %}
<div class="col-md-12">
<div class="card service-card h-100 text-center p-4">
{# <div class="mb-3">
<img src="{{asset('img/pro.png')}}" width="100" alt="Amiante">
</div> #}
<h3>{{ user.nom }}</h3>
<p>{{ user.email }} - {{ user.phone }}</p>
{% for item in user.services %}
{# Access properties of each item here #}
<p>Le prix pour le diagnostique {{ service.nom }} est : <b> {{ attribute(item, prix) }} € </b></p>
{# <p> il fait aussi {{ item.nom }} : pour petit à <b>{{ item.prix1 }}</b> pour moyen à <b>{{ item.prix2 }}</b> et pour grand à <b>{{ item.prix3}}</b></p> #}
{% endfor %}
<a class="btn btn-primary">Faire la demande</a>
{# <a href="{{ path('devis_step3', {id: service.id, prix: 'prix1'}) }}" class="btn btn-primary">prix1</a> #}
{# <p class="text-muted">Vérifiez la présence d’amiante pour sécuriser vos transactions immobilières.</p> #}
</div>
</div>
{% endfor %}
</ul>
{% else %}
<p>Aucun utilisateur ne propose ce service pour le moment.</p>
{% endif %}
</div>
</div>
</section>
{% endblock %}