Section Form Step 2

No notes defined.

<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
    <div class="sds-sectionForm__itemHeading">
        <div class="h3">Statut juridique</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">La société est-elle déjà constituée?</div>
                <ul class="list-unstyled sds-stackMd">
                    <li>
                        <div class="sds-radio custom-control custom-radio">
                            <input value="radio-value" type="radio" name="step-2-const" class="sr-only custom-control-input " id="radio-step-2-soc-const-1" checked><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-2-soc-const-1">
                                Non
                            </label>

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

                        </div>
                    </li>
                </ul>
            </div>
            <div class="sds-stackLg">
                <div class="h4">Veuillez spécifier l’origine des fonds</div>
                <ul class="list-unstyled sds-stackMd">
                    <li>
                        <div class="sds-checkbox custom-control custom-checkbox">
                            <input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="check-step-2-soc-fonds-1" checked><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="check-step-2-soc-fonds-1">Fonds propres-réserves</label>

                            <div class="sds-checkbox__error invalid-feedback">Error message</div>
                        </div>
                    </li>
                    <li>
                        <div class="sds-checkbox custom-control custom-checkbox">
                            <input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="check-step-2-soc-fonds-2" checked><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="check-step-2-soc-fonds-2">Primes-cotisation</label>

                            <div class="sds-checkbox__error invalid-feedback">Error message</div>
                        </div>
                    </li>
                    <li>
                        <div class="sds-checkbox custom-control custom-checkbox">
                            <input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="check-step-2-soc-fonds-3" checked><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="check-step-2-soc-fonds-3">Contrat d'assurance</label>

                            <div class="sds-checkbox__error invalid-feedback">Error message</div>
                        </div>
                    </li>
                    <li>
                        <div class="sds-checkbox custom-control custom-checkbox">
                            <input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="check-step-2-soc-fonds-4" checked><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="check-step-2-soc-fonds-4">Vente immobilière</label>

                            <div class="sds-checkbox__error invalid-feedback">Error message</div>
                        </div>
                    </li>
                    <li>
                        <div class="sds-checkbox custom-control custom-checkbox">
                            <input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="check-step-2-soc-fonds-5" checked><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="check-step-2-soc-fonds-5">Autre</label>

                            <div class="sds-checkbox__error invalid-feedback">Error message</div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="sds-stackLg">
                <div class="h4">Forme juridique</div>
                <div class="row row-sm">
                    <div class="col-12 col-md-6">
                        <div class="form-group">
                            <label for="" class="sds-label -labelForm">
                                Forme juridique

                            </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 class="row row-sm">
                    <div class="col-12 col-md-6">
                        <div class="form-group">
                            <label for="" class="sds-label -labelForm">
                                Date de consitition

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

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

                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6">
                        <div class="form-group">
                            <label for="" class="sds-label -labelForm">
                                Pays de consitition

                            </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">Type de société</div>
                <ul class="list-unstyled sds-stackMd">
                    <li>
                        <div class="sds-radio custom-control custom-radio">
                            <input value="radio-value" type="radio" name="step-2-soc-type" class="sr-only custom-control-input " id="radio-step-2-soc-type-1"><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-2-soc-type-1">
                                Non applicable
                            </label>

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

                        </div>
                    </li>
                    <li>
                        <div class="sds-radio custom-control custom-radio">
                            <input value="radio-value" type="radio" name="step-2-soc-type" class="sr-only custom-control-input " id="radio-step-2-soc-type-3"><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-2-soc-type-3">
                                Succursale
                            </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">Statut juridique</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">La société est-elle déjà constituée?</div>
				<ul class="list-unstyled {{ namespace }}stackMd">
					<li>
						{% render "@radio",{inputName: "step-2-const", id: "radio-step-2-soc-const-1",text: "Non", checked: true},true %}
					</li>
					<li>
						{% render "@radio",{inputName: "step-2-const",id: "radio-step-2-soc-const-2",text: "Oui"},true %}
					</li>
				</ul>
			</div>
			<div class="{{ namespace }}stackLg">
				<div class="h4">Veuillez spécifier l’origine des fonds</div>
				<ul class="list-unstyled {{ namespace }}stackMd">
					<li>
						{% render "@checkbox",{id: "check-step-2-soc-fonds-1",text: "Fonds propres-réserves", checked: true},true %}
					</li>
					<li>
						{% render "@checkbox",{id: "check-step-2-soc-fonds-2",text: "Primes-cotisation", checked: true},true %}
					</li>
					<li>
						{% render "@checkbox",{id: "check-step-2-soc-fonds-3",text: "Contrat d'assurance", checked: true},true %}
					</li>
					<li>
						{% render "@checkbox",{id: "check-step-2-soc-fonds-4",text: "Vente immobilière", checked: true},true %}
					</li>
					<li>
						{% render "@checkbox",{id: "check-step-2-soc-fonds-5",text: "Autre", checked: true},true %}
					</li>
				</ul>
			</div>
			<div class="{{ namespace }}stackLg">
				<div class="h4">Forme juridique</div>
				<div class="row row-sm">
					<div class="col-12 col-md-6">
						<div class="form-group">
							{% render "@label--form",{text: "Forme juridique"},true %}
							{% render "@select" %}
						</div>
					</div>
				</div>
				<div class="row row-sm">
					<div class="col-12 col-md-6">
						<div class="form-group">
							{% render "@label--form",{text: "Date de consitition"},true %}
							{% render "@input--calendar",{placeholder: "Body"},true %}
						</div>
					</div>
					<div class="col-12 col-md-6">
						<div class="form-group">
							{% render "@label--form",{text: "Pays de consitition"},true %}
							{% render "@select" %}
						</div>
					</div>
				</div>
			</div>
			<div class="{{ namespace }}stackLg">
				<div class="h4">Type de société</div>
				<ul class="list-unstyled {{ namespace }}stackMd">
					<li>
						{% render "@radio",{inputName: "step-2-soc-type", id: "radio-step-2-soc-type-1",text: "Non applicable"},true %}
					</li>
					<li>
						{% render "@radio",{inputName: "step-2-soc-type", id: "radio-step-2-soc-type-2",text: "Filiale"},true %}
					</li>
					<li>
						{% render "@radio",{inputName: "step-2-soc-type", id: "radio-step-2-soc-type-3",text: "Succursale"},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>