Section Form Step 6 1

No notes defined.

<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
    <div class="sds-sectionForm__itemHeading">
        <div class="h3">Representative management</div>
    </div>
    <div class="sds-sectionForm__itemBody">
        <div class="sds-stackXl">
            <p>Veuillez répondre aux questions</p>
            <div class="h4">Representative(s)</div>
            <div class="sds-exceptionStackLg sds-stackMd">
                <div class="sds-repetitiveFormFields">
                    <div class="sds-outOfBounds">
                        <div class="sds-hoverContentSecondary sds-repetitiveFormFields__header">
                            <button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall sds-repetitiveFormFields__collapseToggle -collapseTrigger stretched-link" data-toggle="collapse" data-target="#repetitiveForms-1" aria-expanded="false">

                                <span class="sds-icon sds-icon-plus"></span>

                                <div class="sr-only">Show input elements</div>

                            </button>
                            <div class="h5">Representative 1</div>
                            <div class="sds-repetitiveFormFields__delete sds-aboveClickArea">
                                <button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall" data-toggle="modal" data-target="#repetitiveFormsDeletionConfirmationModal">

                                    <span class="sds-icon sds-icon-trash"></span>

                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="collapse" id="repetitiveForms-1">
                        <div class="sds-repetitiveFormFields__collapseInner">
                            <div class="row row-sm">
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsName1" class="sds-label -form">
                                            Nom

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsName1" class="sds-input form-control" type="text" placeholder="Insérez nom" value="">

                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsSurname1" class="sds-label -form">
                                            Prénom

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsSurname1" class="sds-input form-control" type="text" placeholder="Insérez prénom" value="">

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row row-sm">
                                <div class="col-12 col-lg-6">
                                    <label for="repetitiveFormFieldsDate1" class="sds-label -form">
                                        Date de naissance

                                    </label>
                                    <div class="sds-input -hasIcon -calendar">
                                        <input class="sds-input form-control" type="text" placeholder="Choisir date" value="">

                                        <div class="sds-input__iconRight">
                                            <span class="sds-icon sds-icon-calendar"></span>
                                        </div>

                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsNationality1" class="sds-label -form">
                                            Nationalité

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsNationality1" class="sds-input form-control" type="text" placeholder="Insérez nationalité" value="">

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row row-sm sds-repetitiveFormFields__lastRow">
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsOccupation1" class="sds-label -form">
                                            Occupation

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsOccupation1" class="sds-input form-control" type="text" placeholder="Insérez occupation" value="">

                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsCompany1" class="sds-label -form">
                                            Employeur

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsCompany1" class="sds-input form-control" type="text" placeholder="Insérez nom société" value="">

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sds-repetitiveFormFields">
                    <div class="sds-outOfBounds">
                        <div class="sds-hoverContentSecondary sds-repetitiveFormFields__header">
                            <button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall sds-repetitiveFormFields__collapseToggle -collapseTrigger stretched-link" data-toggle="collapse" data-target="#repetitiveForms-2" aria-expanded="false">

                                <span class="sds-icon sds-icon-plus"></span>

                                <div class="sr-only">Show input elements</div>

                            </button>
                            <div class="h5">Representative 2</div>
                            <div class="sds-repetitiveFormFields__delete sds-aboveClickArea">
                                <button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall" data-toggle="modal" data-target="#repetitiveFormsDeletionConfirmationModal">

                                    <span class="sds-icon sds-icon-trash"></span>

                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="collapse" id="repetitiveForms-2">
                        <div class="sds-repetitiveFormFields__collapseInner">
                            <div class="row row-sm">
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsName2" class="sds-label -form">
                                            Nom

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsName2" class="sds-input form-control" type="text" placeholder="Insérez nom" value="">

                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsSurname2" class="sds-label -form">
                                            Prénom

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsSurname2" class="sds-input form-control" type="text" placeholder="Insérez prénom" value="">

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row row-sm">
                                <div class="col-12 col-lg-6">
                                    <label for="repetitiveFormFieldsDate2" class="sds-label -form">
                                        Date de naissance

                                    </label>
                                    <div class="sds-input -hasIcon -calendar">
                                        <input class="sds-input form-control" type="text" placeholder="Choisir date" value="">

                                        <div class="sds-input__iconRight">
                                            <span class="sds-icon sds-icon-calendar"></span>
                                        </div>

                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsNationality2" class="sds-label -form">
                                            Nationalité

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsNationality2" class="sds-input form-control" type="text" placeholder="Insérez nationalité" value="">

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row row-sm sds-repetitiveFormFields__lastRow">
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsOccupation2" class="sds-label -form">
                                            Occupation

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsOccupation2" class="sds-input form-control" type="text" placeholder="Insérez occupation" value="">

                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsCompany2" class="sds-label -form">
                                            Employeur

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsCompany2" class="sds-input form-control" type="text" placeholder="Insérez nom société" value="">

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sds-repetitiveFormFields">
                    <div class="sds-outOfBounds">
                        <div class="sds-hoverContentSecondary sds-repetitiveFormFields__header">
                            <button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall sds-repetitiveFormFields__collapseToggle -collapseTrigger stretched-link" data-toggle="collapse" data-target="#repetitiveForms-3" aria-expanded="true">

                                <span class="sds-icon sds-icon-plus"></span>

                                <div class="sr-only">Show input elements</div>

                            </button>
                            <div class="h5">Representative 3</div>
                            <div class="sds-repetitiveFormFields__delete sds-aboveClickArea">
                                <button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall" data-toggle="modal" data-target="#repetitiveFormsDeletionConfirmationModal">

                                    <span class="sds-icon sds-icon-trash"></span>

                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="collapse show" id="repetitiveForms-3">
                        <div class="sds-repetitiveFormFields__collapseInner">
                            <div class="row row-sm">
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsName3" class="sds-label -form">
                                            Nom

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsName3" class="sds-input form-control" type="text" placeholder="Insérez nom" value="">

                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsSurname3" class="sds-label -form">
                                            Prénom

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsSurname3" class="sds-input form-control" type="text" placeholder="Insérez prénom" value="">

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row row-sm">
                                <div class="col-12 col-lg-6">
                                    <label for="repetitiveFormFieldsDate3" class="sds-label -form">
                                        Date de naissance

                                    </label>
                                    <div class="sds-input -hasIcon -calendar">
                                        <input class="sds-input form-control" type="text" placeholder="Choisir date" value="">

                                        <div class="sds-input__iconRight">
                                            <span class="sds-icon sds-icon-calendar"></span>
                                        </div>

                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsNationality3" class="sds-label -form">
                                            Nationalité

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsNationality3" class="sds-input form-control" type="text" placeholder="Insérez nationalité" value="">

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row row-sm sds-repetitiveFormFields__lastRow">
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsOccupation3" class="sds-label -form">
                                            Occupation

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsOccupation3" class="sds-input form-control" type="text" placeholder="Insérez occupation" value="">

                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group">
                                        <label for="repetitiveFormFieldsCompany3" class="sds-label -form">
                                            Employeur

                                        </label>
                                        <div class="sds-input">
                                            <input id="repetitiveFormFieldsCompany3" class="sds-input form-control" type="text" placeholder="Insérez nom société" value="">

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <button type="button" class="sds-btn -btnSecondary -btnSmall">

                    <span class="sds-icon sds-icon-plus"></span>

                    <span class="sds-btn__text">Ajouter représentant</span>

                </button>
            </div>
            <div class="sds-stackLg">
                <div class="h4">The representative(s), signatory(ies) (named by the articles of incorporation/company register) is/are authorized to open/manage the account(s) to be granted</div>
                <ul class="list-unstyled sds-stackMd">
                    <li>
                        <div class="sds-radio custom-control custom-radio">
                            <input value="radio-value" type="radio" name="step-6-1" class="sr-only custom-control-input " id="radio-step-6-1-1"><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-6-1-1">
                                Oui
                            </label>

                        </div>
                    </li>
                    <li>
                        <div class="sds-radio custom-control custom-radio">
                            <input value="radio-value" type="radio" name="step-6-1" class="sr-only custom-control-input " id="radio-step-6-1-2"><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-6-1-2">
                                Non
                            </label>

                        </div>
                    </li>
                </ul>
            </div>
            <div class="sds-stackLg">
                <div class="h4">Are the powers of the various signatories in accordance with those established by the articles of incorporation/company register?</div>
                <ul class="list-unstyled sds-stackMd">
                    <li>
                        <div class="sds-radio custom-control custom-radio">
                            <input value="radio-value" type="radio" name="step-6-2" class="sr-only custom-control-input " id="radio-step-6-1-3"><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-6-1-3">
                                Oui
                            </label>

                        </div>
                    </li>
                    <li>
                        <div class="sds-radio custom-control custom-radio">
                            <input value="radio-value" type="radio" name="step-6-2" class="sr-only custom-control-input " id="radio-step-6-1-4"><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-6-1-4">
                                Non
                            </label>

                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="sds-sectionForm__itemFooter">
        <div class="sds-btnGroup">
            <button type="button" class="sds-btn -btnSecondary -btnInverse">

                <span class="sds-btn__text">Retour</span>

            </button>
            <button type="button" class="sds-btn -btnPrimary">

                <span class="sds-btn__text">Suivant</span>

            </button>
        </div>
    </div>
