Section Form Step 1

No notes defined.

<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
    <div class="sds-sectionForm__itemHeading">
        <div class="h3">Détails entité</div>
    </div>
    <div class="sds-sectionForm__itemBody">
        <div class="sds-stackXl">
            <p>Veuillez insérer les informations demandées.</p>
            <div class="row row-sm">
                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <label for="" class="sds-label -form">
                            Dénomination

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

                        </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 -form">
                            Numéro et rue

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

                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <label for="" class="sds-label -form">
                            Localité

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

                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <label for="" class="sds-label -form">
                            Code postal

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

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

                        </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="sds-stackLg">
                <div class="h4">La société est-elle domicilié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-1-soc-dom" class="sr-only custom-control-input " id="radio-step-1-soc-dom-1" checked><span class="sds-radioDot  sds-radio__shape" aria-hidden="true"></span>
                            <label class="custom-control-label" for="radio-step-1-soc-dom-1">
                                Oui
                            </label>

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

                        </div>
                    </li>
                </ul>
            </div>
            <div class="sds-stackLg">
                <div class="h4">Adresse domiciliataire</div>
                <div class="row row-sm">
                    <div class="col-12 col-md-6">
                        <div class="form-group">
                            <label for="" class="sds-label -form">
                                Numéro et rue

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

                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6">
                        <div class="form-group">
                            <label for="" class="sds-label -form">
                                Localité

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

                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6">
                        <div class="form-group">
                            <label for="" class="sds-label -form">
                                Code postal

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

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

                            </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>
    </div>
    <div class="sds-sectionForm__itemFooter">
        <div class="sds-btnGroup">
            <button type="button" class="sds-btn -btnPrimary">

                <span class="sds-btn__text">Initier la demande</span>

            </button>
        </div>
    </div>
</div>
<div class="{{ namespace }}sectionForm__item {{ namespace }}box -insetLg {{ namespace }}stackMd">
	<div class="{{ namespace }}sectionForm__itemHeading">
		<div class="h3">Détails entité</div>
	</div>
	<div class="{{ namespace }}sectionForm__itemBody">
		<div class="{{ namespace }}stackXl">
			<p>Veuillez insérer les informations demandées.</p>
			<div class="row row-sm">
				<div class="col-12 col-md-6">
					<div class="form-group">
						{% render "@label--form",{text: "Dénomination"},true %}
						{% render "@input",{placeholder: "Body"},true %}
					</div>
				</div>
			</div>
			<div class="row row-sm">
				<div class="col-12 col-md-6">
					<div class="form-group">
						{% render "@label--form",{text: "Numéro et rue"},true %}
						{% render "@input",{placeholder: "Body"},true %}
					</div>
				</div>
				<div class="col-12 col-md-6">
					<div class="form-group">
						{% render "@label--form",{text: "Localité"},true %}
						{% render "@input",{placeholder: "Body"},true %}
					</div>
				</div>
				<div class="col-12 col-md-6">
					<div class="form-group">
						{% render "@label--form",{text: "Code postal"},true %}
						{% render "@input",{placeholder: "Body"},true %}
					</div>
				</div>
				<div class="col-12 col-md-6">
					<div class="form-group">
						{% render "@label--form",{text: "Pays"},true %}
						{% render "@select",{placeholder: "Body"},true %}
					</div>
				</div>
			</div>
			<div class="{{ namespace }}stackLg">
				<div class="h4">La société est-elle domiciliée?</div>
				<ul class="list-unstyled {{ namespace }}stackMd">
					<li>
						{% render "@radio",{inputName: "step-1-soc-dom", id: "radio-step-1-soc-dom-1", text: "Oui", checked: true},true %}
					</li>
					<li>
						{% render "@radio",{inputName: "step-1-soc-dom", id: "radio-step-1-soc-dom-2", text: "Non"},true %}
					</li>
				</ul>
			</div>
			<div class="{{ namespace }}stackLg">
				<div class="h4">Adresse domiciliataire</div>
				<div class="row row-sm">
					<div class="col-12 col-md-6">
						<div class="form-group">
							{% render "@label--form",{text: "Numéro et rue"},true %}
							{% render "@input",{placeholder: "Body"},true %}
						</div>
					</div>
					<div class="col-12 col-md-6">
						<div class="form-group">
							{% render "@label--form",{text: "Localité"},true %}
							{% render "@input",{placeholder: "Body"},true %}
						</div>
					</div>
					<div class="col-12 col-md-6">
						<div class="form-group">
							{% render "@label--form",{text: "Code postal"},true %}
							{% render "@input",{placeholder: "Body"},true %}
						</div>
					</div>
					<div class="col-12 col-md-6">
						<div class="form-group">
							{% render "@label--form",{text: "Pays"},true %}
							{% render "@select",{placeholder: "Body"},true %}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="{{ namespace }}sectionForm__itemFooter">
		<div class="{{ namespace }}btnGroup">
			{% render '@btn-primary',{text: "Initier la demande"}, true %}
		</div>
	</div>
</div>