  <turbo-stream action="update" target="errors"><template></template></turbo-stream>
  <turbo-stream action="update" target="account"><template>
      <turbo-frame class="card-container" id="account">
  <div class="card">
  
    <div class="card-header ">
        <div class="d-flex justify-content-between align-items-center">
          <div>
            <div class="card-title">Account</div>
          </div>
          
        </div>
    </div>

    <div class="card-body">
      
    

    <form data-controller="required-valid-email-input" data-required-valid-email-input-turnstile-ready-value="false" role="form" action="/checkout/customer/new" accept-charset="UTF-8" data-remote="true" method="get">
      <div data-controller="checkout-changed">
        <div class="form-group"><label class="required" for="student_email">Email</label><input placeholder="es. rossi@esempio.it" required="required" data-required-valid-email-input-target="input" data-action="input-&gt;required-valid-email-input#updateSubmitButton" data-tooltip="Email richiesta" class="form-control" type="email" name="student[email]" id="student_email" /></div>

      </div>

      <div data-required-valid-email-input-target="turnstile"></div>

      <div class="mt-6 d-flex justify-content-end">
        <div data-toggle="tooltip" data-required-valid-email-input-target="tooltip">
          <button data-required-valid-email-input-target="submitButton" data-disable="true" class="btn btn-md btn-dark"><span>
            Continua
</span></button>        </div>
      </div>
</form>
    </div>

</div></turbo-frame>

</template></turbo-stream>
  <turbo-stream action="update" target="summary"><template>
    <div class="card" data-controller="summary" data-action="checkout:submit@window-&gt;summary#disableInputs checkout:submit-cancel@window-&gt;summary#enableInputs">
  

    <div class="card-body">
      
  <div class="d-flex flex-column gap-3">
      <div class="d-flex align-items-start gap-3">
        <div class="thumb thumb-lg thumb-photo" style="background-image: url(https://store.videozappo.com/content-assets/public/eyJhbGciOiJIUzI1NiJ9.eyJvYmplY3Rfa2V5IjoidmF6Nm1yc3o3MmVhOHdiMnMzdzFsa3hzbG1hZyIsImRvbWFpbiI6InN0b3JlLnZpZGVvemFwcG8uY29tIn0.GWDrLkazwNoUn41Z6N8r_r4JkfztUvjbP9aGpcorKac);">
</div>
        <div>
          <div>
            <span class="text-sm text-grey-soft">Corso</span>
            <h3 class="mt-n1">Tecniche Avanzate di Fotografia: il Time Blending</h3>
          </div>
            <form id="checkout-summary-form" class="mt-2" data-controller="form-autosubmit animation" data-animation-target="element" role="form" action="/checkout/cart" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="_method" value="put" autocomplete="off" /><input type="hidden" name="authenticity_token" value="ppIQ4Qskd51b_J8e7o3G0zh4s9qIpzmJhXYA-PYbwRFkfm6Vc-ljyoy8wvZqgbAx1kbxKJKMbuAoe1vceoeF0w" autocomplete="off" />
              <div class="d-flex flex-column gap-y-1 text-sm">
                
                    <div class="custom-control custom-radio"><input data-action="animation#start form-autosubmit#autosubmit" class="custom-control-input" type="radio" value="85816" checked="checked" name="cart[cart_items_attributes][0][offer_id]" id="cart_cart_items_attributes_0_offer_id_85816" /><label class="custom-control-label" for="cart_cart_items_attributes_0_offer_id_85816">63 €</label></div>
                    <div class="custom-control custom-radio"><input data-action="animation#start form-autosubmit#autosubmit" class="custom-control-input" type="radio" value="876469" name="cart[cart_items_attributes][0][offer_id]" id="cart_cart_items_attributes_0_offer_id_876469" /><label class="custom-control-label" for="cart_cart_items_attributes_0_offer_id_876469">3 pagamenti mensili di 21 €</label></div>
<input autocomplete="off" type="hidden" value="70240122" name="cart[cart_items_attributes][0][id]" id="cart_cart_items_attributes_0_id" />              </div>
</form>        </div>
      </div>

      <hr class="w-100">

      
  <div data-controller="coupons" data-action="turbo:submit-end->coupons#enable">
    <a class="text-link text-grey-soft d-md-none" data-action="click-&gt;coupons#onAdd" href="#">Hai un buono sconto?</a>
    <div class="d-none d-md-block" data-coupons-target="form">
      <form id="checkout-discount-form" class="d-flex gap-x-2 align-items-center" role="form" action="/checkout/coupon" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="_method" value="put" autocomplete="off" /><input type="hidden" name="authenticity_token" value="OKIT9zA4Uto7dTkAxh8iH_QGv6_mvQ7HNHaoedCrtyaGIedy4ZXuUqQmUdhHcMtWU1r5y_JLgbfh5cZ0thYuVw" autocomplete="off" />
        <input autocomplete="off" type="hidden" name="coupons_coupon[empty_field]" id="coupons_coupon_empty_field" />
        <input placeholder="Codice sconto" required="required" data-action="keyup-&gt;coupons#onCodeKeyUp" data-coupons-target="input" class="form-control" type="text" name="coupons_coupon[code]" id="coupons_coupon_code" />
        <input type="submit" name="commit" value="Applica" class="btn btn-outline-grey" form="checkout-discount-form" data-coupons-target="submit" data-disable-with="Applica" />
</form>    </div>
  </div>


      <hr class="w-100">

      
<dl id="subtotals" class="d-flex flex-column gap-1 text-muted text-sm">
  <div class="d-flex justify-content-between" data-test-id="subtotal">
    <dt class="font-weight-normal">Subtotale</dt>
    <dd>€63,00</dd>
  </div>



  <div class="d-flex justify-content-between" data-test-id="summary-total">
    <dt class="font-weight-normal">Totale</dt>
    <dd>€63,00</dd>
  </div>