</div>
<div class="{{ namespace }}sectionForm__item {{ namespace }}box -insetLg {{ namespace}}stackMd">
	<div class="{{ namespace }}sectionForm__itemHeading">
		<div class="h3">Representative management</div>
	</div>
	<div class="{{ namespace }}sectionForm__itemBody">
		<div class="{{ namespace }}stackXl">
			<p>Veuillez répondre aux questions</p>
			<div class="h4">Representative(s)</div>
			<div class="{{ namespace }}exceptionStackLg {{ namespace }}stackMd">
				{% render "@cpb-repetitive-form-fields",{id: "1"},true %}
				{% render "@cpb-repetitive-form-fields",{id: "2"},true %}
				{% render "@cpb-repetitive-form-fields",{
					id: "3",
					expanded: true
				},true %}
				{% render "@btn-secondary--small-icon-left",{
					icon: "icon-plus",
					text: "Ajouter représentant"
				},true %}
			</div>
			<div class="{{ namespace }}stackLg">
				<div class="h4">The representative(s), signatory(ies) (named by the articles of incorporation/company register) is/are authorized to open/manage the account(s) to be granted</div>
				<ul class="list-unstyled {{ namespace }}stackMd">
					<li>
						{% render "@radio",{inputName: "step-6-1",id: "radio-step-6-1-1", text: "Oui"},true %}
					</li>
					<li>
						{% render "@radio",{inputName: "step-6-1",id: "radio-step-6-1-2", text: "Non"},true %}
					</li>
				</ul>
			</div>
			<div class="{{ namespace }}stackLg">
				<div class="h4">Are the powers of the various signatories in accordance with those established by the articles of incorporation/company register?</div>
				<ul class="list-unstyled {{ namespace }}stackMd">
					<li>
						{% render "@radio",{inputName: "step-6-2",id: "radio-step-6-1-3", text: "Oui"},true %}
					</li>
					<li>
						{% render "@radio",{inputName: "step-6-2",id: "radio-step-6-1-4", text: "Non"},true %}
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="{{ namespace }}sectionForm__itemFooter">
		<div class="{{ namespace }}btnGroup">
			{% render '@btn-secondary-inverse',{text: "Retour"}, true %}
			{% render '@btn-primary',{text: "Suivant"}, true %}
		</div>
	</div>
</div>