@extends('layouts.webview')
@section('customcss')
    <style>
        .card-img-top {
            height: 200px; /* Ensures all images are the same height */
            object-fit: cover; /* Maintains aspect ratio and ensures image fills the container */
        }

        .card-body {
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* Aligns content properly inside the card */
        }
    </style>
    @section('content')
        @php
            $cart = $data['cart']??[];
            $products = $data['products']??[];
            $total =0;
          $product_ids = [];
          $name_parts = explode(" ", $cart['cust_name'])??[];
        @endphp

        <div class=" pb-5" style="padding-top: 40px">
            @if($cart)
                @php
                    $i = 0;

                    $total = $cart['actual_payable_amount'];
                @endphp
                @foreach($products as $product)
                    @php
                        $product_ids[] = $product['product_id'];
                        //$total = (( $product['unit_cost']  + $product['cgst'] + $product['sgst'] - $product['discount']) * $product['qty'] ) + $product['package_cost'];
                    @endphp
                @endforeach

                <div class="col-lg-12 pt-5 ">
                    <form action="{{ $data['pay_url'] }}" method="post">
                        @csrf
                        <div class="card mt-6">
                            <div class="card-body">
                                <div class="form">
                                    <h3>Make Payment of {{ $total  }} ₹</h3>
                                    <p>
                                        Please note, you will be redirected to a safe and secure payment gateway to
                                        complete with the payment.
                                    </p>

                                    <div class="row mt-2">
                                        <div class="col-sm-12 text-center mt-2">
                                            <input type="hidden" name="amount" value="{{ $total  }}">
                                            <button class="btn btn-primary rounded-pill h8" type="submit"
                                                    value="paynow">
                                                Pay Now
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        @foreach($data['args'] as $key => $value)
                            <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                        @endforeach

                    </form>

                </div>
        </div>
        @else

            <div class="row">

                <div class="col-md-12">


                    <div class="col-sm-12 empty-cart-cls text-center">
                        <img src="{{ URL::to('/public/ecom/images/cart.png') }}" width="130" height="130"
                             class="img-fluid mb-4 mr-3">
                        <h3><strong>Your Cart is Empty</strong></h3>
                        <h4>Add some ehtnic cloths which make you :)</h4>
                        <a href="{{ URL::to('/products/browse') }}?{{ http_build_query(['category' => ['ethnic-dress']]) }}"
                           class="btn btn-primary cart-btn-transform m-3" data-abc="true">continue shopping</a>


                    </div>


                </div>

            </div>

            @endif
            </div>




            @endsection

            @section('script')
                <script>


                </script>
            @endsection