</dl>


      <hr class="w-100">

      <div class="d-flex flex-column gap-1">
        <dl id="total" class="d-flex justify-content-between text-grey-dark">
          <dt>Da pagare ora</dt>
          <dd class="d-flex align-items-center gap-2">
            <span class="badge badge-grey badge-sm" style="">
  <span>EUR</span>
</span>
            <span>€63,00</span>
          </dd>
        </dl>

      </div>

    <form data-controller="pulse" data-action="turbo:submit-start@document-&gt;pulse#start turbo:submit-end@document-&gt;pulse#end" data-turbo="false" role="form" action="/checkout/purchase" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f5PhLtbTpja8KZ_Xy7RUb3IOc8ugsqpXSDfy4P2nWku9QvxjnttAbCHalbzv66bb3BRh_TrCybKJyWHjKSGevw" autocomplete="off" />
      <input value="eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaDluYVdRNkx5OXdiMlJwWVM5RFlYSjBMekUxTWpZNE5qa3lOd1k2QmtWVSIsImV4cCI6IjIwMjYtMDYtMDZUMTM6NTM6MTcuMTY5WiIsInB1ciI6ImRlZmF1bHQifX0=--0b58d747a1e175de731d53e5b55784a79cbc7fe5" autocomplete="off" type="hidden" name="cart_sgid" id="cart_sgid" />
      <input value="15268692770240122" id="validityId" autocomplete="off" type="hidden" name="validity_id" />

      <div class="d-flex flex-column gap-3">
          <button id="complete_button" type="submit" disabled="disabled" block="true" data-checkout-target="submitButton" data-action="click-&gt;checkout#onStripeSubmit" data-step="account" class="btn btn-md btn-dark btn-block disabled"><span>Paga ora</span></button>

          <div data-checkout-target="paypalButton" data-step="account" style="pointer-events: none; opacity: 0.4;" class="d-none">
            <div id="paypal-button" class="w-100" data-controller="paypal" data-action="checkout:paypal-started-&gt;checkout#onSubmit checkout:paypal-cancelled-&gt;checkout#onSubmitCancel checkout:paypal-errored-&gt;checkout#paypalErrored" data-paypal-environment-value="production" data-paypal-new-path-value="/checkout/incomplete_cart?payment_processor=paypal" data-paypal-create-path-value="/checkout/paypal_purchases" data-paypal-new-method-type-value="PUT" data-paypal-cart-id-value="eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaDluYVdRNkx5OXdiMlJwWVM5RFlYSjBMekUxTWpZNE5qa3lOd1k2QmtWVSIsImV4cCI6IjIwMjYtMDYtMDZUMTM6NTM6MTcuMTc0WiIsInB1ciI6ImRlZmF1bHQifX0=--f564bcdfdd8f6079170c60a1a268935c0c57fbf4" data-paypal-errors-path-value="/checkout/paypal_errors" data-paypal-debug-errors-value="false"></div>

          </div>

        <span class="text-sm text-muted mt-n1">Accetto i <a class="text-link text-grey-soft" target="_blank" href="https://store.videozappo.com/terms">Termini di servizio</a> e l'<a class="text-link text-grey-soft" target="_blank" href="https://store.videozappo.com/privacy">Informativa sulla privacy</a></span>
      </div>
</form>  </div>

    </div>

</div>
<script type="text/javascript">
  var paymentMethodRequiredEvent = new CustomEvent(
    "checkout:changed",
    {detail: {paymentMethodRequired: true}}
  );

  document.dispatchEvent(paymentMethodRequiredEvent);
</script>

</template></turbo-stream>
  <turbo-stream action="update" target="billing"><template>
        <div class="card pb-7">
  
    <div class="card-header ">
                <div class="d-flex justify-content-between align-items-center" id="billingAddress">
          <div class="d-flex flex-column mr-2">
            <div class="card-title">Fatturazione</div>
            <div class="card-subtitle">
              Aggiungi i dettagli sui tuoi indirizzi di fatturazione e commerciale.
            </div>
          </div>
          <form class="d-inline" method="post" action="/checkout/cart"><input type="hidden" name="_method" value="put" autocomplete="off" /><button disabled="disabled" class="btn btn-transparent-grey" type="submit">Modifica</button><input type="hidden" name="authenticity_token" value="urPBdBfJISuHavfVckvvlt-x5viX6hB7rn8muIhHuWJ4X78AbwQ1fFAqqj32R5l0MY-kCo3BRxIDcn2cBNv9oA" autocomplete="off" /><input type="hidden" name="cart[step]" value="billing" autocomplete="off" /></form>
        </div>

    </div>


</div>
</template></turbo-stream>
  <turbo-stream action="update" target="payment"><template>
        <div class="card pb-7">
  
    <div class="card-header ">
                <div class="d-flex justify-content-between align-items-center">
          <div class="d-flex flex-column mr-2">
            <div class="card-title">Pagamento</div>
            <div class="card-subtitle">
              Seleziona il metodo di pagamento che preferisci.
            </div>
          </div>
          <form class="d-inline" method="post" action="/checkout/cart"><input type="hidden" name="_method" value="put" autocomplete="off" /><button disabled="disabled" class="btn btn-transparent-grey" type="submit">Modifica</button><input type="hidden" name="authenticity_token" value="_aCSed7_QJHGc_GML4Nbrhr8_hreJd6gir-nGvrJ5jY_TOwNpjJUxhEzrGSrjy1M9MK86MQOicknsvw-dlWi9A" autocomplete="off" /><input type="hidden" name="cart[step]" value="payment" autocomplete="off" /></form>
        </div>

    </div>


</div>
</template></turbo-stream>