<div class="c-dialog js-fr-dialogmodal c-dialog--with-launches" id="dialog-parking-form-no-date-time">
    <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-form-no-date-time-dialog-title">
        <div role="document">
            <p class="c-dialog__title" id="dialog-parking-form-no-date-time-dialog-title" aria-hidden="true">Modifica gli orari della tua sosta</p>

            <div class="u-text-center">
                <p>
                    Con la modifica delle date e orari richiesti, le tariffe per il parcheggio scelto sono le seguenti:
                </p>
            </div>

            <div grid="grid" class="u-mt-space-48">
                <div grid="8@md offset-3@md 6@lg offset-4@lg">
                    <div class="c-cart c-cart--parkings c-cart--parking-recap c-cart--parking-recap-minimal ">

                        <div class="c-cart__expanded " id="cart-toggle-expanded">
                            <div class="c-cart__product ">
                                <div class="c-cart__park ">
                                    <div class="c-cart__entrance">
                                        <div class="u-color-sky-120"><strong>Entrata</strong></div>
                                        <div>Dal <strong>29/04/2022</strong></div>
                                        <div>ore <strong>9.30</strong></div>
                                    </div>
                                    <div class="c-cart__exit">
                                        <div class="u-color-sky-120"><strong>Uscita</strong></div>
                                        <div>Dal <strong>30/04/2022</strong></div>
                                        <div>ore <strong>12.30</strong></div>
                                    </div>
                                    <div class="c-cart__logo">
                                        <img src="/images/svgs/p1.svg" alt="Parcheggio P1">
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                    <div grid="grid 6">
                        <div>
                            <p class="u-typo-level-1"><strong>Nuova tariffa pagando in aerostazione</strong></p>
                        </div>
                        <div class="u-text-right">
                            <span class="u-color-night-60 u-mr-space-8 u-line-through u-typo-level-1">55,00€</span>
                            <span class="u-typo-level-3"><strong>62,00€</strong></span>
                        </div>
                        <div>
                            <p class="u-typo-level-1"><strong>Nuova tariffa pagando online</strong></p>
                        </div>
                        <div class="u-text-right">
                            <span class="u-color-night-60 u-mr-space-8 u-line-through u-typo-level-1">50,00€</span>
                            <span class="u-typo-level-3"><strong>57,00€</strong></span>
                        </div>
                    </div>
                </div>
            </div>

            <div grid="grid" class="u-mt-space-48">
                <div grid="6@md last@md">
                    <div class="c-launch c-launch--complex">

                        <h3>Accetto la variazione e continuo con queste date per il P1</h3>

                        <div>Scegli in seguito come pagare</div>

                        <a href="" class="c-link c-link c-link--submit">
                            <span>Prosegui</span>
                        </a>
                    </div>
                </div>
                <div grid="6@md">
                    <div class="c-launch c-launch--complex">

                        <h3>Cerco nuove opzioni</h3>

                        <div>Ti mostreremo le tariffe degli altri parcheggi in base alle date e orari inseriti.</div>

                        <a href="" class="c-link c-link c-link--inverse">
                            <span>Torna ai risultati</span>
                        </a>
                    </div>
                </div>
            </div>

            <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
                <svg class="c-icon c-icon--32">
                    <use xlink:href="#ic_close_black_24px"></use>
                </svg> </button>
        </div>
    </div>
</div>
<div class="c-dialog js-fr-dialogmodal {{ modifier }}" id="{{ id }}">
  <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="{{ id }}-{{ dialog-labelledby }}">
    <div role="document">
      <p class="c-dialog__title" id="{{ id }}-{{ dialog-labelledby }}" aria-hidden="true">{{ title }}</p>
      
      <div class="u-text-center">
        <p>
          Con la modifica delle date e orari richiesti, le tariffe per il parcheggio scelto sono le seguenti:
        </p>
      </div>

      <div grid="grid" class="u-mt-space-48">
        <div grid="8@md offset-3@md 6@lg offset-4@lg">
          {{> @cart--park-recap-minimal parking-detail }}
          <div grid="grid 6">
            <div>
              <p class="u-typo-level-1"><strong>Nuova tariffa pagando in aerostazione</strong></p>
            </div>
            <div class="u-text-right">
              <span class="u-color-night-60 u-mr-space-8 u-line-through u-typo-level-1">55,00€</span>
              <span class="u-typo-level-3"><strong>62,00€</strong></span>
            </div>
            <div>
              <p class="u-typo-level-1"><strong>Nuova tariffa pagando online</strong></p>
            </div>
            <div class="u-text-right">
              <span class="u-color-night-60 u-mr-space-8 u-line-through u-typo-level-1">50,00€</span>
              <span class="u-typo-level-3"><strong>57,00€</strong></span>
            </div>
          </div>
        </div>
      </div>

      <div grid="grid" class="u-mt-space-48">
        <div grid="6@md last@md">{{ render "@launch--complex" launch-proceed merge=true }}</div>
        <div grid="6@md">{{ render "@launch--complex" launch-back merge=true }}</div>
      </div>

      <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
        {{> @icon symbol="ic_close_black_24px" class="c-icon c-icon--32" }}
      </button>
    </div>
  </div>
</div>
{
  "modifier": "c-dialog--with-launches",
  "id": "dialog-parking-form-no-date-time",
  "dialog-labelledby": "dialog-title",
  "title": "Modifica gli orari della tua sosta",
  "parking-detail": {
    "parking-type-name": "Parcheggio P1",
    "parking-type-img": "/images/svgs/p1.svg"
  },
  "launch-back": {
    "bg-path": "/images/launch-where-to-pay.jpg",
    "more-info": false,
    "title": "Cerco nuove opzioni",
    "subtitle": false,
    "body": "Ti mostreremo le tariffe degli altri parcheggi in base alle date e orari inseriti.",
    "url": "#",
    "cta": {
      "type": "link",
      "text": "Torna ai risultati",
      "modifier": "c-link c-link--inverse"
    }
  },
  "launch-proceed": {
    "bg-path": "/images/launch-where-to-pay.jpg",
    "more-info": false,
    "title": "Accetto la variazione e continuo con queste date per il P1",
    "subtitle": false,
    "body": "Scegli in seguito come pagare",
    "url": "#",
    "cta": {
      "type": "link",
      "text": "Prosegui",
      "modifier": "c-link c-link--submit"
    }
  }
}

No notes defined.