@extends('master')


@section('js')	
    <script src="/assets/vendor/typeahead.js/typeahead.bundle.js"></script>
        <script src="/assets/vendor/handlebars/handlebars-v4.0.2.js"></script>
    <script src="/assets/js/typeahead.js"></script>
@endsection


@section('css')
    <link href="{{ asset('assets/css/typeahead.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/css/basket.css') }}" rel="stylesheet">
@endsection

@section('content')
<div class="container category">
    <div class="row">
    	<div class="col-md-3 submenu">
    		<div id="ctas">
                 <a href="{{ route('browse') }}"><img class="img-responsive" src="{{ asset('assets/img/ctas/product-range.jpg') }}" alt="Search our entire product range"></a>
                <a href="{{ route('account_details') }}"><img class="img-responsive" src="{{ asset('assets/img/ctas/account-status.jpg') }}" alt="Check your company account status"></a>
                <a href="{{ route('image_library') }}"><img class="img-responsive" src="{{ asset('assets/img/ctas/image-library.jpg') }}" alt="Search our image library"></a>
               
                <a href="/contact-us/request-a-catalogue"><img class="img-responsive" src="{{ asset('assets/img/ctas/download-brochure.jpg') }}" alt="Download our latest digital brochures"></a>
            </div>
        </div>
    	<div class="col-md-9">
    		<h2>Quick Order Entry</h2>
    		<p>If you know the product code of the item you wish to order, enter it below to quickly add it to your basket.</p>
                
        @php
            $alerts = app(Cartalyst\Alerts\Alerts::class)->get();
        @endphp

        @foreach ($alerts as $alert)
            <div class="alert alert-{{ $alert->class }} alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                {{ $alert->message }}
            </div>
        @endforeach

			<form class="form-inline" id="typeahead-form" action="{{ route('add_to_basket') }}" method="post">
				{!! csrf_field() !!}
			  <div class="form-group">
			    <label for="ajax-search-terms" class="sr-only">Quick order</label>
			   	<input type="text" class="form-control typeahead" id="ajax-search-terms" name="code" placeholder="Catalogue number">		   	
			  </div>	  
			  <button class="btn btn-orange" type="submit" value="Submit">Add to basket</button>
			  <input type="hidden" name="quantity" value="1">
			</form>
		
			<hr />

   
    		@if (count($items) > 0)
			<table class="table table-bordered basket">
		      <thead>
		        <tr>
		          <th>Code</th>		          
		          <th>Description</th>	
		          <th>Pack size</th>		          
		          <th>Cost</th>
		          <th class="quantity">&nbsp;</th>
		        </tr>
		      </thead>
		      <tbody>
		      	@foreach ($items as $item)
		        <tr>
		        	<td>{{ $item->code }}</td>
		          	<td>{{ $item->name }} 
			          @foreach ($item->attributes() as $attribute=>$data)		          	
			          	({{ $data->value }} - $price_srp)
			          @endforeach
		          </td>		          	
		          <td>{{ $item->unit }}</td>	         
		          <td>&pound;{{ number_format($item->subTotal(),2) }}</td>
		          <td class="quantity">
		          	<form class="form-inline" action="{{ route('add_to_basket') }}" method="post">
		          		{!! csrf_field() !!}
		          		<input type="hidden" name="row_id" value="{{ $item->rowId }}">
		          		<div class="form-group">
		          			<label for="quantity-{{ $item->id }}">Quantity</label>
		          			<input type="number" min="1" id="quantity-{{ $item->id }}" length="1" class="form-control input-sm" style="width: 4em" name="quantity" value="{{ $item->quantity() }}">
		          		</div>
		          		<button type="submit" class="btn btn-sm btn-info">Update</button>
		          	</form>
		          	<form class="form-inline" action="{{ route('add_to_basket') }}" method="post">
		          		{!! csrf_field() !!}
		          		<input type="hidden" name="row_id" value="{{ $item->rowId }}">
		          		<input type="hidden" name="quantity" value="0">
		          		<button type="submit" class="btn btn-sm btn-danger">Remove</button>
		          	</form>
		          	<form class="form-inline" action="{{ route('toggle_favourite') }}" method="post">
		          		{!! csrf_field() !!}		          		          	
		          		<button type="submit" class="btn btn-sm btn-success">
		          			@if (!($item->attributes->isEmpty()))
		          				<input type="hidden" name="variant_id" value="{{ $item->id }}">		
		          				@if ($user->favouritevariants()->where('variant_id',$item->id)->get()->count())
			          				Remove from favourites
			          			@else		          				
			          				Add to favourites
			          			@endif		          				
		          			@else
		          				<input type="hidden" name="product_id" value="{{ $item->id }}">		
			          			@if ($user->favouriteproducts()->where('product_id',$item->id)->get()->count())
			          				Remove from favourites
			          			@else		          				
			          				Add to favourites
			          			@endif
			          		@endif
		          		</button>
		          	</form>
		          </td>
		        </tr>
		       	@endforeach
		       	<tr>
		       		<td></td>
		       		<td></td>
		       		<td><strong class="pull-right">VAT:</strong></td>
		       		<td><strong>&pound;{{ number_format(Cart::conditionsTotalSum(),2) }}</strong></td>
		       		<td></td>
		       	</tr>		       	
		       	<tr>
		       		<td></td>
		       		<td></td>
		       		<td><strong class="pull-right">Total :</strong></td>
		       		<td>
		       			<strong>		       			
		       				&pound;{{ number_format(Cart::subTotal(),2) }} 
		       			</strong>
		       		</td>
		       		<td></td>
		       	</tr>
		      </tbody>
		    </table>
		    @if (Cart::itemsSubtotal() >= 200)
		    <p><a href="{{ route('checkout') }}" class="btn btn-success">Proceed to checkout</a></p>
		    @else
		    <p><a class="btn btn-default" disabled>Proceed to checkout</a></p>
		    <p>You must meet the minimum order of £200 to proceed to checkout.</p>
		    @endif

		    @else
		    <p>Your basket is currently empty.</p>
		    @endif
		</div>
	</div>
</div>

@endsection