Laravel React интегрирует платежный шлюз Stripe, простые примеры ценовых карточек ⇐ Php

[Anonymous]

Я интегрирую платежный шлюз Stripe в React Laravel Inertia, пожалуйста, предоставьте мне простой пример интеграции оплаты Stripe. У меня есть ценовые карты и кнопка «Выбрать план», которую я хочу, когда нажимаю кнопку «Выбрать план», если пользователь существует, он попадает в Stripe. платежный шлюз, в противном случае он перейдет на страницу входа в систему.
Вот мой код
import Navbar from "@/Components/Wesite/Navbar";
import Carousal from "@/Components/Wesite/Carousel";
import Cards from "@/Components/Wesite/Cards";
import { Link, Head, usePage } from "@inertiajs/react";
import PricingCard from "@/Components/Wesite/Pricing";
import FooterBrand from "@/Components/Wesite/Footer";
import { useState } from "react";
export default function Welcome(props) {

const { image, memberships } = usePage().props;

const { class_3, class_4, class_5, phone, message, location } = image;

const [membershipCards, setMemberShipCards] = useState(memberships);

return (














Why Chose us ?

PUSH YOUR LIMITS FORWARD













OUR PLAN

CHOOSE YOUR PRICING PLAN





{membershipCards.map((item, index) =>

)}










333 Middle Winchendon Rd, Rindge, NH 03461






125-711-811 125-668-886





Support.gymcenter@gmail.com






);
}

"use client";

import axios from "axios";
import { Card } from "flowbite-react";
import { useState } from "react";

let PricingCard = ({ id, name, price, description, duration }) => {

const [planId, setPlanId] = useState({
membership_plan_id: id,
})
const handleSubmit = (event) => {
// event.preventDefault();
// axios.get('/member/buy-subscription', planId);
}

return (


{name}


$

{price}


/{duration} month




{description}






Choose plan



);
};
export default PricingCard;

//Метод контроллера Laravel
public function buySubScription(Request $request)
{
if (Auth::check()) {
dd($request->all());
} else {
return to_route('login');
}
}


Подробнее здесь: https://stackoverflow.com/questions/774 ... cing-cards