Section Form Step 3

No notes defined.

<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
    <div class="sds-sectionForm__itemHeading">
        <div class="h3">CRS et statut FATCA</div>
    </div>
    <div class="sds-sectionForm__itemBody">
        <div class="sds-stackXl">
            <p>Veuillez insérer les informations demandées.</p>
            <div class="sds-stackLg">
                <div class="h4">Pays de résidence fiscale</div>
                <div class="row row-sm">
                    <div class="col-12 col-md-6">
                        <div class="form-group">
                            <label for="" class="sds-label -labelForm">
                                Pays de résidence fiscale 1

                            </label>
                            <div class="sds-select">
                                <select id="" class="sds-select form-control">

                                    <option value="opt-0">Option 1</option>

                                    <option value="opt-1">Option 2</option>

                                    <option value="opt-2">Option 3</option>

                                </select>
                                <span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>

                            </div>

                        </div>
                    </div>
                    <div class="col-12 col-md-6">
                        <div class="form-group">
                            <label for="" class="sds-label -labelForm">
                                Pays de résidence fiscale 2

                            </label>
                            <div class="sds-select">
                                <select id="" class="sds-select form-control">

                                    <option value="opt-0">Option 1</option>

                                    <option value="opt-1">Option 2</option>

                                    <option value="opt-2">Option 3</option>

                                </select>
                                <span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="sds-stackLg">
                <div class="h4">Le Titulaire de compte est-il une Personne US, telle que définie par l'Accord FATCA ?</div>
                <ul class="list-unstyled sds-stackMd">
                    <li>
                        <div class="sds-radio custom-control custom-radio">
                            <input value="radio-value" type="radio" name="step-3-fatca" class="sr-only custom-control-input " id="radio-step-3-fatca-1" checked><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-3-fatca-1">
                                Non
                            </label>

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

                        </div>
                    </li>
                </ul>
            </div>
            <div class="row row-sm align-items-stretch-immediate">
                <div class="col-12 col-md-6">
                    <div class="sds-imgUpload -box -small -uploadComplete">
                        <div class="sds-imgUpload__content">

                            <div class="sds-imgUpload__iconWrapper">
                                <span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">

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

                                </span>

                                <div class="sds-imgUpload__progress">
                                    <div class="sds-circularProgress">
                                        <svg viewBox="0 0 36 36" class="">

                                            <path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
						  a 15.9155 15.9155 0 0 1 0 31.831
						  a 15.9155 15.9155 0 0 1 0 -31.831" />
                                        </svg>
                                    </div>
                                </div>
                            </div>
                            <div class="sds-stackXxs">
                                <div class="sds-imgUpload__title">

                                    Upload file(s)

                                </div>
                                <div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
                            </div>
                        </div>

                        <div class="sds-btnGroup -aboveClickArea">
                            <a href="" class="sds-btn -iconBtn -btnSecondary">

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

                                <div class="sr-only">View document</div>

                            </a>
                            <button type="button" class="sds-btn -iconBtn -btnSecondary">

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

                                <div class="sr-only">Delete uploaded image</div>

                            </button>
                        </div>

                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="sds-imgUpload -box -small">
                        <div class="sds-imgUpload__content">

                            <input type="file" id="imgUpload" class="sr-only">

                            <div class="sds-imgUpload__iconWrapper">
                                <span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">

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

                                </span>

                                <div class="sds-imgUpload__progress">
                                    <div class="sds-circularProgress">
                                        <svg viewBox="0 0 36 36" class="">

                                            <path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
						  a 15.9155 15.9155 0 0 1 0 31.831
						  a 15.9155 15.9155 0 0 1 0 -31.831" />
                                        </svg>
                                    </div>
                                </div>
                            </div>
                            <div class="sds-stackXxs">
                                <div class="sds-imgUpload__title">

                                    <label for="imgUpload" class="sds-imgUpload__label stretched-link">Upload file(s)</label>

                                </div>
                                <div class="sds-imgUpload__meta sds-textHelper">{file_name.format (Weight)}</div>
                            </div>
                        </div>

                        <button type="button" class="sds-btn -iconBtn -btnSecondary sds-imgUpload__reset">

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

                            <div class="sr-only">Delete uploaded image</div>

                        </button>

                    </div>
                </div>
            </div>
            <div class="sds-stackLg">
                <div class="h4">Statut du titulaire</div>
                <ul class="list-unstyled sds-stackMd">
                    <li>
                        <div class="sds-radio custom-control custom-radio">
                            <input value="radio-value" type="radio" name="step-3-tit-stat" class="sr-only custom-control-input " id="radio-step-3-tit-stat-1"><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-3-tit-stat-1">
                                Institution financière
                            </label>

                        </div>
                    </li>
                    <li>
                        <div class="sds-radio custom-control custom-radio">
                            <input value="radio-value" type="radio" name="step-3-tit-stat" class="sr-only custom-control-input " id="radio-step-3-tit-stat-2"><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-3-tit-stat-2">
                                Entité publique ou gouvernementale
                            </label>

                        </div>
                    </li>
                    <li>
                        <div class="sds-radio custom-control custom-radio">
                            <input value="radio-value" type="radio" name="step-3-tit-stat" class="sr-only custom-control-input " id="radio-step-3-tit-stat-3"><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-3-tit-stat-3">
                                Banque centrale
                            </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">CRS et statut FATCA</div>
	</div>
	<div class="{{ namespace }}sectionForm__itemBody">
		<div class="{{ namespace }}stackXl">
			<p>Veuillez insérer les informations demandées.</p>
			<div class="{{ namespace }}stackLg">
				<div class="h4">Pays de résidence fiscale</div>
				<div class="row row-sm">
					<div class="col-12 col-md-6">
						<div class="form-group">
							{% render "@label--form",{text: "Pays de résidence fiscale 1"},true %}
							{% render "@select" %}
						</div>
					</div>
					<div class="col-12 col-md-6">
						<div class="form-group">
							{% render "@label--form",{text: "Pays de résidence fiscale 2"},true %}
							{% render "@select" %}
						</div>
					</div>
				</div>
			</div>
			<div class="{{ namespace }}stackLg">
				<div class="h4">Le Titulaire de compte est-il une Personne US, telle que définie par l'Accord FATCA ?</div>
				<ul class="list-unstyled {{ namespace }}stackMd">
					<li>
						{% render "@radio",{inputName: "step-3-fatca", id: "radio-step-3-fatca-1",text: "Non", checked: true},true %}
					</li>
					<li>
						{% render "@radio",{inputName: "step-3-fatca",id: "radio-step-3-fatca-2",text: "Oui"},true %}
					</li>
				</ul>
			</div>
			<div class="row row-sm align-items-stretch-immediate">
				<div class="col-12 col-md-6">
					{% render "@snet-img-upload--box-small-complete-multiple-actions" %}
				</div>
				<div class="col-12 col-md-6">
					{% render "@snet-img-upload--box-small" %}
				</div>
			</div>
			<div class="{{ namespace }}stackLg">
				<div class="h4">Statut du titulaire</div>
				<ul class="list-unstyled {{ namespace }}stackMd">
					<li>
						{% render "@radio",{inputName: "step-3-tit-stat", id: "radio-step-3-tit-stat-1",text: "Institution financière"},true %}
					</li>
					<li>
						{% render "@radio",{inputName: "step-3-tit-stat", id: "radio-step-3-tit-stat-2",text: "Entité publique ou gouvernementale"},true %}
					</li>
					<li>
						{% render "@radio",{inputName: "step-3-tit-stat", id: "radio-step-3-tit-stat-3",text: "Banque centrale"},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>