@if((setting$ | async)?.activation?.guest_checkout && !(accessToken$ | async)){

{{ 'account_details' | translate }}

@if(form){
@if(form.controls['name'].touched && form.controls['name'].errors?.['required']){
{{ 'name_is_required' | translate }}
}
@if(form.controls['email'].touched && form.controls['email'].errors?.['required']){
{{ 'email_is_required' | translate }}
} @if(form.controls['email'].touched && form.controls['email'].errors?.['email']){
{{ 'invalid_email' | translate }}
}
{{data.code}}
@if(form.controls['phone'].touched && form.controls['phone'].errors?.['required']){
{{ 'phone_is_required' | translate }}
}
@if(form.controls['create_account'].value){
@if(form.controls['password'].touched && form.controls['password'].errors?.['required']){
{{ 'password_is_required' | translate }}
}
}
}

{{ 'shipping_details' | translate }}

@if(form){
@if(form.get('shipping_address.title')?.touched && form.get('shipping_address.title')?.errors?.['required']){
{{ 'title_is_required' | translate }}
}
@if(form.get('shipping_address.street')?.touched && form.get('shipping_address.street')?.errors?.['required']){
{{ 'address_is_required' | translate }}
}
@if(form.get('shipping_address.country_id')?.touched && form.get('shipping_address.country_id')?.errors?.['required']){
{{ 'country_is_required' | translate }}
}
@if(form.get('shipping_address.state_id')?.touched && form.get('shipping_address.state_id')?.errors?.['required']){
{{ 'state_is_required' | translate }}
}
@if(form.get('shipping_address.city')?.touched && form.get('shipping_address.city')?.errors?.['required']){
{{ 'city_is_required' | translate }}
}
@if(form.get('shipping_address.pincode')?.touched && form.get('shipping_address.pincode')?.errors?.['required']){
{{ 'pincode_is_required' | translate }}
}
{{data.code}}
@if(form.get('shipping_address.phone')?.touched && form.get('shipping_address.phone')?.errors?.['required']){
{{ 'phone_is_required' | translate }}
}
}

{{ 'billing_details' | translate }}

@if(form){
@if(form.controls['shipping_address'].valid){
}
@if(form.get('billing_address.title')?.touched && form.get('billing_address.title')?.errors?.['required']){
{{ 'title_is_required' | translate }}
}
@if(form.get('billing_address.street')?.touched && form.get('billing_address.street')?.errors?.['required']){
{{ 'address_is_required' | translate }}
}
@if(form.get('billing_address.country_id')?.touched && form.get('billing_address.country_id')?.errors?.['required']){
{{ 'country_is_required' | translate }}
}
@if(form.get('billing_address.state_id')?.touched && form.get('billing_address.state_id')?.errors?.['required']){
{{ 'state_is_required' | translate }}
}
@if(form.get('billing_address.city')?.touched && form.get('billing_address.city')?.errors?.['required']){
{{ 'city_is_required' | translate }}
}
@if(form.get('billing_address.pincode')?.touched && form.get('billing_address.pincode')?.errors?.['required']){
{{ 'pincode_is_required' | translate }}
}
{{data.code}}
@if(form.get('billing_address.phone')?.touched && form.get('billing_address.phone')?.errors?.['required']){
{{ 'phone_is_required' | translate }}
}
}

{{ 'delivery_options' | translate }}

{{ 'payment_options' | translate }}

@if(!(setting$ | async)?.payment_methods?.length){

{{ 'no_payment_options_found' | translate }}

}
} @if((accessToken$ | async)){
    @if(!(cartDigital$ | async)){

  • {{ 'shipping_address' | translate }}

    {{ 'add_new' | translate }}
    • }

  • {{ 'billing_address' | translate }}

    {{ 'add_new' | translate }}
    • @if(!(cartDigital$ | async)){

  • {{ 'delivery_options' | translate }}

    @if(!(user$ | async)){

    {{ 'no_delivery_options_found' | translate }}

    }
    • }

  • {{ 'payment_options' | translate }}

    @if(!(user$ | async)){

    {{ 'no_payment_options_found' | translate }}

    }
}
{{ 'checkout' | translate }}
@if(!(cartItem$ | async)?.length){ } @if((cartItem$ | async)?.length){
    @for(item of cartItem$ | async; track item){
  • product

    {{ item?.variation ? item?.variation?.name : item?.product?.name }}

    {{ (item?.variation ? item.variation.sale_price : item?.product && item?.wholesale_price ? item?.wholesale_price : item?.product?.sale_price)! | currencySymbol }} X {{ item.quantity }}
    {{ (item?.variation ? item.variation.sale_price : item?.product && item?.wholesale_price ? item?.wholesale_price : item?.product?.sale_price)! * item.quantity | currencySymbol }}
    • }
}
@if((cartItem$ | async)?.length){ @if(form){
@if(loading){
}

  • {{ 'subtotal' | translate }}

    {{ (checkoutTotal ? (checkoutTotal.total.sub_total | currencySymbol) : 'not_calculated_yet' | translate ) }}

    • @if(!(cartDigital$ | async)){

  • {{ 'shipping' | translate }}

    {{ (checkoutTotal ? (checkoutTotal.total.shipping_total | currencySymbol) : 'not_calculated_yet' | translate) }}

    • }

  • {{ 'tax' | translate }}

    {{ (checkoutTotal ? (checkoutTotal.total.tax_total | currencySymbol) : 'not_calculated_yet' | translate ) }}

    • @if((user$ | async) && checkoutTotal && (user$ | async)?.point?.balance){

  • {{ 'points' | translate }}

    {{ (checkoutTotal ? (checkoutTotal.total.convert_point_amount! | currencySymbol) : 'not_calculated_yet' | translate ) }}

    • } @if((user$ | async) && checkoutTotal && (user$ | async)?.point?.balance){
    • } @if((user$ | async) && checkoutTotal && (user$ | async)?.wallet?.balance){

  • {{ 'wallet_balance' | translate }}

    {{ (checkoutTotal ? (checkoutTotal.total.convert_wallet_balance! | currencySymbol) : 'not_calculated_yet' | translate ) }}

    • } @if((user$ | async) && checkoutTotal && (user$ | async)?.wallet?.balance){
    • } @if((user$ | async) && checkoutTotal){
  • @if(!coupon && !appliedCoupon){

    {{ 'have_a_promo_code?' | translate }}

     } @if(coupon && !appliedCoupon){
    {{ 'apply' | translate }} @if(couponError){
    {{ couponError }}
    }
    } @if(appliedCoupon){
    offer gif

    {{ 'you_saved' | translate }} {{ checkoutTotal.total.coupon_total_discount | currencySymbol }} {{ 'with_this_code' | translate }} 🎉

    {{ 'coupon_applied' | translate }}

    {{ 'remove' | translate}}
    }
    • }

  • {{ 'total' | translate }}

    {{ (checkoutTotal ? (checkoutTotal.total.total | currencySymbol) : 'not_calculated_yet' | translate ) }}

{{ 'place_order' | translate }}
} }