Modal Base

No notes defined.

<div class="sds-modal modal fade -bodySecondary06" id="" aria-hidden="true" tabindex="-1">
    <div class="sds-modal__dialog modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="sds-modal__content modal-content">

            <div class="sds-modal__header modal-header">

                <div class="sds-modal__title modal-title">{{ Title }}</div>

                <button type="button" class="sds-btn -iconBtn -btnSecondary -ghost sds-modal__close" data-dismiss="modal" aria-label="Close">

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

                </button>

            </div>

            <div class="sds-modal__body modal-body">

                <div class="sds-stackMd">
                    <div class="sds-box -insetLg">
                        <div class="sds-stackXl">
                            <p>Le consentement que vous avez donné auprès de Spuerkeess permet de vous afficher vos comptes détenus auprès de Revolut. Les donées échangées sont: </p>
                            <ul class="sds-list list-unstyled">
                                <li>La désignation de vos comptes</li>
                                <li>Les soldes des comptes</li>
                                <li>la liste et le détail des transactions</li>
                            </ul>
                            <p>Votre consentement est valable jusqu'au 03.08.2023 et devra être renouvelé à son expiration. Cet accès peut être révoqué à tout moment via S-Net, S-Net Mobile ou bien Revolut.</p>
                        </div>
                    </div>
                    <div class="sds-box -insetLg">
                        {Address}
                    </div>
                    <div class="sds-box -insetLg">
                        <div class="sds-stackMd">
                            <div class="h4">Informations supplémentaires</div>
                            <div class="sds-outOfBounds">
                                <div class="sds-documentDownload sds-hoverContentSecondary">
                                    <div class="sds-documentDownload__content">
                                        <span class="sds-iconCircle -secondary100" aria-hidden="true">

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

                                        </span>

                                        <p class="sds-documentDownload__text">
                                            Data protection policy
                                        </p>
                                    </div>
                                    <div class="sds-documentDownload__actionArea">
                                        <a href="" class="sds-btn -iconBtn -btnSecondary stretched-link">

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

                                            <div class="sr-only">Télécharger</div>

                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
</div>
 
{% extends "@snet-modal-base-frame" %}
{% block header %}
	<div class="{{ namespace }}modal__title modal-title">{{ title }}</div>
{% endblock %}
{% block body %}
	<div class="{{ namespace }}stackMd">
		<div class="{{ namespace }}box -insetLg">
			<div class="{{ namespace }}stackXl">
				<p>Le consentement que vous avez donné auprès de Spuerkeess permet de vous afficher vos comptes détenus auprès de Revolut. Les donées échangées sont: </p>
				<ul class="{{ namespace }}list list-unstyled">
					<li>La désignation de vos comptes</li>
					<li>Les soldes des comptes</li>
					<li>la liste et le détail des transactions</li>
				</ul>
				<p>Votre consentement est valable jusqu'au 03.08.2023 et devra être renouvelé à son expiration. Cet accès peut être révoqué à tout moment via S-Net, S-Net Mobile ou bien Revolut.</p>
			</div>
		</div>
		<div class="{{ namespace }}box -insetLg">
			{Address}
		</div>
		<div class="{{ namespace }}box -insetLg">
			<div class="{{ namespace }}stackMd">
				<div class="h4">Informations supplémentaires</div>
				<div class="{{ namespace }}outOfBounds">
					{% render "@spk-document-download" %}
				</div>
			</div>
		</div>
	</div>
{% endblock %}