import React from 'react' import { Head, useForm } from '@inertiajs/react' import { extractValue } from './utils' import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout' import FormInput from '@/Components/FormInput' import Button from '@/Components/Button' import FormFile from '@/Components/FormFile' import Checkbox from '@/Components/Checkbox' import FormInputNumeric from '@/Components/FormInputNumeric' import TextArea from '@/Components/TextArea' import LevelSelectionInput from '../CustomerLevel/SelectionInput' export default function Affilate(props) { const { setting, levels } = props const { data, setData, post, reset, processing, errors } = useForm({ AFFILATE_ENABLED: extractValue(setting, 'AFFILATE_ENABLED'), AFFILATE_POIN_AMOUNT: extractValue(setting, 'AFFILATE_POIN_AMOUNT'), AFFILATE_DOWNLINE_POIN_AMOUNT: extractValue( setting, 'AFFILATE_DOWNLINE_POIN_AMOUNT' ), AFFILATE_SHARE_REFFERAL_CODE: extractValue( setting, 'AFFILATE_SHARE_REFFERAL_CODE' ), AFFILATE_ALLOWED_LEVELS: JSON.parse( extractValue(setting, 'AFFILATE_ALLOWED_LEVELS') ), }) console.log(data) const handleCheckLevel = (e, level) => { if (e.target.checked) { const isExists = data.AFFILATE_ALLOWED_LEVELS.find( (l) => l.id === level.id ) if (isExists) { return } setData( 'AFFILATE_ALLOWED_LEVELS', data.AFFILATE_ALLOWED_LEVELS.concat(level) ) } else { setData( 'AFFILATE_ALLOWED_LEVELS', data.AFFILATE_ALLOWED_LEVELS.filter((l) => l.id !== level.id) ) } } const isCheck = (level) => { const isExists = data.AFFILATE_ALLOWED_LEVELS.find( (l) => l.id === level.id ) if (isExists) { return true } return false } const handleOnChange = (event) => { setData( event.target.name, event.target.type === 'checkbox' ? event.target.checked ? 1 : 0 : event.target.value ) } const handleSubmit = () => { post(route('setting.affilate')) } return (
Affilate