@extends('layouts.master')
@section('content')
    <div class="portada">
        <div class="container pt-4">
            <div class="row justify-content-center">
                <div class="d-flex flex-row-reverse">
                    <div class="p-2">
                        <input type="submit" id="brl" class="traslate" value="">
                    </div>
                    <div class="p-2">
                        <input type="submit" id="esp" class="traslate" value="">
                    </div>
                    <div class="p-2">
                        <input type="submit" id="eua" class="traslate" value="">
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="card transparente mb-4">
                        <div class="card-header bg-rojo">
                            {{-- <div class="card-title lang-text" key="">
                                <i class="fas fa-credit-card"></i>
                                Metodo de pago
                            </div> --}}
                        </div>
                        <div class="card-body">
                            <h6 class="text-metodo lang-text" key="text-metodo">Por favor selecciona el metodo de pago con el que desee realizar tu
                                pago.</h6>
                            <hr>
                            <h6 class="texto-monto mt-4 lang-text" key="text-monto">Monto a pagar:</h6>
                            <div class="text-center">
                                <b class="text-descripcion-monto">{{ strtoupper($cliente->moneda) }} {{ $cliente->monto_a_pagar }} </b>
                            </div>
                            <div class="d-flex justify-content-center">
                                <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="hidden" name="metodo" value="{{ $cliente->metodo }}">
                                        <input type="hidden" name="notify_url" value="{{ url('paypal/ipn')}}">
                                        <input type="submit" name="paypal" id="paypal" value="" class="img-thumbnail" title="Paypal">
                                    </form>
                                </div>
                                <div class="p-2">
                                    <form>
                                        <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="checkout-button" value="" class="img-thumbnail">
                                    </form>
                                    {{-- <a href="{{ route('payment.stripe.checkout', Crypt::encrypt($cliente->id)) }}">
                                        <input type="hidden" name="client_id" value="{{ $cliente->id }}">
                                        <img src="{{ asset('img/stripe.jpg') }}" alt="Stripe" id="stripe" title="Stripe">
                                    </a> --}}
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@section('lenguaje')
    <script src="{{ asset('js/lenguaje.js') }}"  charset="utf-8"></script>
@endsection

@section('form-checkout')
     <script src="https://js.stripe.com/v3/"></script>

    <script>
    // Create a Stripe client.
    var stripe = Stripe("{{  config('stripe.key') }}");
    const btn = document.getElementById('checkout-button');
    
    btn.addEventListener('click', function(e) {
        e.preventDefault();
        stripe.redirectToCheckout({
                sessionId: "{{ $session->id }}"
            })
            .then(function(result) {
                console.log(result);
                
                if (result.error) {
                    var displayError = document.getElementById('error-message');
                    displayError.textContent = result.error.message;
                }
            });
    });
</script> 

@endsection
@endsection