import Head from 'next/head' import '@splidejs/splide/dist/css/splide.min.css'; // Import Splide.css import Navbar from '@/components/Navbar'; import { useTranslation } from 'react-i18next'; import { ServerSide } from '@/sides/server/ServerSide'; import { ClientSide } from '@/sides/client/ClientSide'; import Footer from '@/components/Footer'; import Input from '@/components/Input'; import { useState } from 'react'; import DatePicker from '@/components/DatePicker'; import { DiscountAPI } from '@/api/DiscountAPI'; import { getSession } from '@/handler/session'; import { useRouter } from 'next/router'; import Discount from '@/sides/server/Discount'; export default function Create( props: { host: string, lang: string, title: string, user: any, codes: any }) { const user = ClientSide.parseUser(props.user); const lang = props.lang; const codes = JSON.parse(props.codes); ClientSide.setLanguage(props.lang) const translate = useTranslation().t; const [code, setCode] = useState(""); const [reduction, setReduction] = useState(0); const [expireAt, setExpireAt] = useState(new Date().toISOString().split("T")[0]); const router = useRouter(); const createCode = async () => { const { json } = await DiscountAPI.createDiscountCode(getSession(), code, reduction, expireAt); if (json != undefined && json.message == "code_created") { router.reload(); } } const disabledCode = async (id: number, disabled: boolean) => { const { json } = await DiscountAPI.changeStateDiscountCode(getSession(), id, disabled); if(json != undefined && json.message == "code_updated"){ router.reload(); } } return ( <> {props.title}

Gérer les bons de réductions

Créer un nouveau bon
{ codes.map((code: any, index: number) => { return (

{ code.code }

Fin du code le {new Date(code.expireAt).toLocaleString()}

-{code.reduction * 100}%
{ !code.disabled ? ( <> ) : ( <> ) }
) }) }