/* eslint-disable react/jsx-no-bind */
import type { FormEvent } from 'react';
import type React from 'react';

import HeaderNoSidebar from '../../Components/Layout/HeaderNoSidebar/HeaderNoSidebar';
import environment from '../../Environments/environment';
import CompaniesContextProvider from '../../Store/Companies/companies-context';
import CompanyTypeContextProvider from '../../Store/CompanyType/company-type-context';
import ChooseCompanyTypeForm from './ChooseCompanyTypeForm';

const ChooseCompanyType: React.FC = (): JSX.Element => {
	const { manageSubscription } = environment.frontendRoutes;

	function submitHandler(event: FormEvent): void {
		event.preventDefault();
	}

	return (
		<CompanyTypeContextProvider>
			<CompaniesContextProvider>
				<div>
					<HeaderNoSidebar heading="We just need a few more details ..." />
					<ChooseCompanyTypeForm
						companyAddressInputId="companyEmailAddress"
						companyAddressInputLabel="Company Address *"
						companyAddressInputPlaceholder="Enter Your Company Address"
						companyAddressInputType="text"
						companyInputId="Company"
						companyInputLabel="Company *"
						companyInputPlaceholder="Company Name"
						companyInputType="text"
						companyRegNumberId="companyRegNumber"
						companyRegNumberLabel="Company reg. number"
						companyRegNumberPlaceholder="Company reg. number"
						companyRegNumberType="text"
						currencyInputId="currency"
						currencyInputLabel="Currency Symbol *"
						emailInputId="companyEmail"
						emailInputLabel="Email *"
						emailInputPlaceholder="Enter Your Email"
						emailInputType="email"
						handler={submitHandler}
						industryInputId="industry"
						industryInputLabel="Select Industry *"
						industryInputPlaceholder="Industry"
						industryInputType="text"
						industryTypeInputId="industryType"
						industryTypeInputLabel="Industry Type *"
						roleInputId="role"
						roleInputLabel="Your role in the company *"
						linkToOtherPage=""
						linkToOtherPageName=""
						nameInputId="Name"
						nameInputLabel="Name *"
						nameInputPlaceholder="Your Full Name"
						nameInputType="text"
						phoneNumberInputId="phoneNumber"
						phoneNumberInputLabel="Phone Number *"
						phonePrefixInputLabel="Prefix *"
						phoneNumberInputPlaceholder="Phone Number"
						phoneNumberInputType="text"
						submitButtonId="signInButtonId"
						submitButtonLink={manageSubscription}
						submitButtonType="submit"
						submitButtonValue="Next"
						svg={undefined}
						embeded={false}
						goBackToPage
					/>
				</div>
			</CompaniesContextProvider>
		</CompanyTypeContextProvider>
	);
};

export default ChooseCompanyType;