<div class="divider dots spacer-one-two" ng-if="order.info.subtotal && order.info.subtotal!='0.00' && ( restaurant._open || restaurant.force_pre_order ) && !isMobileWidth"></div>
<div class="payment-total content-padding" ng-if="order.info.subtotal && order.info.subtotal!='0.00' && ( restaurant._open || restaurant.force_pre_order )">


	<div class="giftcard-balance-container" ng-show="credit.hasValue">
		You have a <span class="giftcard-value">{{AB.dollar}}{{credit.value}}</span> gift card!
	</div>

	<div ng-if="isMobileWidth" class="restaurant-banana animated-resize hide-desktop"></div>

	<div class="payment-wrap">

		<div ng-class="{'backface': !isIOs, 'payment-ribbon': isMobileWidth}">

			<div class="payment-ribbon-content restaurant-payment-content">

				<span class="restaurant-payment-item">
					<span class="restaurant-payment-item-label">Subtotal: </span>
					<span class="restaurant-payment-item-value">
						{{AB.dollar}}{{order.info.subtotal}}
					</span>
				</span>

				<span class="restaurant-payment-item">
					<span class="restaurant-payment-item-label">
						Tax<span ng-if="restaurant.delivery_service">/Service</span>: </span>
					<span class="restaurant-payment-item-value">{{AB.dollar}}{{order.info.service_fee_taxes}}</span>
				 </span>

				<span class="restaurant-payment-item" ng-if="order.form.pay_type!='cash' && order.info.tip!='0.00'">
					<span class="restaurant-payment-item-label">Tip: </span>
					<span class="restaurant-payment-item-value">{{AB.dollar}}{{order.info.tip}}</span>
				</span>

				<span class="restaurant-payment-item" ng-if="order.info.delivery!='0.00' && order.info.delivery_service_fee!='0.00'">
					<span class="restaurant-payment-item-label">Delivery Fee: </span>
					<span class="restaurant-payment-item-value">{{AB.dollar}}{{order.info.delivery_service_fee}}</span>
				</span>

				<span class="restaurant-payment-item" ng-if="order.info.delivery=='0.00' && order.info.fee!='0.00'">
					<span class="restaurant-payment-item-label">
						<span ng-if="!restaurant.delivery_service">Delivery Fee:</span>
						<span ng-if="restaurant.delivery_service">Service Fee:</span>
					</span>
					<span class="restaurant-payment-item-value">{{AB.dollar}}{{order.info.fee}}</span>
				</span>

				<span class="restaurant-payment-item" ng-if="credit.hasValue && order.form.pay_type == 'card'">
					<span class="restaurant-payment-item-label">Credit: </span>
					<span class="restaurant-payment-item-value">-
						<span ng-if="order.total() <= credit.number">{{order.info.total}}</span>
						<span ng-if="order.total() > credit.number">{{credit.value}}</span>
					</span>
				</span>

				<span class="restaurant-payment-item hide-desktop">
					<span class="restaurant-payment-item-label">Bananas: </span>
					<span class="restaurant-payment-item-value">0</span>
				</span>

				<span class="restaurant-payment-item">
					<span class="restaurant-payment-item-label">Total: </span>
					<span class="restaurant-payment-item-value"><b>{{order.info.totalText}}</b></span>
				</span>

			</div>
		</div>
		<div class="divider"></div>
	</div>

	<div class="divider"></div>

	<div ng-if="credit.hasValue && order.form.pay_type == 'cash' && order.total() >= credit.number">
		<div class="giftcard-payment-message">Pay with a card, NOT CASH, to use your {{AB.dollar}}{{credit.value}} gift card</div>
	</div>

	<div ng-if="restaurant.delivery == '1' && order.form.delivery_type=='delivery' && points.free_delivery_message && restaurant.delivery_service">
		<p class="delivery-free restaurant-delivery-free">
			<strong ng-if="order.form.pay_type == 'card' || order.form.pay_type == 'campus_cash'">You have {{points.show}} points! This delivery fee is on us.</strong>
			<strong ng-if="order.form.pay_type == 'cash'">Pay with a card, NOT CASH, to get your delivery free.</strong>
			<br/>
		</p>
	</div>
</div>
