part37.txt

<script src="https://js.stripe.com/v3/"></script>

var stripe = Stripe('{{ env('STRIPE_PUBLIC_KEY') }}');
var elements = stripe.elements();
var style = {
    base: {
        color: '#32325d',
        lineHeight: '18px',
        fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
        fontSmoothing: 'antialiased',
        fontSize: '16px',
        '::placeholder': {
            color: '#aab7c4'
        }
    },
    invalid: {
        color: '#fa755a',
        iconColor: '#fa755a'
    }
};


var card = elements.create('card',{hidePostalCode: true, style: style});

card.mount('#card-element');
card.addEventListener('change', function(event) {
    var displayError = document.getElementById('card-errors');
    if (event.error) {
        displayError.textContent = event.error.message;
    } else {
        displayError.textContent = '';
    }
});

/////////
stripe.createToken(card).then(function(result) {
    if (result.error) {
        var errorElement = document.getElementById('card-errors');
        errorElement.textContent = result.error.message;

    } else {
        // var dataForm = $("#checkOutForm").serializeArray();
        // dataForm.push({name: 'token', value: result.token.id});

        // Put your ajax here
    }
});

///////

$stripe = Stripe::make(env('STRIPE_SECRET_KEY'),'2019-02-19');

// Create Customer
$customer = $stripe->customers()->create([
    'source' => $request->token,
    'email' => $request->email,
    'address' => [
        'city' => $request->city,                        
    ]
]); 

// Charge Customer
$charge = $stripe->charges()->create([
    'customer' => $customer['id'],
    'currency' => 'USD',
    'amount'   => $grandTotal,
]);

if ($charge['status'] == 'succeeded') {
    Cart::destroy();

    // Update Order status

    return response()->json([
        'status' => true,
        'order_id' => $order->id,
        'message' => 'Thanks for your order'
    ]);
} else {
    // Payment error
}