@extends('frontend.layouts.partials.default')
@section('title','Shopping Cart')
@section('main')

<div class="section">
    <div class="container">
        <div class="row cart_page_main">
		
            <div class="col-12 col-md-6 nopadding">
                <h4 class="profile_text mb-4">Shopping Cart</h4>
                <p class="font-14 mb-1 text_black_custom">Items selected for purchase : <span class="text-warning"> {{count($items)}} </span> </p>
				<p class="font-14 text_black_custom mb-1">Save big with subscription plans : <a class="text-warning" href="{{route('pricing')}}"> View Pricing </a> </p>
                <p class="font-14 text_black_custom"> Click <a href="{{ route('homepage') }}" class="btn  font-14 p-0 m-0" style="outline: none;  text-decoration: underline; color: #fa7d09;  font-size: 18px !important;  display: inline;   vertical-align: baseline;">here</a> to continue shopping</p>
            
            </div>
            
            
            @if (count($items))  
            <div class="col-12 col-md-6 remove_custom_Styl align-self-center text-right placeorder nopadding"><button href="" class="btn btn-warning font-14"> Place order</button></div>
            @endif

         
			
            @if(count($items)==0)
            <div class="col-12">
                <h5>Currently your cart is empty</h5>
            </div>
            @endif
            @foreach($items as $item)
            @if($item['item_type'] == 1)
            <div class="col-12 border border-dark p-2 mb-2">
                <div class="row car_baskt_infomain">
                    <div class="col-12 col-md-2">
                        <img width="100%" src="{{url('/')}}/uploads/thumbnail/{{$item['image_link']}}" alt="">
                    </div>
                    <div class="col-2 remove_custom_Styl align-self-center">
                        <p class="m-0">Image ID : </p>
                        <span class="font-weight-bold" > {{$item['image_name_id']}} </span>
                    </div>
                    <div class="col-2 remove_custom_Styl align-self-center">
                        <p class="m-0">License Type : </p>
                        <span class="font-weight-bold" > {{config('variables.License')[$item['license_type']]}}</span>
                    </div>
                    <div class="col-2 remove_custom_Styl align-self-center">
                        <p class="m-0">Size : </p>
                        <span class="font-weight-bold" > {{$item['size']}} </span> <i class="text-warning fa fa-pencil"></i>
                    </div>
                    <div class="col-2 remove_custom_Styl align-self-center">
                        <p class="m-0">Price : </p>
                        <span class="font-weight-bold" >{{Priceformat($item['price'])}} </span>
                    </div>
                    <div class="col-2 remove_custom_Styl align-self-center">
                        <a class="btn btn-outline-dark rounded-pill mt-1" href="cart/remove/{{$item['id']}}">Remove</a>
                    </div>
                </div>
            </div>
            @else
            <div class="col-12 border p-2 mb-2">
                <div class="row align-items-center">
                    <div class="col-12 col-md-2">
                        <video class="video" width="100%">
                            <source src="{{url('/')}}/uploads/videos/{{$item['video_secret']}}/watermarked.mp4" type="video/mp4">
                            Your browser does not support the video tag.
                        </video> 
                    </div>
                    <div class="col-2">
                        <p class="m-0">Video ID : </p>
                        <span class="font-weight-bold" > {{$item['video_secret']}} </span>
                    </div>
                    <div class="col-2">
                        <p class="m-0">License Type : </p>
                        <span class="font-weight-bold" > {{config('variables.License')[$item['license_type']]}}</span>
                    </div>
                    <div class="col-2">
                        <p class="m-0">Size : </p>
                        <span class="font-weight-bold" > {{$item['size']}} </span> <i class="text-warning fa fa-pencil"></i>
                    </div>
                    <div class="col-2">
                        <p class="m-0">Price : </p>
                        <span class="font-weight-bold" > {{Priceformat($item['price'])}} </span>
                    </div>
                    <div class="col-2">
                        <a class="btn btn-outline-danger mt-1" href="cart/remove/{{$item['id']}}">Remove</a>
                    </div>
                </div>
            </div>
            @endif
            @endforeach
            

            @if (count($items))
                
            <div class="col-12">
                <div class="row">
                    <div class="col-12 col-md-7">
                    </div>
                    <div class="col-12 col-md-5">
                       
                        <div class="row align-items-center stotal">
                            <div class="col-4"></div>
                            <div class="col-8">
                                <div class="row mn-2">
                                    <div class="col-8 text-right">
                                            <p>Sub Total </p>
                                    </div>
                                    <div class="col-4 text-right">
                                            <p class="font-weight-bold" style="color:#000;"> {{Priceformat($total)}}</p>
                                    </div>
                                </div>
                                <!-- <div class="row">
                                    <div class="col-4 py-2">
                                            <span>Discount </span>
                                    </div>
                                    <div class="col-6 py-2">
                                            <span class="font-weight-bold"> USD 00.00</span>
                                    </div>
                                </div> -->
                                <div class="row">
                                    <div class="col-8 text-right">
                                            <p>Vat (%) </p>
                                    </div>
                                    <div class="col-4 text-right">
                                            <p class="font-weight-bold" style="color:#000;"> {{$vat}} % </p>
                                    </div>
                                </div>
								<div class="row">
                                    <div class="col-8 text-right">
										<p>Grand Total</p>
									</div>
									<div class="col-4 text-right">
										<h4 class="text-warning"> {{Priceformat($grand_total)}}</h4>
									</div>
								</div>	
                                <div class="row">
                                   
                                    <div class="col-12 place_order_bttn remove_custom_Styl align-self-center text-right">
                                           
                                
                                        <a class="btn btn-warning mt-3 font-14" href="{{ route('user.order.add') }}">Place Order</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @endif



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

@endsection