@extends('layouts.tienda')

@section('content')

<script src="https://static.micuentaweb.pe/static/js/krypton-client/V4.0/stable/kr-payment-form.min.js" 
   kr-public-key="{{env('Izipaytoken')}}:{{env('Izipayapi')}}" 
   kr-get-url-success="{{env('APP_URL')}}/tienda/solicitudizipay/{{$id}}/wc-completed/1/izipay">
</script>


<link rel="stylesheet" href="https://static.micuentaweb.pe/static/js/krypton-client/V4.0/ext/classic-reset.css">
<script src="https://static.micuentaweb.pe/static/js/krypton-client/V4.0/ext/classic.js"></script> 


<div class="container-fluid tope-imagen">
    <div class="row">
        <div class="col-12 mt-2">
            <div class="card">
                <div class="card-body">
                    
                    <div class="col-12 mb-4">
                        <div class="d-flex justify-content-center">
                           <div class="col-md-4 text-center">
                               <img class="img-fluid" src="{{ asset('fondo/5.jpg') }}" alt="logo">
                           </div>        
                        </div>
                    </div>
                    
                    <h3 class="text-center">Para Pagar debe hacer click en el boton de Pay @if ($moneda->mostrar_a_d)
                         {{$moneda->simbolo}} {{$totalGeneral}}
                        @else
                         {{$totalGeneral}} {{$moneda->simbolo}}
                        @endif por izipay</h3>
                        
                        
                    
                    <div class="col-12">
                        <div class="d-flex justify-content-center">
                            <div class="col-5">
                                <div class="form-group">
                                    
                                    <div class="kr-embedded" kr-form-token="{{$url}}">

                                       <!-- payment form fields -->
                                       <div class="kr-pan"></div>
                                       <div class="kr-expiry"></div>
                                       <div class="kr-security-code"></div>

                                       <!-- payment form submit button -->
                                       <button class="kr-payment-button"></button>

                                       <!-- error zone -->
                                       <div class="kr-form-error"></div>
                                        
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>    
                    
                </div>
            </div>
        </div>
    </div>
</div>

@endsection