@extends('layouts._front.shoppingcart')

@section('content')        
   @include("home.includes.shoppingcartnav") 

 <div class="uk-width-1-1 uk-margin-large  uk-margin-large-top"> 
             <div class="uk-container uk-container-center uk-margin-medium-bottom">
                <article id="main" role="main">
                    <div class="uk-grid">
    <div class="uk-width-1-1"> 

        @if (session()->has('message')) 
            <div id="" style="margin-bottom:10px;" class="uk-alert uk-text-center uk-text-large uk-alert-success"><i class="uk-icon uk-icon-check-circle"></i> <strong>Success:</strong> The quantity of your shopping cart have been updated.</div>
        @endif                
        {!! Form::open(array('url' => '/shopping-cart/update', 'method' => 'post', 'id' => 'pageform', 'class' => 'row-fluid bill-info')) !!}
       
        <table class="uk-table cart-order-list">
            <thead>
                <tr class="cart-hdr">
                    <th class="hdr-panel5"></th>
                    <th class="hdr-panel1 text-center text-uppercase">Product</th>
                    <th class="hdr-panel2 text-left text-uppercase">Price</th>
                    <th class="hdr-panel3 text-left text-uppercase">Quantity</th>
                    <th class="hdr-panel4 text-left text-uppercase">Total</th>
                </tr>
            </thead>
            <tbody>

               
         

            @if ($cart->isEmpty() || ($cart_count == 0)) 
              <tr>
                <td colspan="5" class="uk-text-danger"><div class="uk-width-medium-1-2  uk-text-center uk-margin-medium-top  uk-container-center"><strong>Your Shopping Cart is Empty</strong></div></td>
              </tr>
             @else 
               
                  
              @foreach($cart as $carts) 

                @if(empty($carts->product_price)) $carts->product_price = 0; @endif  
                @if(empty($carts->total)) $carts->total = 0; @endif  

                <tr>
                    <td class="tp5 uk-vertical-align">                                	                         
                         <a href="{{url('shopping-cart/delete/'.$carts->temp_cart_id)}}" class="uk-vertical-align-middle" onClick="return confirm(&quot;Are you sure you want to remove this products from your shopping cart?\n\nPress OK to delete.\nPress Cancel to go back without deleting the products from your shopping cart.\n&quot;)"><i class="uk-icon-close"></i></a>        
                    <td class="tp1 uk-vertical-align">
                        <div class="uk-vertical-align-middle">
                        	<div class="pull-left cart-image-holder">
                            @if($carts->image != "") 
                                 {!! Html::image('https://pod.cloud.graphikservices.com/renderEMF/render?imgUrl='.url(PRODUCT_IMAGE_PATH.$carts->fldProductSlug.'/'.SMALL_IMAGE.$carts->image).'&imgHI='.$carts->image_height.'&imgWI='.$carts->image_width.'&maxW=225&maxH=225&t='.$carts->fldTempCartMatBorderSize.'&r='.$carts->fldTempCartMatBorderSize.'&b='.$carts->fldTempCartMatBorderSize.'&l='.$carts->fldTempCartMatBorderSize.'&sku='.$carts->fldTempCartFrameInfo.'&frameW='.$carts->frame_size.$carts->matParams) !!}
                                                            @else
                                 {!! Html::image('_front/assets/images/no-image-small.jpg') !!}	
                            @endif
                            </div>    
                            <div class="pull-left  cart-text-holder uk-margin-large-left uk-vertical-align">
                                <h3 class="uk-h3 uk-margin-bottom-remove">{{ $carts->product_name }} </h3>
                                <div class="w100 grey">{{ $carts->product_sub_title }}</div>
                            </div> 
                        </div>                   	
                    </td>
                    <td class="tp2 uk-vertical-align"><strong>${{ number_format($carts->product_price,2) }}</strong></td>
                    <td class="tp3 uk-vertical-align">
                        
                        <div data-trigger="spinner" class="input-append uk-form-width-mini spinner lighter" style="max-width:100px;">
                            <input type="text" data-step="1" data-min="1" data-max="1000" id="quantity" name="qty[]" value="{{$carts->quantity}}">
                            <div class="add-on"> 
                              <a data-spin="up" class="spin-up" href="javascript:;"><i class="uk-icon-sort-up"></i></a>
                              <a data-spin="down" class="spin-down" href="javascript:;"><i class="uk-icon-sort-down"></i></a>
                            </div>
                          </div>


                        {!! Form::hidden('cartId[]',$carts->temp_cart_id) !!} 
                    </td>
                    <td class="tp4 uk-vertical-align"><strong>${{ number_format($carts->total,2) }}</strong></td>
                </tr>
            @endforeach 
              
            </tbody>
            <tfoot>
                <tr class="border-top border-bottom">
                    <td colspan="3"> 
                    <div id="coupon_error" style="display:none; margin-bottom:10px; max-width: 288px;" class="uk-alert uk-alert-danger uk-alert-error">Invalid Coupon code</div>
                    <div id="coupon_error_success" style="display:none; margin-bottom:10px;  max-width: 288px;" class="uk-alert uk-alert-success"><strong>Success!</strong> Coupon code is valid!</div>
                    {!! Form::text('coupon','',array('id'=>'coupon','placeholder'=>'Enter Code','class'=>'text text-small')) !!}  
                    <button type="button" name="coupon_check" class="uk-button  uk-button-primary" onclick="checkCoupon({{ $cart[0]->subtotal }})">APPLY COUPON</button>
                    </td>
                    <td  colspan="2" class="total-cart-price uk-text-right">   {!! Form::submit('UPDATE CART',array('class'=>'uk-button uk-button-primary','name'=>'update'))!!}</td>
                </tr>
            </tfoot>
           @endif
        </table>
  @if ((!$cart->isEmpty()) || ($cart_count > 0))   
        <div class="full-width uk-margin-large-top grand-total-section normal">
            <div class="uk-width-large-1-2 uk-width-1-1 uk-float-right">
                    <h3 class="uk-h2 roboto bold  uk-margin-large-bottom">Cart Total</h3>
                    <div class="uk-grid uk-margin-remove normalize sub-total-div border-bottom border-bottom-small">
                        <div class="uk-width-3-10 uk-padding-remove uk-width-1-1">SUBTOTAL</div>  <div class="uk-width-7-10 uk-width-1-1 bold"><span class="subtotal-val">$ {{ number_format($cart[0]->subtotal,2) }}</span></div>
                    </div>   
                    <div class="uk-grid uk-margin-remove  normalize shipping-div border-bottom border-bottom-small">
                        <div class="uk-width-3-10 uk-padding-remove uk-width-1-1">SHIPPING</div>
                        <div class="uk-width-7-10 uk-width-1-1">
                            <ul class="shipping-list-item list-item option-list uk-margin-remove uk-padding-remove">
                                <li><input type="radio" id="free-shipping" name="shipping" value="free-shipping"><label for="free-shipping">Free Shipping</label></li>
                                <li><input type="radio" id="local-shipping" name="shipping" value="local-shipping"><label for="local-shipping">Local Shipping (Free)</label></li>
                            </ul>
                            <a class="black bold uk-button uk-button-plain">Calculate Shipping</a>
                        </div>
                    </div>

                     <div class="uk-grid uk-margin-remove  normalize sub-total-div border-bottom border-bottom-small" id="coupon_code">
                        <div class="uk-width-3-10  uk-padding-remove  uk-width-1-1">Discount</div>  <div class="uk-width-7-10 uk-width-1-1 bold total-cart-price payment"><span id="coupon_amount">$ 0.00</span></div>
                    </div>  

                    <div class="uk-grid uk-margin-remove  normalize sub-total-div border-bottom border-bottom-small" id="">
                        <div class="uk-width-3-10  uk-padding-remove  uk-width-1-1">TOTAL</div>  <div class="uk-width-7-10 uk-width-1-1 bold total-cart-price payment">$ <span id="Grandtotal">{{ number_format($cart[0]->subtotal,2) }}</span></div>
                    </div> 

                     
                    <div>
                        <div  class="cart-functions uk-margin-medium-top">
                            <div class="btn-group">
                                 {!! Form::hidden('total',$cart[0]->subtotal) !!}
                                {!! Form::submit('Proceed to Checkout',array('class'=>'uk-button uk-button-small uk-button-primary full-width text-uppercase','name'=>'checkout'))!!}                         
                                 
                            </div>
                        </div>
                    </div> 
            </div>
        </div>
        </div>
        @endif
      {!! Form::close() !!}
      </div>		
  </div><!--row -->	
  </div><!--row --> 
  </div><!--row --> 
  </div><!--row --> 

