@extends('layouts.tienda')

@section('content')


<div class="container-fluid tope-imagen">
    <div class="row">
        <div class="col-12 mt-2">
            <div class="card">
                <div class="card-body">
            
                    <center>  
                       <img class="img-fluid" src="{{ asset('fondo/5.jpg') }}" alt="logo">
                    </center>
                    
            
            <div class="d-flex justify-content-center">
                <div class="col-md-4">
                    <div class="alert alert-info" role="alert">
                       <h5 class="text-center">Para Pagar debe hacer click en el boton de Stripe pagar
                        @if ($moneda->mostrar_a_d)
                         {{$moneda->simbolo}} {{$totalGeneral}}
                        @else
                         {{$totalGeneral}} {{$moneda->simbolo}}
                        @endif por Stripe
                       </h5>
                    </div>
                </div>    
            </div>  
            
            
            <div class="d-flex justify-content-center">
                <div class="col-md-4">
                    <button class="btn btn-info btn-block" onclick="stripe()">Stripe Pagar 
                        @if ($moneda->mostrar_a_d)
                         {{$moneda->simbolo}} {{$totalGeneral}}
                        @else
                         {{$totalGeneral}} {{$moneda->simbolo}}
                        @endif
                    </button>
                </div>    
            </div> 
            
            
         <div id="stripe" style="display: none;">    
           <form action="{{route('carrito-stripepago')}}" method="POST">
            {{ csrf_field() }}
            
            <input name="monto" type="hidden" value="{{$totalGeneral * 100}}">
            <input name="id" type="hidden" value="{{$id}}">
            
              <script
                src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                data-key="{{ config('services.stripe.key') }}"
                data-amount="{{$totalGeneral * 100}}"
                data-name="Compra {{$id}}"
                data-description="{{$settings->name}}"
                data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
                data-locale="auto">
              </script>
           </form>
         </div>
         
              
              </div>
           </div>
        </div>
    </div>
</div>    

@endsection


@push('script')
<script type="text/javascript">


function stripe() {
    $('#stripe .stripe-button-el').click()
}

</script>
@endpush