@extends('cabMeWebsite.master')

@section('content')


    <section class="">

        <div class="container">
            <div class="col-12">
                <div class="row">
                    <div class="add-payment ml-auto mr-auto mb-2 mb-sm-3 mb-md-5 mt-2 mt-sm-3 mt-md-5">
                        <div class="text-center font-weight-bold fs25 mb-2 mb-sm-3 mb-md-4">Payments</div>
                        <form action="{{url('feedback')}}">
                            <div class="pay-items">
                                <div class="cash"><img src="{{asset('laravel-website')}}/img/money.jpg" alt="" /> Cash
                                    <input type="radio" name="payment" class="float-right paymentMethod" />
                                </div>
                                <div class="cash"><img src="{{asset('laravel-website')}}/img/card.jpg" alt="" /> Credit or Debit Card
                                    @if($checkCard->customer_stripe_id != '')
                                        <a class="float-right" href="{{url('/managecard')}}">
                                            <img  src="{{asset('laravel-website')}}/img/ic_nextscreen@3x.png" alt="" style="width: 20px;height: 25px;" />
                                        </a>
                                        <input type="hidden"  name="payment_method" value="card" id="card" class="float-right" />
                                    @else
                                        <span class="text-danger float-right" ><a class="text-danger float-right" href="{{url('/paymentcard')}}">Add</a>
                                                        </span>
                                        <input type="hidden"  name="payment_method" value="card" id="card" value="card" class="float-right" />
                                    @endif
                                </div>
                                <div class="cash"><img src="{{asset('laravel-website')}}/img/ic_wallet@2x.png" alt="" /> Wallet
                                    <input type="radio" name="payment" class="float-right paymentMethod" /></div>
                            </div>
                           {{-- <div class="mt-3 mt-sm-4 mt-md-5 border-top text-center">
                                <button class="theme-btn-small mt-3 mt-sm-4">Add Payment Method</button>
                            </div>--}}
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.paymentMethod').on('change', function() {
                toastr.error('Payment method is not available');
                $(this).prop('checked', false);
            });
        });
    </script>
@endsection