File: D:/HostingSpaces/SBogers10/topswtw.komma.pro/app/views/checkout/cart.blade.php
@extends('layouts.master')
@section('sidebar')
@include('partials.sidebar',
['customerService' => (object)
[
'name' => 'Hobie',
'url' => 'hobie'
]
])
@stop
@section('brandNavigationBar')
@include('partials.brandNavigationBar')
@stop
@section('content')
<div class="content-container column fluid-100">
<!-- Breadcrumb -->
@include('partials.breadcrumb')
<!-- messages -->
@include('partials.messages')
<!-- Title -->
<h1 class="page-title">{{ $shop->getPageService()->page('cart')->name }}</h1>
<!-- Filter bar -->
<div class="top-bar content-block column fluid-100">
<div class="product-filter column fluid-66">
<a href="/{{ $shop->getPageService()->page('brands')->route }}" class="back-btn">
{{ Lang::get('checkout/cart.continue_shopping') }}
</a>
</div>
<div class="payment-options column fluid-33 valign-parent">
<img src="/images/static/paymentMethods/payment_methods_bar_{{ $shop->getShop()->slug }}.png"
alt="Betaalmethoden" class="valign-child"/>
</div>
</div>
<article class="cart-block content-block column fluid-100">
{{ Form::open([
'url' => '/' . $shop->getPageService()->page('checkoutLogin')->route,
'method' => 'get'
]) }}
<header>
<div class="column fluid-66">
<h2 data-ng-click="cart.modify()">{{ Lang::get('checkout/cart.title') }}</h2>
</div>
<div class="column fluid-33">
@if(\Config::get('app.maintenance_mode') === false)
<div class="btn-holder">
@include('partials.buttons.input_lock',[
'text' => Lang::get('checkout/cart.button_order_safely'),
'input' => Form::submit('')
])
</div>
@else
At the moment it isn't possible to place your order. We are maintaining our site.
@endif
</div>
</header>
<div class="cart-rows" data-base-url="/{{ $shop->getPageService()->page('cart')->route }}">
<!-- Show Angular loader -->
<div class="cart-row cart-loader" data-ng-hide="true">
<p>
<img src="/images/structure/loader.gif" alt="loading"/>
{{ Lang::get('checkout/cart.loading') }} …
</p>
</div>
{{--Start of cart row--}}
@if(Session::has('checkout.products') && count(Session::get('checkout.products')) !=0 )
<div class="cart-row" data-ng-cloak data-ng-repeat="product in cart.getProducts()">
<!-- Image -->
<figure class="product-image">
<a href="/@{{ product.getData().route }}"><img ng-src="@{{product.getImage()}}"
alt="cart temp"/></a>
</figure>
<div class="product-details">
<!-- Info -->
<div class="product-title">
<!-- Title -->
<a class="product-link" href="/@{{ product.getData().route }}">
<span class="title">@{{ (product.getData().brand_name.toLowerCase() != 'toebehoren'?product.getData().brand_name:'') }} @{{ product.getData().name }}</span>
<span class="description">
{{--<span>@{{ product.getData().special_1 }} @{{ product.getData().special_2 }}</span>--}}
<span>@{{ product.getData().special_1 }}</span>
</span>
<span class="number">
@{{ product.getData().product_group }}
@{{ product.getData().filter_class }}
</span>
<span class="description">{{ Lang::get('pages/products.article_number') }}
TOPS: @{{ product.getData().internal_article_number }}</span>
</a>
{{--This is a fix for a weird link problem--}}
<div class="between"></div>
<!-- Delete -->
<a data-ng-click="cart.cartModel.removeByIdWithEvent(product._id, $event)"
href="/{{ $shop->getPageService()->page('cart')->route }}/removeProductById/@{{ product.getId() }}"
class="delete"> </a>
</div>
<div class="clear"></div>
<!-- Composition -->
<div class="product-composition">
<span class="small" ng-bind-html="product.getData().composition_formatted"></span>
</div>
<!-- Product order details -->
<div class="product-order-details">
<div class="quantity-holder" ng-class="product.shortGlow">
<input data-ng-model="product._quantity"
ng-change="product.setQuantityOnChange(product._quantity,false)" type="tel"
name="quantity" value=""
autocomplete="off"/>
<div class="quantity-btns">
<a data-ng-click="product.setQuantityWithEvent(1, true, $event)"
class="quantity-btn add"
href="/{{ $shop->getPageService()->page('cart')->route }}/addProductById/@{{ product.getData().id }}"></a>
<a data-ng-click="product.setQuantityWithEvent(-1, true, $event)"
class="quantity-btn remove"
href="/{{ $shop->getPageService()->page('cart')->route }}/subtractProductById/@{{ product.getData().id }}"></a>
</div>
</div>
<div class="price-holder">
<span class="price" ng-bind-html="(product.getTotal()/100) | currency:'€' | smallAfterCommaFilter"></span>
<div class="discount" ng-show="product.getDiscount()">
<span class="percentage">-@{{ product.getPercentageDiscountsOnly() }}</span>
<span class="original-price">@{{ (product.getTotalWithoutDiscount() / 100) | currency:'€' }}</span>
</div>
<div class="discount"
ng-show="product.getFractionDiscountsOnly()">@{{ product.getFractionDiscountsOnly() }}</div>
<div class="discount" ng-show="product.getAbsoluteDiscountsOnly()">
- @{{ product.getAbsoluteDiscountsOnly() | currency:'€' }}</div>
</div>
<div class="clear"></div>
<div class="discount-holder" ng-controller="discountBarController as discountBar">
<p class="next-discount"
ng-bind="discountBar.discountText"
ng-class="discountBar.hoverDiscountText"
>
{{--@{{disc.discountText}}--}}
{{--@{{ disc.discountText = formatNextDiscount(nextDiscount);""}}--}}
</p>
<ul class="discount-bar">
<li
ng-repeat="discount in product.getDiscountsForCartBar() | orderBy:'quantity_min'"
ng-controller="discountBarItemController as discountBarItem"
ng-bind="discountBarItem.displayDiscount()"
ng-class="{ active: isActive() }"
ng-mouseenter="org_discount = discountBar.discountText ; discountBar.discountText = formatCurrentDiscount((discountBarItem.discount.quantity_min?discountBarItem.discount.quantity_min:discountBarItem.discount.quantity_max));
discountBar.hoverDiscountText ='hoover'"
ng-mouseleave="discountBar.discountText =org_discount; discountBar.hoverDiscountText =''"
data-ng-click="glowTimer();
product.setQuantityWithEvent((discountBarItem.discount.quantity_min?discountBarItem.discount.quantity_min:discountBarItem.discount.quantity_max)
, false, $event);" ;
>
</li>
</ul>
</div>
</div>
</div>
</div>
{{--End of cart row--}}
@endif
@if($cart->containsBrand('Brink WTW'))
<div class="row">
{{ Lang::get('shop.need_brink_air') }}
</div>
@endif
</div>
<!-- No products in cart -->
<div class="cart-row empty-cart" data-ng-cloak data-ng-show="cart.getProducts().length == 0">
<p>{{ Lang::get('checkout/cart.no_products') }}</p>
<a class="btn" href="/{{ $shop->getPageService()->page('brands')->route }}">
{{ Lang::get('checkout/cart.button_find_product') }}
</a>
</div>
<div class="column fluid-66 extra">
<div class="cart-extra-info">
<div class="selling-points">
@include('partials.sellingPoints')
</div>
@include('partials.coupon')
</div>
<div class=" cart-categories">
@include('partials.cart-categories')
</div>
</div>
<div class="column fluid-33 summary" data-ng-cloak>
{{--
<div class="summary-row total-discount" ng-show="cart.cartModel.getTotalDiscountInPercentages() > 0">
<span class="title">{{ Lang::get('shop.total_discount') }}</span>
<span class="description">{{ Lang::get('shop.included_in_total') }}</span>
<span class="discount">@{{cart.cartModel.getTotalDiscountInPercentages()}}%</span>
</div>
--}}
<div class="summary-row subtotal-price">
<span class="title">{{ Lang::get('partials/pricingOverview.subtotal') }}</span>
<span class="price summing-price"
ng-bind-html="(cart.cartModel.getSubTotal() / 100) | currency:'€' | smallAfterCommaFilter"></span>
</div>
<div class="summary-row shipping-price" ng-show="cart.cartModel.getOrderDiscountPercentage() > 0">
<span class="title">{{ Lang::get('partials/pricingOverview.order_discount') }} </span>
<span class="price summing-price"
ng-bind-html="'<span class=\'check\'></span>'+cart.cartModel.getOrderDiscountPercentage()+'%'"></span>
</div>
<div class="summary-row shipping-price">
<span class="title">{{ Lang::get('partials/pricingOverview.shipping') }} {{strtoupper(\Shop::getDomainCountry() )}}</span>
<span class="description highlight"
ng-show="cart.cartModel.getFreeShipping({{\Shop::getDomainCountry()}})">
{{ Lang::get('partials/pricingOverview.free_shipping', ['country'=> Lang::get('countries.'.\Shop::getDomainCountry()) ,'price' => '<span ng-bind-html="(cart.cartModel.getFreeShipping(\''.\Shop::getDomainCountry().'\') / 100) | currency:\'€ \' | smallAfterCommaFilter"></span>']) }}
*
<br/>
</span>
<span class="price summing-price"
ng-bind-html="(cart.cartModel.getShipping('{{\Shop::getDomainCountry()}}') / 100) | currency:'€' | smallAfterCommaFilter"></span>
</div>
<div class="summary-row total-price">
<span class="title">{{ Lang::get('partials/pricingOverview.total') }}</span>
<span class="description">
{{ Lang::get('partials/pricingOverview.price_with_vat_message') }}
</span>
<span class="price summing-price"
ng-bind-html="(cart.cartModel.totalCost() / 100) | currency:'€' | smallAfterCommaFilter"></span>
</div>
<div class="btn-holder">
@if(\Config::get('app.maintenance_mode') === false)
@include('partials.buttons.input_lock',[
'text' => Lang::get('checkout/cart.button_order_safely'),
'input' => Form::submit('')
])
@else
At the moment it isn't possible to place your order. We are maintaining our site.
@endif
</div>
<div class="shipping-explained">
<a ng-click="showDetails = ! showDetails" href="javascript:void(0)"
class="title">* {{ Lang::get('partials/pricingOverview.shipping_more_info') }}</a>
<table ng-show="showDetails">
<tr>
<th>{{ Str::title(Lang::get('form.country')) }}</th>
<th>{{ Lang::get('partials/pricingOverview.shipping') }}</th>
<th>{{ Lang::get('partials/pricingOverview.free_shipping_short') }}</th>
</tr>
@foreach($shipping_costs as $shipping_cost)
<tr>
<td>{{ Lang::get('countries.'.$shipping_cost->country->iso_2) }}</td>
<td ng-bind-html="({{$shipping_cost->shipping_costs}} / 100) | currency:'€ ' | smallAfterCommaFilter"></td>
<td ng-bind-html="({{$shipping_cost->free_shipping}} / 100) | currency:'€ ' | smallAfterCommaFilter"></td>
</tr>
@endforeach
</table>
</div>
</div>
{{ Form::close() }}
</article>
</div>
@stop