@stop
@section('headercodes')
	<script language="javascript">

function formatNumber (num) { 
    return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"); 
    
}


		function checkCoupon(total) {

			var code = document.getElementById("coupon").value;
            $(".uk-alert").hide();
            $('#coupon').removeClass('uk-alert-danger');
            if($.trim(code) != ''){
    			$.ajax({	
    				type: "POST",
    				url: "coupon-code/"+code+"/"+total,
    				data: $("#pageform").serialize(),
    				cache: false,
    				success: function(data){	
                       
    					var items = JSON.parse(data);
    					if(items[0] == "error") { 
    						$("#coupon_error").show();	
    						var itemVal = 0;
    						$("#coupon_amount").text("$ "+parseFloat(itemVal).toFixed(2));
    						$("#Grandtotal").text(""+ formatNumber(parseFloat(total).toFixed(2)));
    					} else if(items[0] == "Free Shipping") {
    						$("#coupon_error").hide();
                            $("#coupon_code").show();
                            	
    						var itemVal = 0;
    						$("#coupon_amount").text("Free Shipping"); $("#coupon_error_success").show();
    						$("#Grandtotal").text(""+formatNumber(parseFloat(total).toFixed(2)));
    					} else {
    						$("#coupon_error").hide();	$("#coupon_error_success").show();
                            $("#coupon_code").show();    
    						$("#coupon_amount").text(" - $"+parseFloat(items[0]).toFixed(2));
    						$("#Grandtotal").text(" "+formatNumber(parseFloat(items[1]).toFixed(2)));
    						
    					}
    				}
    		    });	
            }  else{
                $('#coupon').addClass('uk-alert-danger');
            }
			
		}
						
		$('#pageform').find('#coupon').keypress(function(e){
			
		    if ( e.which == 13 ) // Enter key = keycode 13
		    {
				checkCoupon(100);	
        		$('#coupon').focus();  //Use whatever selector necessary to focus the 'next' input
				return false;
		    }
		    
		});
		
		$(document).ready(function() {
		  $(window).keydown(function(event){
			if(event.keyCode == 13) {
			  event.preventDefault();
			  return false;
			}
		  });
           loadScript("{!!url('_front/plugins/spinner/src/jquery.spinner.js')!!}", function(){  });
		});

		
	
	</script>
@stop