@extends('layouts.master')
@section('content')
    <div class="portada">
        <div class="container pt-4">
            <div class="row justify-content-center">
                <div class="col-md-5">
                    <div class="card transparente mb-4">
                        <div class="card-header bg-rojo">
                            <div class="card-title">
                                <i class="fas fa-credit-card"></i>
                                Metodo de pago
                            </div>
                        </div>
                        <div class="card-body">
                            <h6 class="text-metodo">Por favor selecciona el metodo de pago con el que desee realizar tu
                                pago.</h6>
                            <hr>
                            <h6 class="texto-monto mt-4">Monto a Pagar:
                                <b>$ {{ $cliente->monto_a_pagar }} USD</b>
                            </h6>
                            <div class="d-flex justify-content-start">
                                <div class="p-2">
                                    <form action="{{ route('payment.paypal', $cliente->id) }}" method="post">
                                        <input type="hidden" name="client_id" value="{{ $cliente->id }}">
                                        <input type="hidden" name="monto_a_pagar" value="{{ $cliente->monto_a_pagar }}">
                                        <input type="submit" name="paypal" id="paypal" value="" class="img-thumbnail">
                                    </form>
                                    {{-- <a href="{{ route('payment.paypal', $cliente->id) }}">
                                        <img src="{{ asset('img/paypal.jpg') }}" alt="Stripe">
                                    </a> --}}
                                </div>
                                <div class="p-2">
                                    {{-- <form action="{{ route('payment.stripe.checkout', $cliente->id) }}" method="post">
                                        <input type="hidden" name="client_id" value="{{ $cliente->id }}">
                                        <input type="hidden" name="monto_a_pagar" value="{{ $cliente->monto_a_pagar }}">
                                        <input type="hidden" name="referencia_pago" value="{{ $cliente->referencia_pago }}">
                                        <input type="submit" id="stripe" value="" class="img-thumbnail">
                                    </form> --}}
                                    <a href="{{ route('payment.stripe.checkout', $cliente->id) }}">
                                        <input type="hidden" name="client_id" value="{{ $cliente->id }}">
                                        <img src="{{ asset('img/stripe.jpg')}}" alt="Stripe" id="stripe">
                                    </a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection