<div class="offcanvas offcanvas-bottom h-auto font-urbanist" tabindex="-1" id="filtercanvas" aria-labelledby="filtercanvasLabel">
<div class="p-1 pt-3">
<div class="d-flex align-items-center mb-4 pe-3">
<div class="flex-grow-1 ms-3 text-darkblue fs-20 fw-700">
Filtrer la liste
</div>
<div class="flex-shrink-0">
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="container mb-2 text-darkblue fw-700 fs-20">
<div class="form-check mb-2">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault0" filter="0">
<label class="form-check-label" for="flexRadioDefault0">
Tout afficher
</label>
</div>
<div class="form-check mb-2">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" filter="1">
<label class="form-check-label" for="flexRadioDefault1">
Afficher les "validés" uniquement
</label>
</div>
<div class="form-check mb-2">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" filter="2">
<label class="form-check-label" for="flexRadioDefault2">
Afficher les "attendus" uniquement
</label>
</div>
<div class="form-check mb-5">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault3" filter="3">
<label class="form-check-label" for="flexRadioDefault3">
Afficher les "annulés" uniquement
</label>
</div>
</div>
</div>
</div>