the hell<div class="flex-group" *ngIf="product">
    <div class="felx size-3 size-5--palm-small">
        <div class="cart-product__media"><image-container [src]="imagePath + product.type_id + '/large/' + website" [alt]="product.id"></image-container></div>
    </div>

    <div class="flex size-6 size-12--portable cart-product__attributes mod--zindex-high">
        <ul>
            <ng-container *ngFor="let attribute of product.options">
                {{attribute | json }}
            </ng-container>
        </ul>
    </div>
    <div class="flex size-4 size-12--portable flex--last cart-product__price mod--zindex-low">
        <div class="flex-group cart__product-price-group">
            <div class="flex-size-12">
                <div class="flex-group price-group__buttons">
                    <div class="align-right">
                        <button class="button button--secondary copy">{{ 'kopier gardin' | translate }}</button>
                    </div>
                    <ng-container>
                        <button class="button button--secondary spacer-left">{{ 'ret gardin' | translate }}</button>
                    </ng-container>

                    <div class="align-right">
                        <ng-container>
                            <button class="button--delete button mod--transparent">{{ 'slet gardin' | translate }}</button>
                        </ng-container>
                        <ng-template #removal>
                            <button class="button--delete button mod--primary">{{ 'slet?' | translate }}</button>
                        </ng-template>
                    </div>
                </div>
            </div>

            <div class="flex size-12 price-group__price">
                <div>
                    <span>{{ 'Pris pr. stk' | translate }}:
                        <span>{{ product.price | currency:'DKK':'short':'1.2-3' }}</span>
                        <!-- <span class="mod--discount">{{ product.price | currency:'DKK':short:'1.2-3' }}</span> -->
                    </span>
                </div>

                <div class="price-group__updown">
                    <updown [quantity]="product.quantity" (onChange)="onQuantityChanges($event)"></updown>
                </div>
                
                <div class="price-group__total">
                    <span>
                        <span>{{ product.price * product.quantity | currency:'DKK':'short':'1.2-3' }}</span>
                        <!-- <span>{{ product.price * product.quantity | currency:'DKK':'short':'1.2-3' }}</span> -->
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>



<!-- .flex-group(*ngIf="!!item")
    //- Image
    .flex.size-3.size-5--palm-small
        .cart-product__media
            image-container([src]="imagePath + item.type_id + '/large/' + website" [alt]="item.id" [doesFit]="true")




            


    .flex.size-4.size-12--portable.flex--last.cart-product__price.mod--zindex-low
        .flex-group.cart__product-price-group

            //- Buttons
            .flex.size-12
                .flex-group.price-group__buttons
                    div.align-right
                        button.button.button--secondary.copy(*ngIf="loginState" (click)="cloneConfigurableProduct(item)") {{ 'kopier gardin' | translate }}
                    
                    ng-container(*ngIf="checkIfTrue(item)")
                        button.button.button--secondary.spacer-left((click)="editConfigurableProduct(item)") {{ 'ret gardin' | translate }}

                    div.align-right
                        ng-container(*ngIf="!stageProduct.has(item.id); else removal")
                            button.button--delete.button.mod--transparent((click)="prepareRemoval(item.id)") {{ 'slet gardin' | translate }}
                        ng-template(#removal)
                            button.button--delete.button.mod--primary((click)="removeProduct(item.id)") {{ 'slet?' | translate }}
            

            //- Price
            .flex.size-12.price-group__price

                //- Extra containers so the shape is kept
                div
                    span {{ 'Pris pr. stk' | translate }}:
                        span([ngClass]="{'mod--strike-through': discountMap.has(item.id) && discountMap.get(item.id) > 0}")  {{ item.price | currency:'DKK':'short':'1.2-3' }}
                        span.mod--discount(*ngIf="discountMap.has(item.id) && discountMap.get(item.id) > 0") {{ item.price - (discountMap.get(item.id)) | currency:'DKK':'short':'1.2-3' }}
                div.price-group__updown
                    updown([quantity]="getQuantity(item.id)" (onChange)="changeQuantity($event, item.id, basketItems)")
                div.price-group__total
                    span
                        span([ngClass]="{'mod--strike-through': discountMap.has(item.id) && discountMap.get(item.id) > 0}") {{ item.price * item.quantity | currency:'DKK':'short':'1.2-3' }}
                        span.mod--discount(*ngIf="discountMap.has(item.id) && discountMap.get(item.id) > 0") {{ (item.price * item.quantity) - (discountMap.get(item.id) * item.quantity) | currency:'DKK':'short':'1.2-3' }} -->








                        <!-- //- Attributes
                        .flex.size-6.size-12--portable.cart-product__attributes.mod--zindex-high
                    
                            ul
                                ng-container(*ngFor="let attribute of item.options")
                    
                                    li.attribute(*ngIf="shouldValuesBeDisplayed(attribute.code)", [style.order]="getOrder(attribute.code)")
                    
                                        dd.cart-product__attributes--title([attr.data-attribute]="attribute.code") {{ attribute.code | translate:'basket' }}
                                        ng-container(*ngIf="!!attributeTranslations; else blank")
                    
                                            ng-container(*ngIf="attribute.code !== 'marking'; else marking")
                                                dd.cart-product__attributes--value
                    
                                                    //- Make values transtable if nothing is returned on attributeTranslations request
                                                    //- Only attempt to translate non-nummeric values
                    
                                                    ng-container(*ngIf="attributeTranslations.get(attribute.value) === attribute.value || !attributeTranslations.has(attribute.value); else parse")
                    
                                                        ng-container(*ngIf="isNaN(attribute.value); else number")
                                                            span {{ (suffixableValues.includes(attribute.code.toLowerCase()) ? attribute.value+'__'+attribute.code.toLowerCase() : attribute.value) | translate }}
                    
                                                        ng-template(#number)
                                                            span(x-ms-format-detection="none") {{ attribute.value }}
                                                    
                                                    ng-template(#parse)
                                                        span(x-ms-format-detection="none") {{ attributeTranslations.get(attribute.value) }}
                                                                
                                                    ng-container(*ngIf="attribute.code == 'dessin'")
                                                        button.zoom-in((click)="openZoomedTexture(attribute.value)") {{ 'click here to see the dessin' | translate }}
                    
                    
                    
                                                    //- Add an affix if attribute should have one
                                                    span.affix(*ngIf="hasMeasureAffix(attribute.code)"  x-ms-format-detection="none") {{hasMeasureAffix(attribute.code)}}
                    
                                            ng-template(#marking)
                                                shared-inputEditor([attribute]="attribute.value", (output)="updateProductData($event, item.id, 'marking')")
                                                
                    
                                        //- displays a gray filler box
                                        ng-template(#blank)
                                            span.blanks([innerHtml]="attribute.code.repeat(2)") -->