<!-- Perso Modal -->
            <div class="modal fade" id="persoModal${index}" tabindex="-1" role="dialog" aria-labelledby="persoModalLabel${index}" aria-hidden="true">
                <div class="modal-dialog" role="document" id="persoModal">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="persoModalLabel${index}">Tags</h5>
                            <button id="closePersoModal1" type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body persoModalBody">
                            <div class="row">
                                <div class="input-group mb-4">
                                    <input id="searchTag${index}" type="text" class="form-control" placeholder="<g:message code="roleToPerso.tagsModalSearch"/>" value="" name="searchField">
                                    <div class="input-group-append">
                                        <button type="submit" class="btn btn-secondary" name="searchButton" onclick="sortTags(${index})"><g:message code="roleToPerso.tagsModalSearchBtn"/></button>
                                    </div>
                                </div>
                            </div>
                            <div id="tags${index}" class="row">
                                <g:each var="role" in="${perso.personageHasRole}">
                                    <g:each var="tag" in="${role.role.roleHasTags}">
                                        <g:if test="${tag.tag.weight >= 67}">
                                            <h3><span id="${tag.tag.name}" class="badge badge-success" > ${tag.tag.name} - ${tag.tag.weight}</span></h3>
                                        </g:if>
                                        <g:elseif test="${tag.tag.weight >= 33}">
                                            <h3><span id="${tag.tag.name}" class="badge badge-warning" > ${tag.tag.name} - ${tag.tag.weight}</span></h3>
                                        </g:elseif>
                                        <g:else>
                                            <h3><span id="${tag.tag.name}" class="badge badge-danger" > ${tag.tag.name} - ${tag.tag.weight}</span></h3>
                                        </g:else>
                                        &nbsp;&nbsp;
                                    </g:each>
                                </g:each>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button id="closePersoModal2" type="button" class="btn delete" data-dismiss="modal"><g:message code="roleToPerso.close"/></button>
                        </div>
                    </div>
                </div>
            </div>