<div id="header" class="sticky clearfix">

	<style>
		#header li.quick-cart .quick-cart-box {
		-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
		}
		#header li.quick-cart .quick-cart-footer > span {
			background-color: transparent;
		}
		.quick-cart-wrapper span.price {
			color: #666666;
			font-size: 1.1em;
		}

		.quick-cart-wrapper h5 {
			margin-bottom: 5px;
		}
		#header li.quick-cart .quick-cart-footer {
			padding: 10px 10px 10px 10px;
			background-color: #ebebeb;
		}
		#header li.quick-cart .quick-cart-box {
			padding-bottom: 0;
		}
		#header ul.nav-second-main {
			margin-top: 25px;
		}
		@media only screen and (max-width: 992px){

			#header ul.nav-second-main
			{
				margin-top: 0px;
			}
		}
		#header.fixed ul.nav-second-main {
			margin-top: 8px;
		}
		#header li.quick-cart .quick-cart-box a.btn-sm{
			padding: 8px !important;
			font-size: 13px;
			line-height: 1.2em;

		}
		#header li.quick-cart .quick-cart-box a.btn-default{
			background-color: transparent;
			border: #b0adb3 1px solid;
		}

	</style>
	<!-- TOP NAV -->
	<header id="topNav">
		<div class="container">

			<!-- Mobile Menu Button -->
			<button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
				<i class="fa fa-bars"></i>
			</button>

			@if(Util::isCheckout())

				@if(isset($order_reference))
					<a class="logo pull-left" href="{{ Util::getUserShopBackUrl($order_reference) }}">
						<img class="fixed_top" src="/assets/images/logo_mivita.png" alt="mivita" />
						<img class="fixed_scroll" src="/assets/images/logo_mivita_fixed.png" alt="mivita" />
					</a>
				@else
					<a class="logo pull-left" href="{{ Util::getUserCardBackUrl('/') }}">
						<img class="fixed_top" src="/assets/images/logo_mivita.png" alt="mivita" />
						<img class="fixed_scroll" src="/assets/images/logo_mivita_fixed.png" alt="mivita" />
					</a>
				@endif
				<div class="navbar-collapse pull-right nav-main-collapse collapse">
					<nav class="nav-main">
						<ul id="topMain" class="nav nav-pills nav-main nav-onepage">
							<li class="">
								@if(isset($order_reference))
									<a href="{{ Util::getUserShopBackUrl($order_reference) }}">
										<i class="fa fa-chevron-left"></i> zurück zum Shop
									</a>
								@else
									<a href="{{ Util::getUserCardBackUrl('/card/show') }}">
										@if(Util::getUserPaymentFor() > 1)
											<i class="fa fa-chevron-left"></i> zurück {{ Util::getMyMivitaUrl(false) }}
										@else
											<i class="fa fa-chevron-left"></i> zurück zum Warenkorb
										@endif
									</a>
								@endif
							</li>
						</ul>
					</nav>
				</div>
			@else
				<ul class="pull-right nav nav-pills nav-second-main has-topBar">
					<!-- QUICK SHOP CART -->
					<li class="quick-cart">

						<a href="#" style="border: 1px solid #c3c3c3; padding: 10px;">
						<span style="position: relative">
						<span class="badge badge-success btn-xs badge-corner faa-horizontal animated">{{ Yard::instance('shopping')->count() }}</span>
						<i class="fa fa-shopping-cart"></i>
						</span>
							&nbsp;
							@if(Yard::instance('shopping')->count())
								<span class="">{{ \Yard::instance('shopping')->total() }} € </span>
							@endif
						</a>
						<div class="quick-cart-box" style="display: @if(Session::has('show-card-after-add')) block @else none @endif">
							<h4>Warenkorb</h4>

							<div class="quick-cart-wrapper">
								@foreach(Yard::instance('shopping')->content() as $row)
									<a href="{{ url('/produkte/alle-produkte/'.$row->options->slug) }}"><!-- cart item -->
										@if($row->options->has('image'))
											<img src="{{ route('product_image', [$row->options->image]) }}" width="50" height="66" alt="">
										@else
											<img src="{{ asset('/assets/images/1x1.png') }}" width="50" height="66" alt="">
										@endif
										<h5>{{ $row->name }}</h5>
										<span class="price">{{ $row->qty }}x  <strong>{{  $row->price() }} €</strong></span>

									</a><!-- /cart item -->
								@endforeach
							</div>
							<!-- quick cart footer -->
							<div class="quick-cart-footer clearfix">
								<div class="text-left">
									<strong>Zwischensumme:</strong> <strong class="pull-right">{{ Yard::instance('shopping')->total() }} €</strong>
									<br>
									<em style="font-size: 0.9em">inkl. MwSt. zzgl. Versandkosten</em>
								</div>
								<a href="{{ url(Util::getPostRoute().'card/show') }}" class="btn btn-primary btn-text-500 btn-block mt-3 faa-parent animated-hover">zum Warenkorb <i class="fa fa-shopping-cart faa-horizontal"></i></a>

								<a href="#" class="btn btn-sm btn-default mt-3 quick-cart-box-close">schließen</a>

							</div>
						</div>
					</li>
				</ul>
				<!-- Logo -->
				<a class="logo pull-left" href="{{ url('/') }}">
					<img class="fixed_top" src="/assets/images/logo_mivita.png" alt="mivita" />
					<img class="fixed_scroll" src="/assets/images/logo_mivita_fixed.png" alt="mivita" />
				</a>
				<div class="navbar-collapse pull-right nav-main-collapse collapse">
					<nav class="nav-main">
						<ul id="topMain" class="nav nav-pills nav-main nav-onepage">
							<li class="{{ Request::is('/') ? ' active' : '' }}">
								<a href="/">
									Start
								</a>
							</li>
							<li class="{{ Request::is('aloevera') ? ' active' : '' }}">
								<a href="{{url('/aloevera')}}">
									Aloe Vera
								</a>
							</li>
							<li class="{{ Request::is('produkte/*') ? ' active' : '' }}">
								<a href="{{url('/produkte/alle-produkte')}}/">
									Produktwelt
								</a>
							</li>
							<li class="{{ Request::is('geschaeftsmodell/*') ? ' active' : '' }}">
								<a href="{{url('/geschaeftsmodell/karrierechancen')}} ">
									Karrierechancen
								</a>
							</li>
							<li class="{{ Request::is('kontakt') ? ' active' : '' }}">
								<a href="{{ url('kontakt') }}">
									Kontakt
								</a>
							</li>
						</ul>
					</nav>
				</div>
			@endif
		</div>
	</header>
	<!-- /Top Nav -->

</div>
