<div class="offcanvas offcanvas-bottom h-auto font-urbanist" data-bs-backdrop="static" tabindex="-1" id="newInvitation" aria-labelledby="newcanvasTop">
<div class="p-1 pt-3">
<div class="container d-flex align-items-center mb-4 pe-3">
<div class="flex-grow-1 fs-20 text-darkblue fw-700 mb-0">
Ajouter un invité
</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 mt-3 font-urbanist">
<div class="col-xs-12 mb-3">
<label for="invitation_lastName" class="form-label text-darkblue fw-700 fs-18 mb-0">Nom <sup class="text-danger">*</span></label>
<input type="text" class="form-control border-darkblue border-1" id="invitation_lastName" name="invitation[lastName]" placeholder="Entrez le nom de famille" required>
</div>
<div class="col-xs-12 mb-3">
<label for="invitation_firstName" class="form-label text-darkblue fw-700 fs-18 mb-0">Prénom <sup class="text-danger">*</span></label>
<input type="text" class="form-control border-darkblue border-1" id="invitation_firstName" name="invitation[firstName]" placeholder="Entrez le prénom" required>
</div>
<div class="col-xs-12 mb-3">
<label for="invitation_company" class="form-label text-darkblue fw-700 fs-18 mb-0">Entreprise <sup class="text-danger">*</span></label>
<input type="text" class="form-control border-darkblue border-1" id="invitation_company" name="invitation[company]" placeholder="Entrez l'entreprise" required>
</div>
<div class="col-xs-12 mb-3">
<label for="invitation_job" class="form-label text-darkblue fw-700 fs-18 mb-0">Poste</label>
<input type="text" class="form-control border-darkblue border-1" id="invitation_job" name="invitation[job]" placeholder="Entrez l'intitulé du poste">
</div>
<div class="col-xs-12 mb-3">
<label for="invitation_comment" class="form-label text-darkblue fw-700 fs-18 mb-0">Commentaire</label>
<textarea class="form-control mb-2 border-darkblue border-1" placeholder="Un petit commentaire" id="invitation_comment" name="invitation[comment]" rows="2"></textarea>
</div>
<a class="btn btn-primary d-block bg-darkblue py-2 fs-18 fw-700 rounded-0 mb-4 addInvitation" data-bs-dismiss="offcanvas">Ajouter l'invité</a>
</div>
</div>
</div>