{% extends 'base.html.twig' %}
{% block stylesheets %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css"
integrity="sha256-46r060N2LrChLLb5zowXQ72/iKKNiw/lAmygmHExk/o=" crossorigin="anonymous"/>
<link rel="stylesheet" href="{{ asset('assets/css/forum.css') }}"/>
{% endblock %}
{% block body %}
<main class="main pages">
<div class="page-header breadcrumb-wrap">
<div class="container">
<div class="breadcrumb">
<a href="{{ path('app_accueil') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
<span></span> Forum
</div>
</div>
</div>
<div class="page-content pt-50">
<div class="container">
<div class="row">
<div class="col-xl-2 col-lg-12 m-auto">
<a href="{{ path('app_accueil_forum_new_question')}}"> poser une question</a>
</div>
<div class="col-xl-10 col-lg-12 m-auto">
{% for question in questions %}
<div class="card mb-2">
<div class="card-body p-2 p-sm-3">
<div class="media forum-item">
<a href="{{ path('app_accueil_forum_question',{'id':question.id}) }}" data-toggle="collapse" data-target=".forum-content">
<span class="Avatar mr-3" style="--avatar-bg:#e5a0cb;">{{ question.user.prenoms|slice(0,1)|upper }}</span>
<div class="media-body">
<h6><a href="{{ path('app_accueil_forum_question',{'id':question.id}) }}" data-toggle="collapse" data-target=".forum-content" class="text-body">{{ question.title }}</a></h6>
<p class="text-secondary">
{{ question.description |slice(0, 50) }} ...
</p>
<p class="text-muted"><a href="javascript:void(0)"> {{ question.user.prenoms ~ ' ' ~ question.user.nom }} </a> <span class="text-secondary font-weight-bold">13 minutes ago</span></p>
</div>
<div class="text-muted small text-center align-self-center">
<span class="d-none d-sm-inline-block"><i class="far fa-eye"></i> 0</span>
<span><i class="far fa-comment ml-2"></i> {{ question.answers | length}}</span>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</main>
{% endblock %}