/*
 * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

import React from "react";

import PropTypes from "prop-types";

import { HELP_TEXTS, ENCRYPTIONMODES } from "./constants";
import WiFiQRCode from "./WiFiQRCode";
import PasswordInput from "../../bootstrap/PasswordInput";
import Select from "../../bootstrap/Select";
import Switch from "../../bootstrap/Switch";
import TextInput from "../../bootstrap/TextInput";

WifiGuestForm.propTypes = {
    formData: PropTypes.shape({
        id: PropTypes.number.isRequired,
        SSID: PropTypes.string.isRequired,
        password: PropTypes.string.isRequired,
        enabled: PropTypes.bool.isRequired,
        encryption: PropTypes.string.isRequired,
    }),
    formErrors: PropTypes.shape({
        SSID: PropTypes.string,
        password: PropTypes.string,
    }),
    setFormValue: PropTypes.func.isRequired,
    deviceIndex: PropTypes.string,
};

export default function WifiGuestForm({
    formData,
    formErrors,
    setFormValue,
    deviceIndex,
    ...props
}) {
    return (
        <>
            <Switch
                label={_("Enable Guest Wi-Fi")}
                checked={formData.enabled}
                helpText={HELP_TEXTS.guest_wifi_enabled}
                onChange={setFormValue((value) => ({
                    devices: {
                        [formData.id]: {
                            guest_wifi: { enabled: { $set: value } },
                        },
                    },
                }))}
                {...props}
            />
            {formData.enabled ? (
                <>
                    <TextInput
                        label="SSID"
                        value={formData.SSID}
                        error={formErrors.SSID}
                        helpText={HELP_TEXTS.ssid}
                        onChange={setFormValue((value) => ({
                            devices: {
                                [formData.id]: {
                                    guest_wifi: { SSID: { $set: value } },
                                },
                            },
                        }))}
                        {...props}
                    >
                        <WiFiQRCode
                            SSID={formData.SSID}
                            password={formData.password}
                        />
                    </TextInput>
                    <PasswordInput
                        withEye
                        label={_("Password")}
                        value={formData.password}
                        helpText={HELP_TEXTS.password}
                        error={formErrors.password}
                        required
                        onChange={setFormValue((value) => ({
                            devices: {
                                [formData.id]: {
                                    guest_wifi: { password: { $set: value } },
                                },
                            },
                        }))}
                        {...props}
                    />
                    <Select
                        label={_("Encryption")}
                        choices={ENCRYPTIONMODES}
                        helpText={HELP_TEXTS.wpa3}
                        value={formData.encryption}
                        onChange={setFormValue((value) => ({
                            devices: {
                                [formData.id]: {
                                    guest_wifi: { encryption: { $set: value } },
                                },
                            },
                        }))}
                        {...props}
                    />
                </>
            ) : null}
        </>
    );
}