<form enctype='multipart/form-data' method="POST" action="/admin/userrole/new" style="margin-top:25px;">

	<input type="hidden" id="newRoleCentre" name="centre" value="">
	<input type="hidden" id="newRoleTitulacio" name="titulacions" value="">
	
	<div class="row">
		<div class="col">
			<strong>Añadir nuevo responsable para el centro y titulación(es) seleccionado(s)</strong>
			<br>
		</div>
	</div>
	
	<div class="row">
		<div class="col">
			<label>Usuario</label>
			<select class="selectpicker" id="userSelector" name="usuari" data-dropup-auto="false" data-live-search="true" data-width="100%" data-actions-box="true" th:attr="data-none-selected-text=#{global.selectors.noData}" required>
		        <option th:each="item : ${users}" th:text="${item.nom}+' '+${item.cognoms}+' ('+${item.email}+')'" th:attr="value=${item.usuari}"></option>
		    </select>
		</div>
		<div class="col">
			<label>Rol</label>
			<select class="selectpicker" id="roleSelector" name="idRol" data-dropup-auto="false" data-live-search="true" data-width="100%" data-actions-box="true" th:attr="data-none-selected-text=#{global.selectors.noData}" required>
		        <option th:each="item : ${roles}" th:text="${#locale.language} == 'es' ? ${item.descripcioCas}:${item.descripcioVal}" th:attr="value=${item.idRol}"></option>
		    </select>
		</div>
	</div>
	<div class="row" style="margin-top:20px;margin-bottom:25px;">
		<div class="col" >
			<button class="btn btn-success" type="submit">Confirmar</button>
		</div>
	</div>
</form>