mivita/resources/views/web/layouts/includes/header.blade.php
2018-12-12 14:33:52 +01:00

150 lines
4.1 KiB
PHP

<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;
}
</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>
<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">{{ Yard::instance('shopping')->count() }}</span>
<i class="fa fa-shopping-cart"></i>
</span>
&nbsp;
@if(Yard::instance('shopping')->count())
<span class="">{{ \Yard::instance('shopping')->subtotal() }} </span>
@endif
</a>
<div class="quick-cart-box" style="display: none;">
<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')->subtotal() }} </strong>
<br>
<em style="font-size: 0.9em">inkl. MwSt. zzgl. Versandkosten</em>
</div>
<a href="{{ route('card_show') }}" class="btn btn-primary btn-block mt-3">zum Warenkorb</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>
</div>
</header>
<!-- /Top Nav -->
</div>