@extends('frontend.include.layout')

@section('content')

    <section class="mt-50 mb-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-8 col-12">
                    <div class="table-responsive">
                        <table class="table shopping-summery text-center clean">
                            <thead>
                            <tr class="main-heading">
                                <th scope="col">Image</th>
                                <th scope="col">Name</th>
                                <th scope="col">Price</th>
                                <th scope="col">Remove</th>
                            </tr>
                            </thead>
                            <tbody>

                            
                            @if($cart_details)
                                @foreach($cart_details as $key => $cart_detail)

                                @php
                                    $publish_asset_detail= \App\Models\PublishedAssetDetails::where('id',$cart_detail->publish_asset_id)->first();
//                                    $assetthumbnailmmagedisplay=\App\Models\AssetThumbnailImages::select('thumbnailimages')->where('asset_id',$publish_asset_detail->id)->first();
                                @endphp

                            <tr id="remove_cart_asset{{ $cart_detail->id }}">
                                <td class="image product-thumbnail">
                                    <img  alt="#"></td>
                                <td class="product-des product-name">
                                    <h5 class="product-name"><a href="{{ url('asset/'.$publish_asset_detail->slug) }}">{{ $publish_asset_detail->asset_name }}</a></h5>
                                </td>
                                <td class="price product-price1" data-title="Price">
                                 @php
                                     echo $money = \App\Http\Controllers\frontend\AssetDetailsController::displayassetprice($publish_asset_detail->id);
                                 @endphp</td>
                                <td class="action" data-title="Remove"><a  removeid="{{ $cart_detail->id }}" class="text-muted clicktoremovefromcart"><i class="fi-rs-trash"></i></a></td>
                            </tr>
                                @php
                                    $sub_total=$sub_total+\App\Http\Controllers\frontend\AssetDetailsController::cartassetprice($publish_asset_detail->id);
                                @endphp
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-12 col-lg-4 col-md-4">
                    <div class="border p-md-4 p-30 border-radius cart-totals">
                        <div class="heading_s1 mb-3">
                            <h4>Cart Totals</h4>
                        </div>
                        <div class="table-responsive">
                            <table class="table">
                                <tbody>
                                <tr>
                                    <td class="cart_total_label">Cart Subtotal</td>
                                    <td class="cart_total_amount"><span class="font-lg  text-brand">{{ $country_price_symbol }} {{ $sub_total }}</span></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        @php
                            if(auth()->user())
                            {
                        @endphp
                        <form action="{{ route('razorpay.payment.cartstore') }}" method="POST" >
                            <input type="hidden" name="_token" value="{{csrf_token()}}">
                            @csrf
                            @if($sub_total == 0)
                                <input type="hidden" value="2" name="checkpaymentoption">
                                <input type="submit" class="razorpay-payment-button" value="Proceed To CheckOut">
                            @else
                                <input type="hidden" value="1" name="checkpaymentoption">
                            <script src="https://checkout.razorpay.com/v1/checkout.js"
                                    data-key="{{ env('RAZORPAY_KEY') }}"
                                    data-amount="{{ $sub_total*100 }}"
                                    data-buttontext="Proceed To CheckOut"
                                    data-name="{{ env('APP_NAME') }}"
                                    data-description="Rozerpay"
                                    data-image="{{ asset('frontend/images/asset-logo.svg') }}"
                                    data-prefill.name={{ auth()->user()->name }}
                                        data-prefill.email={{ auth()->user()->email }}
                                        data-theme.color="#000">
                            </script>
                            @endif
                        </form>
                        @php
                            }
                            else
                            {
                        @endphp
                        <a  class="btn proceedtocheckoutdesign" href="{{ url('login/') }}"> Proceed To CheckOut</a>
                        @php
                            }
                        @endphp
                    </div>
                </div>
            </div>
        </div>
    </section>


    <style>
        .product-price1 .selling-price {
            font-size: 13px;
            color: #f44334;
        } .product-price1 span.old-price {
              font-size: 12px;
              font-weight: 400;
              color: #9c9c9c;
              margin: 0 0 0 4px;
              text-decoration: line-through;
          }
        .clicktoremovefromcart i {
            color: red;
        }
        .proceedtocheckoutdesign {
            background-color: #2790f4;
            font-size: 15px;
            font-weight: 500;
        }
        .razorpay-payment-button {
            background-color: #2790f4;
            color: #fff;
            font-size: 15px;
            font-weight: 500;
            padding: 10px;
        }
    </style>

@endsection

@section('script')
    @include('frontend.include.asset-js')
@endsection