<div id='cart-informations-review'>
    <div id='cart-packages-review'>
        <h3 class='cart-review-title'>{{'shop.headers.ORDER_INFO' | translate}}</h3>
        <div id="show-order-items" ng-repeat="(position, package) in cartPackages track by position">
            <h4 class="col-md-12 package-name-review">{{position+1}}. {{package.packageName}}</h4>
            <div class="package-details-list">
                <div class="label-value-pair">
                    <label>{{'shop.labels.PAY_TYPE' | translate}}</label>
                    <div class="value-pair">{{::package.payType}}</div>
                </div>
                <div class="label-value-pair">
                    <label>{{'shop.labels.PRICE' | translate}}</label>
                    <div class="value-pair">{{sumPrice([package.fixedPrice], package.quantity)}} ({{sumPrice([package.recurentPrice, package.servicesPrice], package.quantity)}} / {{package.periodUnit}})</div>
                </div>
                <div class="label-value-pair">
                    <label>{{'shop.labels.QUANTITY' | translate}}</label>
                    <div class="value-pair">{{::package.quantity}}</div>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div id="delivery-information-review">
        <h3 class='cart-review-title'>{{'shop.headers.CUSTOMER_INFO' | translate}}</h3>
        <div class="label-value-pair" ng-if="details.reference">
            <label>{{'shop.labels.REFERENCE' | translate}}</label>
            <div class="value-pair">{{details.reference}}</div>
        </div>
        <div class="label-value-pair" ng-if="details.tender">
            <label>{{'shop.labels.TENDER' | translate}}</label>
            <div class="value-pair">{{details.tender}}</div>
        </div>
        <h4>{{'shop.labels.DELIVERY_ADDRESS' | translate}}</h4>
        <div id="delivery-information-list" class="package-details-list">
            <div class="label-value-pair">
                <label>{{'shop.labels.ADDRESS' | translate}}</label>
                <div class="value-pair">{{delivery.detailedAddress}}</div>
            </div>
            <div class="label-value-pair">
                <label>{{'shop.labels.CITY' | translate}}</label>
                <div class="value-pair">{{delivery.city}}</div>
            </div>
            <div class="label-value-pair">
                <label>{{'shop.labels.COUNTRY' | translate}}</label>
                <div class="value-pair">{{countryNames.delivery}}</div>
            </div>
            <div class="label-value-pair">
                <label>{{'shop.labels.ZIP' | translate}}</label>
                <div class="value-pair">{{delivery.zipCode}}</div>
            </div>
        </div>
    </div>
    <hr>
    <div id="billing-information-review">
        <h3 class='cart-review-title'>{{'shop.headers.BILLING_ADDRESS' | translate}}</h3>
        <div class="label-value-pair">
            <label>{{'shop.labels.COMPANY' | translate}}</label>
            <div class="value-pair">{{billing.companyName}}</div>
        </div>
        <div class="label-value-pair">
            <label>{{'shop.labels.FIRST_NAME' | translate}}</label>
            <div class="value-pair">{{billing.firstName}}</div>
        </div>
        <div class="label-value-pair">
            <label>{{'shop.labels.LAST_NAME' | translate}}</label>
            <div class="value-pair">{{billing.lastName}}</div>
        </div>
        <h4>{{'shop.labels.BILLING_ADDRESS' | translate}}</h4>
        <div id="billing-information-list" class="package-details-list">
            <div class="label-value-pair">
                <label>{{'shop.labels.ADDRESS' | translate}}</label>
                <div class="value-pair">{{billing.detailedAddress}}</div>
            </div>
            <div class="label-value-pair">
                <label>{{'shop.labels.CITY' | translate}}</label>
                <div class="value-pair">{{billing.city}}</div>
            </div>
            <div class="label-value-pair">
                <label>{{'shop.labels.COUNTRY' | translate}}</label>
                <div class="value-pair">{{countryNames.billing}}</div>
            </div>
            <div class="label-value-pair">
                <label>{{'shop.labels.ZIP' | translate}}</label>
                <div class="value-pair">{{billing.zipCode}}</div>
            </div>
        </div>
    </div>
</div>
