@php
$link = 0;
$paginas = App\Pagina::where('menu', 1)->orderBy('ordem')->get();
$menus = App\MenuSegmento::select('segmento', 'id_segmento')->where('web_mn_main', '>', 0)->groupBy('segmento', 'id_segmento')->orderBy('web_mn_main')->get();
$products = new App\Shop\Products\Product;
@endphp


<!-- Carrinho de compras -->
<section>
	<div class="modal fade right cart" id="cart" tabindex="-1" role="dialog" aria-hidden="true">

		<div class="modal-dialog modal-full-height modal-right modal-notify modal-info" role="document">
			<div class="modal-content">

				<div class="modal-header black">
					<h3 class="white-text pt-4">Carrinho</h3>
					<button type="button" class="close" data-dismiss="modal">
						<i class="fas fa-times white-text"></i>
					</button>
				</div>

				<div class="modal-body">

					@if ($cartCount > 0)
					@foreach ($getCartItems as $item)
					<div class="product-cart my-2">

						<div class="row">
							<div class="col-lg-4">
								@php
								$src = $item->cover;
								@endphp
								<img src="{{ $src }}" class="img-fluid image">
							</div>

							<div class="col-lg">
								<h5 class="font-weight-bolder">{{ $item->name }}</h5>
								<form action="{{ route('cart.destroy', $item->rowId) }}" method="post" id="ExcluiItem_{{ $item->rowId }}">
									{{ csrf_field() }}
									<input type="hidden" name="_method" value="delete">
									<h5 class="red-text font-weight-bolder mt-3">
										{{ config('cart.currency_symbol') }} {{ number_format($item->price, 2, ',', '.')}}
										<button onclick="return confirm('Deseja remover o produto?')" class="button-remove">
											<span title="Excluir" class="text-right"> <i class="far fa-trash-alt black-text"></i></span>
										</button>
									</h5>
								</form>
							</div>

						</div>
					</div>
					<hr>
					@endforeach
					@else
					<div>
						<h5 class="font-weight-bolder">
							Seu carrinho está vazio
						</h5>
					</div>
					@endif

					<div class="sub-total">
						<h3 class="font-weight-bold">SubTotal:</h3>
						<h4 class="font-weight-bolder"> {{ config('cart.currency_symbol') }} {{ $cartTotal }} </h4>
					</div>

				</div>

				<div class="modal-footer justify-content-center">
					<a href="{{ route('cart.index')}}" class="btn btn-block box-green font-weight-bold">VER CARRINHO
						<i class="fas fa-shopping-cart ml-1"></i>
					</a>
				</div>

			</div>
		</div>
	</div>
</section>
<!--\ Carrinho de compras -->

