Update user credit card details using Stripe Django

<form method="post" id="payment-form">            {% csrf_token %}            <div class="col-md-4 form-row">                <label for="card-element">Credit or Debit Card</label>                <div id="card-element">                </div>                <div id="alert alert-warning card-errors" role="alert"></div>                <br>                <br>                <button class="btn btn-outline-dark" type="submit" class="btn pay-btn col-sm-2">Update</button>            </div>        </form>

.StripeElement {            box-sizing: border-box;            height: 40px;            padding: 10px 12px;            border: 1px solid transparent;            border-radius: 4px;            background-color: white;            box-shadow: 0 1px 3px 0 #e6ebf1;            -webkit-transition: box-shadow 150ms ease;            transition: box-shadow 150ms ease;            }            .StripeElement--focus {            box-shadow: 0 1px 3px 0 #cfd7df;            }            .StripeElement--invalid {            border-color: #fa755a;            }            .StripeElement--webkit-autofill {            background-color: #fefde5 !important;            }

var stripe = Stripe("PUBLIC_STRIPE_TOKEN");        // Create an instance of Elements.        var elements = stripe.elements();        // Custom styling can be passed to options when creating an Element.        // (Note that this demo uses a wider set of styles than the guide below.)        var style = {        base: {            color: '#32325d',            fontFamily: '"Helvetica Neue", Helvetica, sans-serif',            fontSmoothing: 'antialiased',            fontSize: '16px',            '::placeholder': {            color: '#aab7c4'            }        },        invalid: {            color: '#fa755a',            iconColor: '#fa755a'        }        };        // Create an instance of the card Element.        var card = elements.create('card', {style: style});        // Add an instance of the card Element into the `card-element` <div>.        card.mount('#card-element');        // Handle real-time validation errors from the card Element.        card.addEventListener('change', function(event) {        var displayError = document.getElementById('card-errors');        if (event.error) {            displayError.textContent = event.error.message;        } else {            displayError.textContent = '';        }        });        // Handle form submission.        var form = document.getElementById('payment-form');        form.addEventListener('submit', function(event) {        event.preventDefault();        stripe.createToken(card).then(function(result) {            if (result.error) {            // Inform the user if there was an error.            var errorElement = document.getElementById('card-errors');            errorElement.textContent = result.error.message;            } else {            // Send the token to your server.            stripeTokenHandler(result.token);            }        });        });        // Submit the form with the token ID.        function stripeTokenHandler(token) {        // Insert the token ID into the form so it gets submitted to the server        var form = document.getElementById('payment-form');        var hiddenInput = document.createElement('input');        hiddenInput.setAttribute('type', 'hidden');        hiddenInput.setAttribute('name', 'stripeToken');        hiddenInput.setAttribute('value', token.id);        form.appendChild(hiddenInput);        // Submit the form        form.submit();        }

from django.shortcuts import render import stripe stripe.api_key = 'YOUR_STRIPE_SECRET_KEY'card_data = stripe.Customer.create_source(      user_setting.stripe_customer_id,      source=request.POST['stripeToken'])stripe.Customer.modify_source(      user_setting.stripe_customer_id,      card_data['id'])return redirect('some-view-name')