Missing multiple cosigner containers

.html

<template>
	<div>
		<div v-for="c in cosigners" :key="c.id">
			<div :class="{ isClosed : !c.isEditing }" class="on-an" v-if="c.isActive">
				<div class="on-an__title" v-if="c.isEditing">
					<h3>
						<span v-if="c.id === 1">I tuoi documenti</span>
						<span v-if="c.id === 2">I documenti del primo cointestatario</span>
						<span v-if="c.id === 3">I documenti del secondo cointestatario</span>
					</h3>
				</div>
		<form class="on-an__form" v-if="c.isEditing">
			<fieldset class="on-an__form__fields">
				<div class="on-an__form__fields__input tipoDiDocumento">
					<label for="id_document_type">{{ documentType }}</label>
					<v-select :options="document_type" id="id_document_type"
						name="id_document_type" placeholder="Seleziona il tipo di documento"
						data-size="8" :value="document_type_id"
						data-parsley-class-handler=".tipoDiDocumento"
						data-parsley-trigger="change" required autocomplete="nope"
						data-parsley-error-message="Scegli il tipo di documento" @input="setActiveDocType">
					</v-select>
				</div>
				<div class="on-an__form__fields__input numeroDocumento">
					<label for="id_document_number">{{ documentNumber }}</label>
					<input type="text" id="id_document_number" name="id_document_number"
						v-model="documents.id_document_number"
						data-parsley-maxlength="40" data-parsley-trigger="change" required
						data-parsley-pattern="^[a-zA-Z0-9]+$" autocomplete="nope"
						data-parsley-error-message="Inserisci il numero del tuo documento d'identità"
						placeholder="Es: CA00000AA">
				</div>
				<div class="on-an__form__fields__input comuneDiRilascio">
					<label for="id_document_releasing_city">{{ releasingCity }}</label>
					<input id="id_document_releasing_city" name="id_document_releasing_city" class="city_autocomplete" type="text"
						data-parsley-trigger="change" required
						v-model="documents.id_document_releasing_city" autocomplete="nope"
						data-parsley-error-message="Inserisci la città in cui ti è stato rilasciato il tuo documento"
						placeholder="Es: Milano">
				</div>
				<div class="on-an__form__fields__input provinciaDiRilascio">
					<label for="id_document_releasing_district">{{ releasingDistrict }}</label>
					<v-select label="label" :options="districts" id="id_document_releasing_district" name="id_document_releasing_district"
						data-size="8" :value="current_district" placeholder="Provincia di rilascio"
						data-parsley-district_with_city_elem_id="id_document_releasing_city,id_document_releasing_country"
						data-parsley-trigger="change" required data-parsley-class-handler=".provinciaDiRilascio"
						data-parsley-error-message="Inserisci la provincia in cui ti è stato rilasciato il tuo documento"
						title="Es: Milano" @input="setActiveDistrict">
					</v-select>
				</div>
				<div class="on-an__form__fields__input dataDiRilascio">
					<label for="id_document_releasing_date">{{ releasingDate }}</label>
					<div style="display: flex;">
						<v-select label="name" :options="days"
								id="id_document_releasing_day" data-title="Giorno"
								data-parsley-trigger="submit" required placeholder="Giorno"
								data-parsley-valid-date="id_document_releasing_date"
								data-source="id_document_releasing_date"
								v-model="documents.id_document_releasing_day" data-parsley-group="releasing_date"
								data-role="day" data-parsley-class-handler=".dataDiRilascio"
								data-parsley-errors-container="#document-releasing-date-error"
								data-parsley-error-message="Controlla la data di rilascio del tuo documento">
						</v-select>
						<v-select label="label" :options="months"
							id="id_document_releasing_month" data-title="Mese"
							data-parsley-trigger="submit" required placeholder="Mese"
							data-parsley-valid-date="id_document_releasing_date"
							data-source="id_document_releasing_date"
							:value="release_month" data-parsley-group="releasing_date"
							data-role="month" data-parsley-class-handler=".dataDiRilascio"
							data-parsley-errors-container="#document-releasing-date-error"
							data-parsley-error-message="Controlla la data di rilascio del tuo documento" @input="setActiveReleaseMonth">
						</v-select>
						<v-select label="name" :options="years_releasing_doc" id="id_document_releasing_year" data-title="Anno"
							data-parsley-trigger="submit" required placeholder="Anno"
							data-parsley-valid-date="id_document_releasing_date"
							data-source="id_document_releasing_date"
							v-model="documents.id_document_releasing_year" data-parsley-group="releasing_date"
							data-role="year" data-parsley-class-handler=".dataDiRilascio"
							data-parsley-errors-container="#document-releasing-date-error"
							data-parsley-error-message="Controlla la data di rilascio del tuo documento">
						</v-select>
						<div id="document-releasing-date-error" class="parsely-single-error"></div>
						<input type="hidden" name="id_document_releasing_date">
					</div>
				</div>
				<div class="on-an__form__fields__input dataDiScadenza">
					<label for="id_document_expiring_date">{{ expiringDate }}</label>
					<div style="display: flex;">
						<v-select label="name" :options="days" id="id_document_expiring_day" data-title="Giorno"
							data-parsley-trigger="submit" required placeholder="Giorno"
							data-parsley-valid-date="id_document_expiring_date"
							data-source="id_document_expiring_date"
							v-model="documents.id_document_expiring_day" data-parsley-group="expiring_date"
							data-role="day" data-parsley-class-handler=".dataDiScadenza"
							data-parsley-errors-container="#document-expiring-date-error"
							data-parsley-error-message="Controlla la data di rilascio del tuo documento">
						</v-select>
						<v-select label="label" :options="months"  id="id_document_expiring_month" data-title="Mese"
							data-parsley-trigger="submit" required placeholder="Mese"
							data-parsley-valid-date="id_document_expiring_date"
							data-source="id_document_expiring_date"
							:value="expire_month" data-parsley-group="expiring_date"
							data-role="month" data-parsley-class-handler=".dataDiScadenza"
							data-parsley-errors-container="#document-expiring-date-error"
							data-parsley-error-message="Controlla la data di rilascio del tuo documento" @input="setActiveExpireMonth">
						</v-select>
						<v-select :options="years_expiring_doc" id="id_document_expiring_year" data-title="Anno"
							data-parsley-trigger="submit" required placeholder="Anno"
							data-parsley-valid-date="id_document_expiring_date"
							data-source="id_document_expiring_date"
							v-model="documents.id_document_expiring_year" data-parsley-group="expiring_date"
							data-role="year" data-parsley-class-handler=".dataDiScadenza"
							data-parsley-errors-container="#document-expiring-date-error">
						</v-select>
						<div id="document-expiring-date-error" class="parsely-single-error"></div>
					</div>
				</div>
			</fieldset>
			<button @click="back_to_previous_form()" class="btn-link on-an__back-to">{{ previousFormButton }}</button>
			<button @click="nextForm()" class="btn-primary">{{ saveButton }}</button>
		</form>
		<div v-if="!c.isEditing" class="on-an__edit-commands">
			<h4>
				<span v-if="c.id === 1">Tu</span>
				<span v-if="c.id === 2">Il secondo cointestatario</span>
				<span v-if="c.id === 3">Il terzo secondo cointestatario</span>
			</h4>
			<button v-if="c.isComplete" class="btn-link" :class="{ disabled : c.isComplete }" @click="open_form(c.id)">{{ editButton }}</button>
			<button v-if="!c.isComplete" :class="{ disabled : !current_cosigner_is_complete, 'btn_default' : !current_cosigner_is_complete, 'btn-primary-inverted' : current_cosigner_is_complete }" :disabled="!current_cosigner_is_complete" @click="open_form(c.id)">{{ compileButton }}</button>
		</div>
	  </div>
	</div>
  </div>
</template>
<script src='./DocumentsInformations.js'></script>
<style scoped lang="scss" src='./DocumentsInformations.scss'></style>