  <div class="card card-task">
    <div class="card-header pointer collapsed" data-toggle="collapse" th:attr="data-target='#collapseTask'+${i}, id='heading'+${i}, aria-controls='collapseTask'+${i}" aria-expanded="false">
      <h6 class="mb-0">
		<strong th:text="#{admin.procedures.info.task}+' '+${i+1}"></strong>
		<span style="float:right;font-size: 21px;"><i class="fas fa-caret-down"></i></span>
      </h6>
    </div>
    <div th:attr="id='collapseTask'+${i}, aria-labelledby='heading'+${i}" class="collapse" data-parent="#accordion">
      <div class="card-body">
	      <div>
	        <div class="form-group">
		    	<span class="btn btn-danger pointer" style="float:right;font-size: 14px;border-radius:50px;margin-right:10px;" th:onclick="'removeTask(\''+${i}+'\');'"><i class="fas fa-trash"></i></span>
	        	</br>
	        </div>
	      	<div class="form-group row">
				<div class="col-3">
					<label th:text="#{admin.procedures.form.taskp}">ID Tascap</label>
					<input type="text" name="idTascap[]" class="form-control" required>
				</div>
				<div class="col-3">
					<label th:text="#{admin.procedures.form.limitDate}">Fecha límite</label>
					<div class="input-group date datepicker"> 
						<input data-date-format="dd/mm/yyyy" type="text" name="dataLimit[]" class="form-control uv-datePicker" required pattern=".{1,}" autocomplete="off">
						<div class="input-group-prepend uv-date-icon">
							<div class="input-group-addon input-group-text">
								<span class="fa fa-calendar"></span>
							</div>
						</div>
					</div>					
				</div> 
				<div class="col-3">
					<label th:text="#{admin.procedures.form.type}">Tipo</label>
					<select class="form-control pointer" name="tipus[]" required onchange="changeType(this);">
						<option th:selected="${tt.tipus==1}" th:attr="value=${tt.tipus}" th:each="tt : ${tipus}" th:text="${tt.descripcio}">Tipo</option>
					</select>
				</div>
				<div class="col-3">
					<label th:text="#{admin.procedures.form.role}">ID Rol</label>
					<select class="form-control" name="idRol[]" required>
				        <option th:each="role : ${roles}" th:text="${#locale.language} == 'es' ? ${role.descripcioCas}:${role.descripcioVal}" th:attr="value=${role.idRol}"></option>
				    </select>
				</div>
			</div>
			<div class="form-group row">
				<div class="col-3">
					<label th:text="#{admin.procedures.form.next}">ID Siguiente tarea</label>
					<input type="text" name="idTascaSeg[]" class="form-control" required>
				</div>
				<div class="col-3">
					<label th:text="#{admin.procedures.form.next2}">ID Siguiente tarea 2</label>
					<input type="text" name="idTascaSeg2[]" class="form-control">
				</div>
				<div class="col-3">
					<label th:text="#{admin.procedures.form.options}">Opciones</label>
					<input type="text" name="opcions[]" class="form-control">
				</div>
				<div class="col-3">
					<label th:text="#{admin.procedures.form.report}">¿Genera informe?</label>
					<select class="form-control" name="informe[]" required>
			        	<option value="true">Si</option>
			        	<option value="false">No</option>
			    	</select>					  
				</div>
			</div>
			<div class="form-group">
				<label th:text="#{admin.procedures.form.titleCas}">Titulo cas</label>
				<input type="text" name="titolCas[]" class="form-control task">
			</div>
			<div class="form-group">
				<label th:text="#{admin.procedures.form.titleVal}">Titulo val</label>
				<input type="text" name="titolVal[]" class="form-control task">
			</div>
			<div class="form-group">
				<label th:text="#{admin.procedures.form.descriptionCas}">Descripción cas</label>
				<textarea name="descripcioCas[]" class="form-control task"></textarea>
			</div>
			<div class="form-group">
				<label th:text="#{admin.procedures.form.descriptionVal}">Descripción val</label>
				<textarea name="descripcioVal[]" class="form-control task"></textarea>
			</div>
			<div id="evidence1Fields">
				<div class="form-group row">
					<div class="col-3">
						<label th:text="#{admin.procedures.form.evCode}">Código evidencia</label>
						<input type="text" name="codiEvidencia[]" class="form-control task">
					</div>
				</div>
				<div class="form-group row">
					<div class="col-6">
						<label th:text="#{admin.procedures.form.nameEvCas}">Nombre evidencia cas</label>
						<input type="text" name="nomEvidenciaCas[]" class="form-control task">
					</div>
					<div class="col-6">
						<label th:text="#{admin.procedures.form.nameEvVal}">Nombre evidencia val</label>
						<input type="text" name="nomEvidenciaVal[]" class="form-control task">
					</div>
				</div>
			</div>
			<div class="hiddenFields" id="evidence11Fields" th:style="'display:none;'">
				<div class="form-group row">
					<div class="col-8">
						<label>Plantilla</label>
						<select class="selectpicker" name="idPlantilla[]" data-live-search="true" data-width="100%" data-actions-box="true" th:attr="data-none-selected-text=#{global.selectors.noData}">
					        <option th:each="template : ${templates}" th:text="${#locale.language} == 'es' ? ${template.codi}+' {v'+${template.versio}+'} ['+${template.ambit}+'] '+${template.nomCas}:${template.codi}+' {v'+${template.versio}+'} ['+${template.ambit}+'] '+${template.nomVal}" th:attr="value=${template.idPlantilla}"></option>
					    </select>
					</div>
				</div>
			</div>
			<hr>
		</div>
      </div>
    </div>
  </div>