{% comment %}
Description:
Snippet for cart action
Fake button is for displaying loading spinner on click it. 
This is because it cannot be done on the actual checkout button
{% endcomment %}
<style>
.disc-info {
    padding-top: 8px;
    padding-bottom: 8px;
}
</style>
{%- assign total_disc = cart.total_discount |  money_with_currency -%}
<div class="relative disc-info p5 tc p-8 bt-1 bb-1 b-light-grey">{{ 'cart.general.you_saved' | t : disc: total_disc }}</div>
<div class="relative pl-20 pr-20">
    <div class="relative flex jc-between ai-center mt-10">
        <div class="label-info p4 bold-700">{{ 'cart.general.subtotal' | t }}</div>
        <div class="label-info p2 bold-700">{{ cart.total_price |  money_with_currency }}</div>
    </div>
    <div class="relative flex jc-between ai-center pt-10">
        <div class="label-info p4 bold-700">{{ 'cart.general.order_note' | t }}</div>
        <div class="label-info p3 add-cart-note-trigger pointer link3" onclick="$360.handleCartNote(event, this);">{{ 'cart.general.add' | t }}</div>
    </div>
    <button type="button" class="checkout-btn btn1 w-full mt-20">
        {{ 'cart.general.secure_checkout' | t }}
    </button>
    <button type="submit" name="checkout" class="hide-m"></button>
    <p class="p4 tc mt-10 c-brown">{{ 'cart.general.discount_calculate_at_checkout' | t }}</p>
</div>