<header>
	<div class="container-fluid blue-speed d-none d-lg-block">
		<div class="container">
			<div class="header-info py-2">
				<div class="row">

					<ul class="list-inline mr-auto mb-0">
						<li class="list-inline-item ml-2"><a href="">Lojas</a></li>
						<li class="list-inline-item ml-2"><a href="">Orçamento</a></li>
						<li class="list-inline-item ml-2 ">
							<a href="" class="white-text"><b>Ofertas</b><i class="fas fa-tags yellow-text fa-sm ml-1"></i></a>
						</li>
					</ul>

					<ul class="list-inline ml-auto mb-0">
						<li class="list-inline-item pr-2 border-right">
							<a href="https://api.whatsapp.com/send?phone={{ config('shop.whatsapp_link') }}" target="_blank">Compre pelo Whatsapp <i class="fab fa-whatsapp fa-lg green-text"></i></a>
						</li>
						<li class="list-inline-item pr-2 white-text"><b>Compre pelo Telefone: </b><span class="font-weight-bolder">{{ config('shop.phone') }} </span></li>
					</ul>

				</div>
			</div>
		</div>
	</div>

	<div class="container pt-2">
		<div class="row">

			<div class="col-lg-3 text-center my-auto">
				<a class="navbar-brand" href="{{route('home')}}">
					<img src="{{ asset('storage/logos/logo_speedpneus.png') }}" width="200" class="img-fluid">
				</a>
			</div>

			<div class="col-lg text-center">

				<div class="row">

					<div class="col-lg-3 col-4 ml-auto my-auto">
						<div class="row">
							<div class="col-lg-3 my-auto">
								<img src="{{ asset('storage/images/phone-speed.png') }}" height="40">
							</div>
							<div class="col-lg fosco-text mt-2 text-md-left">
								<h6 class="fosco-text pl-2"><small><b>{{ config('shop.phone') }}</b></small></h6>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-4">
						<div class="row">
							<div class="col-lg-3 my-auto">
								<img src="{{ asset('storage/images/user.png') }}">
							</div>
							<div class="col-lg fosco-text mt-2 text-md-left">
								<h6 class="font-weight-bold blue-speed-text">
									Olá, @if(auth()->check()) {{ auth()->user()->name }} @else visitante!@endif
								</h6>
								@if( auth()->check())
								<a href="{{ route('accounts', auth()->id()) }}">
									<h6 class="font-weight-bolder fosco-text mb-0"><small>Acessar conta</small><i class="fas fa-angle-down ml-1"></i></h6>
								</a>
								@else
								<a data-toggle="modal" data-target="#modalLRForm" class="my-auto">
									<h6><small>Faça seu <strong class="blue-speed-text">login</strong></small><i class="fas fa-angle-down ml-1"></i></h6>
								</a>
								@endif

							</div>
						</div>
					</div>

					<div class="col-lg-3 col-4">
						<a data-toggle="modal" data-target="#cart">
							<div class="row">
								<div class="col-lg-3">
									<img src="{{ asset('storage/images/cart.png') }}" class="mt-2 pt-1">
								</div>
								<div class="col-lg fosco-text mt-3 pt-1 text-md-left">
									<h6><small>Ver meus <strong class="blue-speed-text">produtos</strong></small><i class="fas fa-angle-down ml-1"></i></h6>
								</div>
							</div>
						</a>
					</div>

				</div>

				<div>
					<form action="{{ route('search.product') }}" method="get" id="search">
						<div class="input-group md-form form-lg my-2 app-border">
							<input class="form-control p-3 border-none font-weight-bolder typeahead search" type="text" placeholder=" Pesquisar produtos" name="search" value="{{ old('search', request()->input('search')) }}">
							<div class="input-group-append">
								<span class="input-group-text white border-none menu-search">
									<i class="fas fa-search blue-speed-text fa-lg pr-4" onclick="document.getElementById('search').submit();" style="cursor: pointer;"></i>
								</span>
							</div>
						</div>
					</form>
				</div>

			</div>

		</div>
	</div>

	<nav class="navbar navbar-expand-lg navbar-dark nav-header blue-speed p-0" id="myHeader">
		<div class="container">

			<button class="navbar-toggler p-3" type="button" data-toggle="collapse" data-target="#menu-header">
				<i class="fas fa-bars white-text"></i>
			</button>

			<div class="collapse navbar-collapse justify-content-center" id="menu-header">

				<ul class="navbar-nav menu-primario text-center">
					<li class="nav-item py-2 px-4">
						<a class="nav-link font-weight-bolder" href="{{ route('home') }}">INÍCIO</a>
					</li>
					<li class="nav-item py-2 px-4">
						<a class="nav-link font-weight-bolder" href="{{ route('produtos.recentes') }}">PRODUTOS</a>
					</li>
					<li class="nav-item py-2 px-4">
						<a class="nav-link font-weight-bolder" href="{{ route('blog.individual', 'servicos') }}">SERVIÇOS</a>
					</li>
					<li class="nav-item py-2 px-4">
						<a class="nav-link font-weight-bolder" href="{{ route('blog.individual', 'sobre-nos') }}">SOBRE NÓS</a>
					</li>
					<li class="nav-item py-2 px-4">
						<a class="nav-link font-weight-bolder" href="{{ route('blog.individual', 'nossas-lojas') }}">LOJAS</a>
					</li>
					<li class="nav-item py-2 px-4">
						<a class="nav-link font-weight-bolder" href="{{ route('blog') }}">BLOG</a>
					</li>
				</ul>

			</div>
		</div>
	</nav>

</header>