@extends('Layouts.frontLayout',['classBody'=>"page-template-default page  page-wrapper-cart page-wrapper-page  container-max-width show-bottom-nav"])
@section('title')
 {{__('Cart')}}
@endsection
@section('content')
    @if(isset($settings['external_link']) and $settings['external_link']==0)
     <main id="main">
      <div class="container container-single-post">
        <nav class="breadcrumb">
          <nav class="page-wrapper-breadcrumb breadcrumb">
            <a href="/">{{__('Home')}}</a>&nbsp;&#47;&nbsp; {{__('Cart')}}
          </nav>
        </nav>
        <div class="row">
          <div class="col-12  post-main-content">
            <article class="post-single post-10 page type-page status-publish hentry">
              <header class="post-header">
                <h1 class="post-title">{{__('Cart')}}</h1>
                </h1>
              </header>
              <div class="post-content">
                <div class="page-wrapper">
                  <div class="page-wrapper-notices-wrapper"></div>
                  <div class="cart-holder">
                    <form class="page-wrapper-cart-form" action="{{route('Front.carts.updateCart')}}" method="post" enctype="multipart/form-data">
					@csrf
                      <div class="cart-contents">
                        <header class="cart-header">
                          <div>
                            <strong class="title">{{__('Your Shopping Cart')}} </strong>
                            <div class="count">{{$sizeoforder}} {{__('Product')}} </div>
                          </div>
                          <div class="dropdown">
                            <div class="dropdown-toggle">
                              <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                                <path fill-rule="evenodd" d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-2 4c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2zm2 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" clip-rule="evenodd"></path>
                              </svg>
                            </div>
                            <div class="dropdown-menu">
                              <a href="#" class="empty-cart">
                                <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                                  <path fill-rule="evenodd" d="M6.666 1.667v1.666h6.667V1.667H6.666zM3.333 5.833V4.167h13.333v1.666H3.333zm10.833.834h1.667v9.166a2.5 2.5 0 01-2.5 2.5H6.666a2.5 2.5 0 01-2.5-2.5V6.667h1.667v9.166c0 .46.373.834.833.834h6.667c.46 0 .833-.373.833-.834V6.667zm-5 0H7.5V15h1.666V6.667zm1.667 0H12.5V15h-1.667V6.667z" clip-rule="evenodd"></path>
                                </svg> {{__('Remove All')}}</a>
                            </div>
                          </div>
                        </header>
						@php $totalPrice=0; @endphp
						 @if(Auth::id())
						@foreach($data['Orders']->Cart as $order)
                        @php $price=$order->price_off *$order->number ; $totalPrice=$order->price_off*$order->number+$totalPrice;  @endphp
							<input type="hidden" name="product_id[]" value="{{$order->product_id}}" />
							<input type="hidden" name="attribute_id[]" value="{{$order->attribute_id}}" />
							<input type="hidden" name="attribute_value_id[]" value="{{$order->attribute_value_id}}" />
							<input type="hidden" name="number[]" value="{{$order->number}}" />
							<input type="hidden" name="price[]" value="{{$order->price}}" />
							<input type="hidden" name="price_off[]" value="{{$order->price_off}}" />
							<input type="hidden" name="image[]" value="{{$order->product->image}}" />
							<input type="hidden" name="title[]" value="{{$order->product->title}}" />
							<input type="hidden" name="slug[]" value="{{$order->product->slug}}" />
							 @if($order->attribute_value_id !=0 )
							<input type="hidden" name="attribute_title[]" value="{{$order->Attribute->title}}" />
							<input type="hidden" name="attribute_value[]" value="{{$order->AttributeValue->value}}" />
							 @endif
                        <div class="cart-item cart_item">
                          <div class="col-thumbnail">
                            <div class="product-thumbnail">
                              <a href="{{route('Front.products.index',$order->product->slug)}}" >
							    <img width="150" height="150" src="/File/product/150_150/{{$order->product->image}}" class="attachment-page-wrapper_thumbnail size-page-wrapper_thumbnail" alt="{{$order->product->title}}" decoding="async" loading="lazy" srcset="/File/product/150_150/{{$order->product->image}} 150w, /File/product/300_300/{{$order->product->image}} 300w, /File/product/768_768/{{$order->product->image}} 768w, /File/product/600_600/{{$order->product->image}} 600w, /File/product/64_64/{{$order->product->image}} 64w, /File/product/{{$order->product->image}} 800w" sizes="(max-width: 150px) 100vw, 150px" />
                              </a>
                            </div>
                            <div class="sale-flash"></div>
                            <div class="product-quantity">
                              <div class="quantity-holder">
                                <label class="screen-reader-text" for="quantity_{{$order->product_id}},{{$order->attribute_id}},{{$order->attribute_value_id}}">{{$order->product->title}}</label>
                                <span class="decrease-qty">-</span>
                                <input type="number" id="quantity_{{$order->product_id}},{{$order->attribute_id}},{{$order->attribute_value_id}}" class="input-text qty text" step="1" min="0" max="" name="quantity[]" value="{{$order->number}}" title="{{__('Count')}}" size="4" placeholder="" inputmode="numeric" autocomplete="off" />
                                <span class="increase-qty">+</span>
                              </div>
                            </div>
                          </div>
                          <div class="col-product">
                            <div class="product-name">
                              <a href="{{route('Front.products.index',$order->product->slug)}}">{{$order->product->title}}  
							                     @if($order->attribute_value_id !=0 )
                                                    <p class="">{{$order->Attribute->title}} :
                                                        <span> {{$order->AttributeValue->value}} </span></p>
                                                @endif
							 </a>
                            </div>
                            <div class="product-price">
                              <span class="page-wrapper-Price-amount amount">
                                <bdi>{{fnumber_format($order->price)}}   <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                </bdi>
                              </span>
                            </div>
 
                            <div class="product-subtotal">
							@if($order->price != $order->price_off  )
						    	<div class="discount">
                                <span class="page-wrapper-Price-amount amount">
                                  <bdi>{{fnumber_format(($order->price - $order->price_off  )*$order->number)}}&nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                  </bdi>
                                </span> {{__('Discount')}}
                              </div>
							  @endif
                              <div class="subtotal">
                                <span class="page-wrapper-Price-amount amount">
                                  <bdi>{{fnumber_format($order->price_off*$order->number)}}   <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                  </bdi>
                                </span>
                              </div>
                            </div>
                            <div class="product-actions">
                              <div class="product-remove">
                                   <a href="{{route('Front.carts.deleteCart',['product_id'=>$order->product_id,'attribute_id'=>$order->attribute_id,'attribute_value_id'=>$order->attribute_value_id])}}" class="remove" data-product_id="{{$order->product_id}}" data-product_sku="setin-{{$order->product_id}}">
								    {{__('Delete This Item')}}</a>
                              </div>
 
                            </div>
                          </div>
                        </div>
						  @endforeach
						 @else
						  @foreach($data['Orders']->Cart as $order)
                        @php $price=$order->price_off *$order->number ; $totalPrice=$order->price_off*$order->number+$totalPrice;  @endphp
							<input type="hidden" name="product_id[]" value="{{$order->product_id}}" />
							<input type="hidden" name="attribute_id[]" value="{{$order->attribute_id}}" />
							<input type="hidden" name="attribute_value_id[]" value="{{$order->attribute_value_id}}" />
							<input type="hidden" name="number[]" value="{{$order->number}}" />
							<input type="hidden" name="price[]" value="{{$order->price}}" />
							<input type="hidden" name="price_off[]" value="{{$order->price_off}}" />
							<input type="hidden" name="image[]" value="{{$order->product->image}}" />
							<input type="hidden" name="title[]" value="{{$order->product->title}}" />
							<input type="hidden" name="slug[]" value="{{$order->product->slug}}" />
							 @if($order->attribute_value_id !=0 )
							<input type="hidden" name="attribute_title[]" value="{{$order->Attribute->title}}" />
							<input type="hidden" name="attribute_value[]" value="{{$order->AttributeValue->value}}" />
							 @endif
                        <div class="cart-item cart_item">
                          <div class="col-thumbnail">
                            <div class="product-thumbnail">
                              <a href="{{route('Front.products.index',$order->product->slug)}}" >
							    <img width="150" height="150" src="/File/product/150_150/{{$order->product->image}}" class="attachment-page-wrapper_thumbnail size-page-wrapper_thumbnail" alt="{{$order->product->title}}" decoding="async" loading="lazy" srcset="/File/product/150_150/{{$order->product->image}} 150w, /File/product/300_300/{{$order->product->image}} 300w, /File/product/768_768/{{$order->product->image}} 768w, /File/product/600_600/{{$order->product->image}} 600w, /File/product/64_64/{{$order->product->image}} 64w, /File/product/{{$order->product->image}} 800w" sizes="(max-width: 150px) 100vw, 150px" />
                              </a>
                            </div>
                            <div class="sale-flash"></div>
                            <div class="product-quantity">
                              <div class="quantity-holder">
                                <label class="screen-reader-text" for="quantity_{{$order->product_id}},{{$order->attribute_id}},{{$order->attribute_value_id}}">{{$order->product->title}}</label>
                                <span class="decrease-qty">-</span>
                                <input type="number" id="quantity_{{$order->product_id}},{{$order->attribute_id}},{{$order->attribute_value_id}}" class="input-text qty text" step="1" min="0" max="" name="quantity[]" value="{{$order->number}}" title="{{__('Count')}}" size="4" placeholder="" inputmode="numeric" autocomplete="off" />
                                <span class="increase-qty">+</span>
                              </div>
                            </div>
                          </div>
                          <div class="col-product">
                            <div class="product-name">
                              <a href="{{route('Front.products.index',$order->product->slug)}}">{{$order->product->title}}  
							                     @if($order->attribute_value_id !=0 )
                                                    <p class="">{{$order->Attribute->title}} :
                                                        <span> {{$order->AttributeValue->value}} </span></p>
                                                @endif
							 </a>
                            </div>
                            <div class="product-price">
                              <span class="page-wrapper-Price-amount amount">
                                <bdi>{{fnumber_format($order->price)}}   <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                </bdi>
                              </span>
                            </div>
 
                            <div class="product-subtotal">
							@if($order->price != $order->price_off  )
						    	<div class="discount">
                                <span class="page-wrapper-Price-amount amount">
                                  <bdi>{{fnumber_format(($order->price - $order->price_off  )*$order->number)}}&nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                  </bdi>
                                </span> {{__('Discount')}}
                              </div>
							  @endif
                              <div class="subtotal">
                                <span class="page-wrapper-Price-amount amount">
                                  <bdi>{{fnumber_format($order->price_off*$order->number)}}   <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                  </bdi>
                                </span>
                              </div>
                            </div>
                            <div class="product-actions">
                              <div class="product-remove">
                                   <a href="{{route('Front.carts.deleteCart',['product_id'=>$order->product_id,'attribute_id'=>$order->attribute_id,'attribute_value_id'=>$order->attribute_value_id])}}" class="remove" data-product_id="{{$order->product_id}}" data-product_sku="setin-{{$order->product_id}}">
								    {{__('Delete This Item')}}</a>
                              </div>
 
                            </div>
                          </div>
                        </div>
						  @endforeach
                         @endif

                        <div class="actions">
                          <div class="coupon">
                            <input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="{{__('Discount Code')}}" />
                            <button onclick="discountCode()"  type="button"  class="button lara-element-button" name="apply_coupon" value="{{__('Apply Discount Code')}}">{{__('Apply Discount Code')}}</button>
                          </div>
                          <button type="submit" class="button lara-element-button" name="update_cart" value="{{__('Update Shopping Cart')}}">{{__('Update Shopping Cart')}}</button>
                        </div>
                      </div>
                    </form>
                    <div class="cart-collaterals">
                      <div class="cart_totals ">
                        <h2>{{__('The Total Of The Shopping Cart')}}   </h2>
                        <table cellspacing="0" class="shop_table shop_table_responsive">
                          <tr class="cart-subtotal">
                            <th>{{__('Subtotal')}} : </th>
                            <td data-title="{{__('Subtotal')}}">
                              <span class="page-wrapper-Price-amount amount alignleft">
                                <bdi>{{fnumber_format($totalPrice)}}  &nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                </bdi>
                              </span>
                            </td>
                          </tr>
						   <tr class="cart-subtotal">
                            <th>{{__('Discount Code')}} : </th>
                            <td data-title="{{__('Discount Code')}}">
                              <span class="page-wrapper-Price-amount amount alignleft">
                                <bdi id="DiscountCodeSession" > @if(Session::get('DiscountCodePrice')!=null) {{number_format(Session::get('Discountprice'))}} {{$prefix}} ({{Session::get('DiscountCode')}}) @endif  </bdi>
                              </span>
                            </td>
                          </tr>
						   <tr class="cart-subtotal">
                            <th>{{__('Tax')}} : </th>
                            <td data-title="{{__('Tax')}}">
                              <span class="page-wrapper-Price-amount amount alignleft">
                                <bdi id="" > ({{ (isset($settings['tax_'.$lang]))?$settings['tax_'.$lang]:0 }} %) {{PriceCalculationCart($totalPrice,(isset($settings['tax_'.$lang]))?$settings['tax_'.$lang]:0)}} <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span> </bdi>
                              </span>
                            </td>
                          </tr>
						  
 
						 
                          <tr class="order-total">
                            <th>{{__('Total')}} :  </th>
                            <td data-title="{{__('Total')}}">
                              <strong>
							  @if(Session::get('DiscountCodePrice') ==null)
                                <span class="page-wrapper-Price-amount amount alignleft">
                                  <bdi id="total"> {{number_format((PriceCalculationAdmin($totalPrice,(isset($settings['tax_'.$lang]))?$settings['tax_'.$lang]:0)))}}    <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                  </bdi>
                                </span>
								@else
								 <span class="page-wrapper-Price-amount amount alignleft">
                                  <bdi id="total"> {{ number_format(Session::get('DiscountCodePrice'))}}    <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                  </bdi>
                                </span>
								 @endif
                              </strong>
                            </td>
                          </tr>
                        </table>
                        <div class="wc-proceed-to-checkout">
 
					  @if(Auth::id())  
					  <a href="{{route('Front.carts.shipping')}}" class="checkout-button button alt wc-forward lara-element-button"> {{__('Checkout')}} </a>
				       @else   
						   <a href="{{route('login')}}" class="checkout-button button alt wc-forward lara-element-button">{{__('Login To Your Account')}}  </a>
					  @endif
                        </div>
                      </div>
                      <div class="free-shipping">
                        <div>
                          <strong class="title">{{__('Free Shipping')}}</strong>
                          <div class="text">{{__('For High Orders')}} {{ (isset($settings['free_order_minimum_amount_'.$lang]))?$settings['free_order_minimum_amount_'.$lang]:'' }} {{$prefix}} </div>
                        </div>
                        <img src="/File/default/images/free-shipping.svg" width="132" height="76" alt="{{__('Free Shipping')}}">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </article>
          </div>
        </div>
      </div>
    </main>
@endif
@endsection
 @section('script')
     <script>

  function discountCode () {
    var coupon_code=$('#coupon_code').val();
    var url = '/carts/discountCode/' + coupon_code  ;
    $.ajax({
        url: url,
        type: "get",
        dataType: "json",
        success: function (data) {
            if (data['type'] == 0) {
			     toastr.options.timeOut = 20000;
				  toastr.error(data['text']);
                 return;
            }
            else{
               $('#DiscountCodeSession').empty();
                $('#total').empty();
                $('#total').append(formatnumber(data['factorPrice'])+ '<span class="page-wrapper-Price-currencySymbol"> ' + data['prefix'] + ' </span>' );
                $('#DiscountCodeSession').append( data['Discountprice'] +   data['prefix']  + ' ( ' + data['DiscountCode'] + ' ) ' );
				 toastr.options.timeOut = 20000;
				 toastr.success(data['text']);
            }
        }
    });

}

	  </script>
@endsection