  <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/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="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>

      </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.examsuccessacademy.com/content-assets/public/eyJhbGciOiJIUzI1NiJ9.eyJvYmplY3Rfa2V5IjoiMHI4MzJqM3FkcnM3eXp4MjF6OGJwY2VocWZuaiIsImRvbWFpbiI6Ind3dy5leGFtc3VjY2Vzc2FjYWRlbXkuY29tIn0.2zyVNUty5CT_MAjP1R8E_Ytgy7whCVAXXjtPfvdF0sM);">
</div>
        <div>
          <div>
            <span class="text-sm text-grey-soft">Course</span>
            <h3 class="mt-n1">The Ultimate Guide To Exam Success (All Courses)</h3>
          </div>
            £149
        </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="ae8BRQOkJKtKCpT7yjmqQjmm1T-ZYx4q7PoLTXc01GtGlZWLM0gWSgp8FOv0rp7PbRb2u4QyQlMCGIZiXu-xJQ" 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>£149.00</dd>
  </div>



  <div class="d-flex justify-content-between" data-test-id="summary-total">
    <dt class="font-weight-normal">Total</dt>
    <dd>£149.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>£149.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="uanv4HKoAsNXHjxhxq43lfP1nslH90XE-J3a-BnI2bO9bS_BT8RXwbyAzUfHi2HQf_OszCvCB6ZhpWiuUuisSA" autocomplete="off" />
      <input value="eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaDluYVdRNkx5OXdiMlJwWVM5RFlYSjBMekUxT1RnME9UQTROUVk2QmtWVSIsImV4cCI6IjIwMjYtMDgtMTFUMTg6MjY6MjUuMDAyWiIsInB1ciI6ImRlZmF1bHQifX0=--2ac95740f703ea09a00011bb9288f4ac5f8f25af" autocomplete="off" type="hidden" name="cart_sgid" id="cart_sgid" />
      <input value="15984908573385394" 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="eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaDluYVdRNkx5OXdiMlJwWVM5RFlYSjBMekUxT1RnME9UQTROUVk2QmtWVSIsImV4cCI6IjIwMjYtMDgtMTFUMTg6MjY6MjUuMDA1WiIsInB1ciI6ImRlZmF1bHQifX0=--82c5972b4cf2ed665f3d3122e75136226374e0bc" 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.examsuccessacademy.com/terms">Terms of Service</a> and <a class="text-link text-grey-soft" target="_blank" href="https://www.examsuccessacademy.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="16plJ2H4ydfsALE3OAVdJESEgWiqaHvmHs5vdJ-r7gGV5TrLMfuZVY13l0VrqYFj9W5pyRuareb5BFSkOSwEmw" 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="3Fl3ICfCadwolOKfIAgdJlUdZjkKf2dJS6WX8jfLl7eeFijMd8E5XknjxO1zpMFh5PeOmLuNsUmsb6wikUx9LQ" autocomplete="off" /><input type="hidden" name="cart[step]" value="payment" autocomplete="off" /></form>
        </div>

    </div>


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