@extends('master')

@section('css')
	<link href="{{ asset('assets/css/product.css') }}" rel="stylesheet">
	<link href="{{ asset('assets/css/slider.css') }}" rel="stylesheet">
	<style>
		.downloadspec {float:right;padding:10px 25px;border:1px solid #cccc;border-radius:4px;}
	</style>
@endsection

@section('js')
<script src="{{ asset('assets/js/product-images.js') }}"></script>
@endsection

@section('content')

<div class="container category">


	<ul class="breadcrumb">
		<li><a class="default" href="/">Home</a></li>
		<li><a href="{{ $sector->get_route() }}" class="default">{{ $sector->title }}</a></li>
		@if (!empty($category)) {{-- Empty on New Products page --}}
		<li><a href="{{ $category->get_route() }}" class="default">{{ $category->title }}</a></li>
		@endif
		@if ($subcategory->uri != $sector->uri) {{-- A bit of a hack to handle New Products and Favourites; we shold revisit the breadcrumb really --}}
		<li><a href="{{ $subcategory->get_route() }}" class="default">{{ $subcategory->title }}</a></li>
		@endif
		<li class="current {{ $sector->uri }}">{{ $product->title }}</li>
	</ul>
    </div>
<div class="subcategory-header {{ $sector->uri }}">
			<h3 class="{{ $sector->uri }}">{{ $subcategory->title }}</h3>
                                            <!--p>{{ $category->summary }}</p-->
			@if ($subcategory->content)
				{!! $subcategory->content !!}
			@else
				{!! $subcategory->summary !!}
			@endif
<!--		@if ($subcategory->image && !$subcategory->hero_image)
		<div class="col-md-4 col-md-offset-1 hidden-xs">
			{{-- <img src="{{ Croppa::url($subcategory->image, 400, 400) }}" class="img-responsive" alt="{{ $subcategory->title }}"> --}}
			<img src="/imagecache/square/{{ $subcategory->image }}?size=400" class="img-responsive" alt="{{ $subcategory->title }}">
		</div>
		@endif-->

</div>
<div class="container subcategory">
	<div class="row grid-header">

            @if ($product->images()->count() > 1)
		<div class="col-md-4" style="position:relative;">
			                    @if (Auth::check() && !Auth::user()->is_restricted())
                    <form class="form-inline favform" action="{{ route('toggle_favourite') }}" method="post" style="right:20px;z-index:9;">
		          		{!! csrf_field() !!}		          		          	
		          		<button type="submit" class="btn btn-sm btn-success">							
		          				<input type="hidden" name="product_id" value="{{ $product->id }}">		
			          			@if (Auth::user()->favouriteproducts()->where('product_id',$product->id)->get()->count())
			          				<i class="fa fa-heart active" aria-hidden="true"></i>
			          			@else		          				
			          				<i class="fa fa-heart" aria-hidden="true"></i>
			          			@endif			          		
		          		</button>
		          	</form>
		          	@endif
			<div id="product_images_slider" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 300px; height: 300px; overflow: hidden; visibility: hidden; _background-color: #24262e;">
				
		        <!-- Loading Screen -->
		        <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
		            <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
		            <div style="position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;"></div>
		        </div>
		        <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 300px; height: 300px; overflow: hidden;border:1px solid silver">
		        	@foreach ($product->images()->get() as $image)
		            <div data-p="144.50" style="display: none;">
		            	<img data-u="image" src="/imagecache/product/{{ $image->src }}">
		            	<img data-u="thumb" src="/imagecache/product_thumb/{{ $image->src }}">

		            </div>
		           @endforeach

		        </div>

		        <!-- Arrow Navigator -->
		        <span data-u="arrowleft" class="jssora05l" style="top:158px;left:8px;width:40px;height:40px;"></span>
		        <span data-u="arrowright" class="jssora05r" style="top:158px;right:8px;width:40px;height:40px;"></span>
		        <a href="http://www.jssor.com" style="display:none">Jssor Slider</a>
		    </div>
		</div>

		@else
		<div class="col-md-4">
			                    @if (Auth::check() && !Auth::user()->is_restricted())
                    <form class="form-inline favform" action="{{ route('toggle_favourite') }}" method="post" style="right:20px;">
		          		{!! csrf_field() !!}		          		          	
		          		<button type="submit" class="btn btn-sm btn-success">							
		          				<input type="hidden" name="product_id" value="{{ $product->id }}">		
			          			@if (Auth::user()->favouriteproducts()->where('product_id',$product->id)->get()->count())
			          				<i class="fa fa-heart active" aria-hidden="true"></i>
			          			@else		          				
			          				<i class="fa fa-heart" aria-hidden="true"></i>
			          			@endif			          		
		          		</button>
		          	</form>
		          	@endif
			{{-- <img src="{{ Croppa::url($product->image(), null, 400) }}" class="img-responsive img-border" alt="{{ $product->title }}"> --}}

			<img src="/imagecache/product/{{ $product->image() }}" class="img-responsive img-border" alt="{{ $product->title }}">
		</div>
		@endif
		<div class="col-md-7 col-md-offset-1">
                    <h1 class="{{ $sector->uri }}" style="font-family: 'Libre Baskerville', serif">{{ $product->title }}</h1>
			@if ($product->code) <p class="product-code">Product code: {{ $product->code }}</p> @endif


			@if ($product->content)
				{!! $product->content !!}
			@else
				{!! $product->summary !!}
			@endif

			@if (!empty($price))

				<p class="price">&pound;{{ number_format($price, 2) }}
					@if (!empty($price_srp))
						<br /><span class="srp">SRP: &pound;{{ number_format($price_srp, 2) }}</span>
					@endif
				</p>
				@if (!empty($product->promotion_available) && $product->promotion_available > 0)
					<p><em>A promotion is available for this product. All promotional pricing will be validated on receipt of order.</em></p>
				@endif


				<form class="form-inline" class="add-to-basket" method="POST" action="/basket/add">
					{!! csrf_field() !!}
					<input type="hidden" name="product_id" value="{{ $product->id }}">
					<div class="form-group">
						<label for="quantity" class="sr-only">Quantity</label>
						<input type="number" min="1" max="20" class="form-control" name="quantity" id="quantity" value="1">
					</div>
					<button type="submit" class="btn btn-default" @if ($stock <= 0) disabled @endif>Add to basket</button>
				</form>

				<div class="stock-level">
					<h3>Availability</h3>
					@if ($stock > 0)
						<p><span class="in-stock">In stock</span> <span class="note">Stock availability is subject to change</span></p>
					@else
						<p><span class="out-of-stock">Out of stock</p>
					@endif
                </div>

			@endif

			@if ($variants->count()) {{-- This is presumably an @else? --}}
			<div class="row grid-header">
				<div class="col-md-12">

					<div class="variants">
						<table cellpadding="2" cellspacing="0" border="0">
							<tbody>
								<tr>
									<th>Code</th><th>{{ $variants->first()->property }}</th>
									@if (Auth::check() && !Auth::user()->is_restricted())
										<th>Availability</th>
										<th>Price</th>
										<th>SRP</th>
										<th style="visibility: hidden">Actions</th>
									@endif
								</tr>
								@foreach ($variants as $variant)
																		<tr>
										<td>{{ $variant->code }}</td><td>{{ $variant->value }}</td>
										@if (Auth::check() && !Auth::user()->is_restricted())
											<td>
											@if ($variant->stock > 0)
												<span class="in-stock">In stock</span>
											@else
												<span class="out-of-stock">Out of stock</span>
											@endif
											</td>

											<td>&pound;{{ number_format($variant->price, 2) }}</td>
											<td>&pound;{{ number_format($variant->price_srp, 2) }}</td>
											<td>
												<form class="form-inline" class="add-to-basket" method="POST" action="/basket/add">
													{!! csrf_field() !!}
													{{--
													<input type="hidden" name="product_id" value="{{ $product->id }}">
													<input type="hidden" name="variant_id" value="{{ $variant->id }}">
													--}}
													<input type="hidden" name="code" value="{{ $variant->code }}">
													<div class="form-group">
														<label for="quantity" class="sr-only">Quantity</label>
														<input type="number" min="1" max="20" class="form-control" name="quantity" id="quantity" value="1">
													</div>
													<button type="submit" class="btn btn-success" @if ($variant->stock <= 0) disabled @endif>Add to basket</button>
												</form>
											</td>
										@endif
									</tr>
								@endforeach
							</tbody>
						</table>

					</div>
					@if (!empty($variant_promotion_available) && Auth::check() && !Auth::user()->is_restricted())
							<p><em>A promotion is available for this product. All promotional pricing will be validated on receipt of order.</em></p>
						@endif

				</div>
			</div>
			@endif