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

<div class="section">
    <div class="container">
        <div class="col-12 text-center">
            <h4 class="p-3">My Orders</h4>
        </div>
        <div class="accordion pb-5" id="accordionExample">
        @foreach($orders as $order)
            <div class="card">
                <div class="card-header" id="heading{{$order->order_id}}">
                    <h2 class="mb-0">
                        <button class="btn btn-link btn-block text-left collapsed " type="button" data-toggle="collapse" data-target="#collapse{{$order->order_id}}"  aria-controls="collapse{{$order->order_id}}">
                        Order #{{$order->order_id}}
                        </button>
                        <a  class="download_order float-right" order_id="{{$order->order_id}}" token="{{Session::get('user_id')}}" ><span class="btn btn-warning px-2">Download</span></a>
                    </h2>
                </div>

                <div id="collapse{{$order->order_id}}" class="collapse " aria-labelledby="heading{{$order->order_id}}" data-parent="#accordionExample">
                <div class="card-body">
                   @foreach($order->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-3">
                                <p class="m-0">License Type : </p>
                                <span class="font-weight-bold" > {{config('variables.License')[$item['license_type']]}}</span>
                            </div>
                            <div class="col-3">
                                <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="download_item" item_id="{{$item['item_id']}}" token="{{Session::get('user_id')}}" 
                                item_type="1" 
                                item_secret="{{$item['image_secret']}}"
                                ><button class="btn btn-warning px-2"> <i class="fa fa-download" aria-hidden="true"></i> </button></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-3">
                                <p class="m-0">License Type : </p>
                                <span class="font-weight-bold" > {{config('variables.License')[$item['license_type']]}}</span>
                            </div>
                            <div class="col-3">
                                <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="download_item" item_id="{{$item['item_id']}}" token="{{Session::get('user_id')}}" 
                                item_type="2" 
                                item_secret="{{$item['video_secret']}}"
                                ><button class="btn btn-warning px-2"> <i class="fa fa-download" aria-hidden="true"></i> </button></a>
                            </div> -->
                        </div>
                    </div>
                    @endif
                    @endforeach
                </div>
                </div>
            </div>
        @endforeach
        </div>
    </div>
</div>
@endsection