  <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">Contact info</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" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="-WShyJ_n5HNLWMEFwkOBri-gxGTAgOUOg-18ACfNFirCwexoTNJOsdAGScsn6XAyc-ZHafdYy5_TAVq-6ny46Q" autocomplete="off" />
      <div data-controller="checkout-changed">
        <div class="form-group"><label class="required" for="student_email">Email</label><input placeholder="e.g. picard@starfleet.org" required="required" data-required-valid-email-input-target="input" data-action="input-&gt;required-valid-email-input#updateSubmitButton" data-tooltip="Email is required" class="form-control" type="email" name="student[email]" id="student_email" /></div>

            <input value="1" autocomplete="off" type="hidden" name="student[subscribed]" id="student_subscribed" />
      </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>
            Continue
</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://www.virtualmissfriday.com/content-assets/public/eyJhbGciOiJIUzI1NiJ9.eyJvYmplY3Rfa2V5IjoiajkxeHRuYW9wZzZpNDBlcnhjdDV5a2s5ZjF0diIsImRvbWFpbiI6Ind3dy52aXJ0dWFsbWlzc2ZyaWRheS5jb20ifQ.1Rl1UvWBbCgWvH6zVr8ymjgNzwbDLqp9L9FhYu5PvF4);">
</div>
        <div>
          <div>
            <span class="text-sm text-grey-soft">Course</span>
            <h3 class="mt-n1">1nSourcing™ 1: Foundation</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="CBOxvZ1pMBGkAIIlO9GF7WoWq2bKa4Y6DEXPrW3caIibyt2l9YgB4pzw-CJnR41Gtut3ehfaqLHo-RTxXkG2QQ" 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="2008372" checked="checked" name="cart[cart_items_attributes][0][offer_id]" id="cart_cart_items_attributes_0_offer_id_2008372" /><label class="custom-control-label" for="cart_cart_items_attributes_0_offer_id_2008372">£247</label></div>
                    <div class="custom-control custom-radio"><input data-action="animation#start form-autosubmit#autosubmit" class="custom-control-input" type="radio" value="2008373" name="cart[cart_items_attributes][0][offer_id]" id="cart_cart_items_attributes_0_offer_id_2008373" /><label class="custom-control-label" for="cart_cart_items_attributes_0_offer_id_2008373">3 monthly payments of £97</label></div>
<input autocomplete="off" type="hidden" value="69292120" 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="#">Have a coupon?</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="wgThmvbXPgif2sZ4MwDbNU7Olw2TEuxkjSb8HsrflM0GtYgvAAfM7mBIzYRt0EFKbnI2UHp-Vczjrw1iWH_YgQ" autocomplete="off" />
        <input autocomplete="off" type="hidden" name="coupons_coupon[empty_field]" id="coupons_coupon_empty_field" />
        <input placeholder="Discount code" 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="Apply" class="btn btn-outline-grey" form="checkout-discount-form" data-coupons-target="submit" data-disable-with="Apply" />
</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">Subtotal</dt>
    <dd>£247.00</dd>
  </div>



  <div class="d-flex justify-content-between" data-test-id="summary-total">
    <dt class="font-weight-normal">Total</dt>
    <dd>£247.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>Due now</dt>
          <dd class="d-flex align-items-center gap-2">
            <span class="badge badge-grey badge-sm" style="">
  <span>GBP</span>
</span>
            <span>£247.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="4bvhMuaBXpJ1tGuZjB5WpHQs_n_QV_1b2McXxSwqhcBVtULJaDHtHaSpLuR7BHL_O6g15trxDVbSnf7xXsVjcw" autocomplete="off" />
      <input value="eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaDluYVdRNkx5OXdiMlJwWVM5RFlYSjBMekUxTURVNE5UWTVPUVk2QmtWVSIsImV4cCI6IjIwMjYtMDUtMTZUMDM6Mjk6MDIuNzcwWiIsInB1ciI6ImRlZmF1bHQifX0=--67938dc272ba5eb7c113a11579d0c93a661e5e01" autocomplete="off" type="hidden" name="cart_sgid" id="cart_sgid" />
      <input value="15058569969292120" 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>Pay now</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="eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaDluYVdRNkx5OXdiMlJwWVM5RFlYSjBMekUxTURVNE5UWTVPUVk2QmtWVSIsImV4cCI6IjIwMjYtMDUtMTZUMDM6Mjk6MDIuNzc1WiIsInB1ciI6ImRlZmF1bHQifX0=--9e5785696fb2540c4db0ef5866404b28091ec1cd" data-paypal-errors-path-value="/checkout/paypal_errors" data-paypal-debug-errors-value="false"></div>

          </div>

        <span class="text-sm text-muted mt-n1">By clicking "Pay now" you agree to the <a class="text-link text-grey-soft" target="_blank" href="https://www.virtualmissfriday.com/terms">Terms of Service</a> and <a class="text-link text-grey-soft" target="_blank" href="https://www.virtualmissfriday.com/privacy">Privacy Policy</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">Billing</div>
            <div class="card-subtitle">
              Add your billing address and business details.
            </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">Edit</button><input type="hidden" name="authenticity_token" value="_z-hMCm0okk5HHG5_6NTBdP9l9rNtKaTtHs4hz6Fo2Zs5s0oQVWTugHsC76jNVuuDwBLxhAFiBhQx-PbDRh9rw" 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">Payment</div>
            <div class="card-subtitle">
              Select your payment method of choice.
            </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">Edit</button><input type="hidden" name="authenticity_token" value="eZ6grOkdT9O4fR4uGGaiHr40u7_BO22fNC_7lVxfTSbqR8y0gfx-IICNZClE8Kq1YslnoxyKQxTQkyDJb8KT7w" autocomplete="off" /><input type="hidden" name="cart[step]" value="payment" autocomplete="off" /></form>
        </div>

    </div>


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