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

<div class="section">
    <div class="container">
        <div class="row py-5">

            <div class="col-12 text-center">
                <h4 class="pb-3">Order Summary</h4>
            </div>

            @if(count($items)==0)
            <div class="col-12 border p-2 mb-2">
                <h3>No Items in cart</h3>
            </div>
            @endif
            @foreach($items as $item)
            @if($item['item_type'] == 1)
            <div class="col-12 border p-2 mb-2">
                <div class="row align-items-center">
                    <div class="col-12 col-md-2">
                        <img width="100%" src="{{url('/')}}/uploads/thumbnail/{{$item['image_link']}}" alt="">
                    </div>
                    <div class="col-2">
                        <p class="m-0">Image ID : </p>
                        <span class="font-weight-bold" > {{$item['image_name_id']}} </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>
            </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>
            </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">
                            <div class="col-4"></div>
                            <div class="col-8">
                                <div class="row">
                                    <div class="col-4 py-2">
                                            <span>Sub Total </span>
                                    </div>
                                    <div class="col-6 py-2">
                                            <span class="font-weight-bold">  {{Priceformat($total)}}</span>
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-4 py-2">
                                            <span>Vat (%) </span>
                                    </div>
                                    <div class="col-6 py-2">
                                            <span class="font-weight-bold"> {{$vat}} % </span>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-4 py-2">
                                    </div>
                                    <div class="col-6 py-2">
                                            <p class="text-muted m-0">Grand Total</p>
                                            <h4 class="text-warning"> {{Priceformat($grand_total)}}</h4>

                                        <a class="btn btn-warning mt-3" id="pay_order" href="{{ route('user.payment.order',$CryptedOrderId) }}">Place Order</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

        </div>
        <hr>
        
    </div>
</div>
<script>
(function() {
    document.getElementById("pay_order").click();
})();
</script>
@endsection