Checkout

{#if $cart.length === 0} Your cart is empty. Please add items before checking out. {:else}

Order Summary

    {#each $cart as item}
  • item openImageModal(item)} on:keydown={(e) => e.key === 'Enter' && openImageModal(item)} tabindex="0" />

    {item.title}

    Quantity: {item.quantity}

    ${(item.price * item.quantity).toFixed(2)}
    • {/each}
Total: ${total.toFixed(2)}

Customer Details

{#each [{ value: 'credit_card', label: 'Credit Card', icon: '💳' }, { value: 'paypal', label: 'PayPal', icon: '🅿️' }, { value: 'cash_on_delivery', label: 'Cash on Delivery', icon: '💵' }] as method} {/each}
{#if error} {error} {/if} {#if success} {success} {/if}
{/if}