Krasnikov.pro
3 years ago
parent
c4d0bcfff0
commit
90db0a9be8
@ -1,42 +0,0 @@ |
||||
import NextHead from 'next/head'; |
||||
import { useRouter } from 'next/router'; |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Head = ({ customMeta }: { customMeta?: MetaProps }): JSX.Element => { |
||||
const router = useRouter(); |
||||
const meta: MetaProps = { |
||||
title: 'Hunter Chang - Website', |
||||
description: |
||||
'Sleep Deprived Father. Senior Web Developer. Lover of all things Ramen and Kpop.', |
||||
image: `${WEBSITE_HOST_URL}/images/site-preview.png`, |
||||
type: 'website', |
||||
...customMeta, |
||||
}; |
||||
|
||||
return ( |
||||
<NextHead> |
||||
<title>{meta.title}</title> |
||||
<meta content={meta.description} name="description" /> |
||||
<meta property="og:url" content={`${WEBSITE_HOST_URL}${router.asPath}`} /> |
||||
<link rel="canonical" href={`${WEBSITE_HOST_URL}${router.asPath}`} /> |
||||
<meta property="og:type" content={meta.type} /> |
||||
<meta property="og:site_name" content="Hunter Chang - Website" /> |
||||
<meta property="og:description" content={meta.description} /> |
||||
<meta property="og:title" content={meta.title} /> |
||||
<meta property="og:image" content={meta.image} /> |
||||
<meta name="twitter:card" content="summary_large_image" /> |
||||
<meta name="twitter:site" content="@huntarosan" /> |
||||
<meta name="twitter:title" content={meta.title} /> |
||||
<meta name="twitter:description" content={meta.description} /> |
||||
<meta name="twitter:image" content={meta.image} /> |
||||
{meta.date && ( |
||||
<meta property="article:published_time" content={meta.date} /> |
||||
)} |
||||
</NextHead> |
||||
); |
||||
}; |
||||
|
||||
export default Head; |
||||
@ -1,42 +0,0 @@ |
||||
import NextHead from 'next/head'; |
||||
import { useRouter } from 'next/router'; |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Head = ({ customMeta }: { customMeta?: MetaProps }): JSX.Element => { |
||||
const router = useRouter(); |
||||
const meta: MetaProps = { |
||||
title: 'РоботТоп - робототехнический фестиваль', |
||||
description: |
||||
'Sleep Deprived Father. Senior Web Developer. Lover of all things Ramen and Kpop.', |
||||
image: `${WEBSITE_HOST_URL}/images/site-preview.png`, |
||||
type: 'website', |
||||
...customMeta, |
||||
}; |
||||
|
||||
return ( |
||||
<NextHead> |
||||
<title>{meta.title}</title> |
||||
<meta content={meta.description} name="description" /> |
||||
<meta property="og:url" content={`${WEBSITE_HOST_URL}${router.asPath}`} /> |
||||
<link rel="canonical" href={`${WEBSITE_HOST_URL}${router.asPath}`} /> |
||||
<meta property="og:type" content={meta.type} /> |
||||
<meta property="og:site_name" content="Hunter Chang - Website" /> |
||||
<meta property="og:description" content={meta.description} /> |
||||
<meta property="og:title" content={meta.title} /> |
||||
<meta property="og:image" content={meta.image} /> |
||||
<meta name="twitter:card" content="summary_large_image" /> |
||||
<meta name="twitter:site" content="@huntarosan" /> |
||||
<meta name="twitter:title" content={meta.title} /> |
||||
<meta name="twitter:description" content={meta.description} /> |
||||
<meta name="twitter:image" content={meta.image} /> |
||||
{meta.date && ( |
||||
<meta property="article:published_time" content={meta.date} /> |
||||
)} |
||||
</NextHead> |
||||
); |
||||
}; |
||||
|
||||
export default Head; |
||||
@ -1,44 +0,0 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Built by{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://twitter.com/huntarosan" |
||||
> |
||||
Hunter Chang |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -1,44 +0,0 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://twitter.com/huntarosan" |
||||
> |
||||
Pavel Krasnikov |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -1,44 +0,0 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Pavel Krasnikov |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -1,44 +0,0 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -1,17 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const About = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'About - Hunter Chang', |
||||
}} |
||||
> |
||||
<h1>About Page</h1> |
||||
<p>Welcome to the about page</p> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default About; |
||||
@ -1,17 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const About = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'About - Hunter Chang', |
||||
}} |
||||
> |
||||
<h1>RobotTop</h1> |
||||
<p>Мы команда из 103 школы</p> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default About; |
||||
@ -1,17 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const About = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<p>Мы команда школы 103</p> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default About; |
||||
@ -1,17 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<p>Мы команда школы 103</p> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default registration; |
||||
@ -1,17 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<p>Мы команда школы 103</p> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,20 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="ml-3"> |
||||
<p className="text-sm font-medium text-gray-900">ddd</p> |
||||
<p className="text-sm text-gray-500">dfff</p> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,20 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="ml-3"> |
||||
<input type="text" name="price" id="price" className="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-7 pr-12 sm:text-sm border-gray-300 rounded-md" placeholder="0.00"/> |
||||
<p className="text-sm text-gray-500">dfff</p> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,150 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Personal Information</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Use a permanent address where you can receive mail.</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
First name |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Last name |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-4"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Country |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="country" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>United States</option> |
||||
<option>Canada</option> |
||||
<option>Mexico</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Street address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,150 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Personal Information</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Use a permanent address where you can receive mail.</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
First name |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Last name |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-4"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Country |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="country" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>United States</option> |
||||
<option>Canada</option> |
||||
<option>Mexico</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Street address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,150 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Personal Information</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Use a permanent address where you can receive mail.</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
First name |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Last name |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-4"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Country |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="country" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>United States</option> |
||||
<option>Canada</option> |
||||
<option>Mexico</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Street address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,150 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Personal Information</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Use a permanent address where you can receive mail.</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
First name |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Last name |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-4"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Country |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="country" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>United States</option> |
||||
<option>Canada</option> |
||||
<option>Mexico</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Street address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,150 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные о команде</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
First name |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Last name |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-4"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Country |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="country" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>United States</option> |
||||
<option>Canada</option> |
||||
<option>Mexico</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Street address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,150 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО Тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Last name |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-4"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Country |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="country" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>United States</option> |
||||
<option>Canada</option> |
||||
<option>Mexico</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Street address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,150 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО Тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-4"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Country |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="country" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>United States</option> |
||||
<option>Canada</option> |
||||
<option>Mexico</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Street address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,150 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО Тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-4"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Country |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="country" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>United States</option> |
||||
<option>Canada</option> |
||||
<option>Mexico</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Street address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,150 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-4"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Country |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="country" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>United States</option> |
||||
<option>Canada</option> |
||||
<option>Mexico</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Street address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,150 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Country |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="country" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>United States</option> |
||||
<option>Canada</option> |
||||
<option>Mexico</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Street address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,147 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Из какого города команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Street address |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,147 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Из какого города команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,147 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
City |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
State / Province |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="postal-code" className="block text-sm font-medium text-gray-700"> |
||||
ZIP / Postal code |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="postal-code" |
||||
id="postal-code" |
||||
autoComplete="postal-code" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,134 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,134 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,134 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,134 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-4 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,134 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,134 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3 sm:col-span-3 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,134 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-6 lg:col-span-2"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3 sm:col-span-2 lg:col-span-2"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,135 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-32"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,135 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,187 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,200 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-4"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-4"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,200 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Save |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,200 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6 text-gray-900">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm text-gray-600">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,200 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="#" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,200 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first-name" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,200 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="last-name" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,200 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
autoComplete="given-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
autoComplete="family-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="email-address" |
||||
id="email-address" |
||||
autoComplete="email" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="street-address" |
||||
id="street-address" |
||||
autoComplete="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city" |
||||
id="city" |
||||
autoComplete="address-level2" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="region" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,189 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first_partial_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="second_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="third_part_class" |
||||
id="region" |
||||
autoComplete="address-level1" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,188 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first_partial_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="second_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="third_part_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,189 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first_partial_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="second_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="third_part_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,190 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first_partial_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="second_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="third_part_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,191 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first_partial_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="second_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="third_part_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,195 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Школа 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first_partial_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="second_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="third_part_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,198 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="first_partial_class" |
||||
id="region" |
||||
placeholder="1 класс" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="second_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Класс кчастника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="third_part_class" |
||||
id="region" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,233 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,233 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,260 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<table className="table-auto"> |
||||
<thead> |
||||
<tr> |
||||
<th>Song</th> |
||||
<th>Artist</th> |
||||
<th>Year</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>The Sliding Mr. Bones (Next Stop, Pottersville)</td> |
||||
<td>Malcolm Lockyer</td> |
||||
<td>1961</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Witchy Woman</td> |
||||
<td>The Eagles</td> |
||||
<td>1972</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Shining Star</td> |
||||
<td>Earth, Wind, and Fire</td> |
||||
<td>1975</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,257 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<table className="border-separate border-spacing-2 border border-slate-400 ..."> |
||||
<thead> |
||||
<tr> |
||||
<th className="border border-slate-300 ...">State</th> |
||||
<th className="border border-slate-300 ...">City</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td className="border border-slate-300 ...">Indiana</td> |
||||
<td className="border border-slate-300 ...">Indianapolis</td> |
||||
</tr> |
||||
<tr> |
||||
<td className="border border-slate-300 ...">Ohio</td> |
||||
<td className="border border-slate-300 ...">Columbus</td> |
||||
</tr> |
||||
<tr> |
||||
<td className="border border-slate-300 ...">Michigan</td> |
||||
<td className="border border-slate-300 ...">Detroit</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,257 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<table className="border-collapse border border-slate-400 ..."> |
||||
<thead> |
||||
<tr> |
||||
<th className="border border-slate-300 ...">State</th> |
||||
<th className="border border-slate-300 ...">City</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td className="border border-slate-300 ...">Indiana</td> |
||||
<td className="border border-slate-300 ...">Indianapolis</td> |
||||
</tr> |
||||
<tr> |
||||
<td className="border border-slate-300 ...">Ohio</td> |
||||
<td className="border border-slate-300 ...">Columbus</td> |
||||
</tr> |
||||
<tr> |
||||
<td className="border border-slate-300 ...">Michigan</td> |
||||
<td className="border border-slate-300 ...">Detroit</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,257 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<table className="border-collapse border border-slate-400 col-span-6"> |
||||
<thead> |
||||
<tr> |
||||
<th className="border border-slate-300">State</th> |
||||
<th className="border border-slate-300">City</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td className="border border-slate-300">Indiana</td> |
||||
<td className="border border-slate-300">Indianapolis</td> |
||||
</tr> |
||||
<tr> |
||||
<td className="border border-slate-300">Ohio</td> |
||||
<td className="border border-slate-300">Columbus</td> |
||||
</tr> |
||||
<tr> |
||||
<td className="border border-slate-300">Michigan</td> |
||||
<td className="border border-slate-300">Detroit</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,257 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<table className="border-collapse border border-slate-600 col-span-6"> |
||||
<thead> |
||||
<tr> |
||||
<th className="border border-slate-300">State</th> |
||||
<th className="border border-slate-300">City</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td className="border border-slate-300">Indiana</td> |
||||
<td className="border border-slate-300">Indianapolis</td> |
||||
</tr> |
||||
<tr> |
||||
<td className="border border-slate-300">Ohio</td> |
||||
<td className="border border-slate-300">Columbus</td> |
||||
</tr> |
||||
<tr> |
||||
<td className="border border-slate-300">Michigan</td> |
||||
<td className="border border-slate-300">Detroit</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,311 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Product name |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Color |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Category |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Price |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
<span className="sr-only">Edit</span> |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,315 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Product name |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Color |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Category |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Price |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
<span className="sr-only">Edit</span> |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,314 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Product name |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Color |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Category |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Price |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
<span className="sr-only">Edit</span> |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,314 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-5"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Product name |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Color |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Category |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Price |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
<span className="sr-only">Edit</span> |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,314 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Product name |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Color |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Category |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Price |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
<span className="sr-only">Edit</span> |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,314 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 mt-1 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Product name |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Color |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Category |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Price |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
<span className="sr-only">Edit</span> |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,314 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-1 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Product name |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Color |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Category |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Price |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
<span className="sr-only">Edit</span> |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,314 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Product name |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Color |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Category |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Price |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
<span className="sr-only">Edit</span> |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,314 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Color |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Category |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Price |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
<span className="sr-only">Edit</span> |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,314 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Category |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Price |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
<span className="sr-only">Edit</span> |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,314 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
<span className="sr-only">Edit</span> |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,311 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Microsoft Surface Pro |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
White |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop PC |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$1999 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
<tr className="bg-white dark:bg-gray-800"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Magic Mouse 2 |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Black |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Accessories |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$99 |
||||
</td> |
||||
<td className="px-6 py-4 text-right"> |
||||
<a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,274 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петрт Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Apple MacBook Pro 17" |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
Sliver |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Laptop |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
$2999 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,274 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telenon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,274 +0,0 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form action="/api/registration" method="POST"> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,282 +0,0 @@ |
||||
import React,{useRef} from 'react'
|
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
const form = useRef(null); |
||||
const submit = e => { |
||||
e.preventDefault() |
||||
const data = new FormData(form.current) |
||||
fetch('/api/registration', { method: 'POST', body: data }) |
||||
.then(res => res.json()) |
||||
// .then(json => setUser(json.user))
|
||||
} |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form ref={form} onSubmit={submit}> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,283 +0,0 @@ |
||||
import React,{useRef} from 'react'
|
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
const form = useRef(null); |
||||
const submit = e => { |
||||
e.preventDefault() |
||||
const data = new FormData(form.current) |
||||
console.log(data); |
||||
fetch('/api/registration', { method: 'POST', body: data }) |
||||
.then(res => res.json()) |
||||
// .then(json => setUser(json.user))
|
||||
} |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form ref={form} onSubmit={submit}> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,283 +0,0 @@ |
||||
import React,{useRef} from 'react'
|
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
const form = useRef(null); |
||||
const submit = e => { |
||||
e.preventDefault() |
||||
const data = new FormData(form.current) |
||||
console.log(data); |
||||
//fetch('/api/registration', { method: 'POST', body: data })
|
||||
//.then(res => res.json())
|
||||
// .then(json => setUser(json.user))
|
||||
} |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form ref={form} onSubmit={submit}> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,283 +0,0 @@ |
||||
import React,{useRef} from 'react'
|
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
const form = useRef(null); |
||||
const submit = e => { |
||||
e.preventDefault() |
||||
const data = new FormData(form.current) |
||||
console.log(data.body); |
||||
//fetch('/api/registration', { method: 'POST', body: data })
|
||||
//.then(res => res.json())
|
||||
// .then(json => setUser(json.user))
|
||||
} |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form ref={form} onSubmit={submit}> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,283 +0,0 @@ |
||||
import React,{useRef} from 'react'
|
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
const form = useRef(null); |
||||
const submit = e => { |
||||
e.preventDefault() |
||||
const data = new FormData(form.current) |
||||
console.log(data); |
||||
//fetch('/api/registration', { method: 'POST', body: data })
|
||||
//.then(res => res.json())
|
||||
// .then(json => setUser(json.user))
|
||||
} |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form ref={form} onSubmit={submit}> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,283 +0,0 @@ |
||||
import React,{useRef} from 'react'
|
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
const form = useRef(null); |
||||
const submit = e => { |
||||
e.preventDefault() |
||||
const data = new FormData(form.current) |
||||
console.log(form.current); |
||||
//fetch('/api/registration', { method: 'POST', body: data })
|
||||
//.then(res => res.json())
|
||||
// .then(json => setUser(json.user))
|
||||
} |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form ref={form} onSubmit={submit}> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,283 +0,0 @@ |
||||
import React,{useRef} from 'react'
|
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
const form = useRef(null); |
||||
const submit = e => { |
||||
e.preventDefault() |
||||
const data = new FormData(form.append) |
||||
console.log(form.current); |
||||
//fetch('/api/registration', { method: 'POST', body: data })
|
||||
//.then(res => res.json())
|
||||
// .then(json => setUser(json.user))
|
||||
} |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form ref={form} onSubmit={submit}> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,283 +0,0 @@ |
||||
import React,{useRef} from 'react'
|
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
const form = useRef(null); |
||||
const submit = e => { |
||||
e.preventDefault() |
||||
const data = new FormData() |
||||
console.log(data.append); |
||||
//fetch('/api/registration', { method: 'POST', body: data })
|
||||
//.then(res => res.json())
|
||||
// .then(json => setUser(json.user))
|
||||
} |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form ref={form} onSubmit={submit}> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,283 +0,0 @@ |
||||
import React,{useRef} from 'react'
|
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
const form = useRef(null); |
||||
const submit = e => { |
||||
e.preventDefault() |
||||
const data = new FormData(form.current) |
||||
console.log(data.append); |
||||
//fetch('/api/registration', { method: 'POST', body: data })
|
||||
//.then(res => res.json())
|
||||
// .then(json => setUser(json.user))
|
||||
} |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form ref={form} onSubmit={submit}> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,284 +0,0 @@ |
||||
import React,{useRef} from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
const form = useRef(null); |
||||
const submit = e => { |
||||
e.preventDefault() |
||||
const data = new FormData(form.current) |
||||
// eslint-disable-next-line no-console
|
||||
console.log(data.append); |
||||
//fetch('/api/registration', { method: 'POST', body: data })
|
||||
//.then(res => res.json())
|
||||
// .then(json => setUser(json.user))
|
||||
} |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form ref={form} onSubmit={submit}> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -1,284 +0,0 @@ |
||||
import React,{useRef} from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
|
||||
export const Registration = (): JSX.Element => { |
||||
const form = useRef(null); |
||||
const submit = e => { |
||||
e.preventDefault(); |
||||
const data = new FormData(form.current); |
||||
// eslint-disable-next-line no-console
|
||||
console.log(data); |
||||
//fetch('/api/registration', { method: 'POST', body: data })
|
||||
//.then(res => res.json())
|
||||
// .then(json => setUser(json.user))
|
||||
} |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'О нас', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
|
||||
<div className="mt-10 sm:mt-0"> |
||||
<div className="md:grid md:grid-cols-3 md:gap-6"> |
||||
<div className="md:col-span-1"> |
||||
<div className="px-4 sm:px-0"> |
||||
<h3 className="text-lg font-medium leading-6">Регистрация команды</h3> |
||||
<p className="mt-1 text-sm">Введите актуальные данные команды</p> |
||||
</div> |
||||
</div> |
||||
<div className="mt-5 md:mt-0 md:col-span-2"> |
||||
<form ref={form} onSubmit={submit}> |
||||
<div className="shadow overflow-hidden sm:rounded-md"> |
||||
<div className="px-4 py-5 bg-white sm:p-6"> |
||||
<div className="grid grid-cols-6 gap-6"> |
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="first-name" className="block text-sm font-medium text-gray-700"> |
||||
ФИО тренера команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_team_coach" |
||||
id="first-name" |
||||
placeholder="Иванов Иван Иванович" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="last-name" className="block text-sm font-medium text-gray-700"> |
||||
Номер теленона тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="coach_telefon_number" |
||||
id="last-name" |
||||
placeholder="+79181234567" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Email тренера |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="trainer_mail" |
||||
id="email-address" |
||||
placeholder="you@example.com" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="email-address" className="block text-sm font-medium text-gray-700"> |
||||
Город команда |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="city_team" |
||||
id="email-address" |
||||
placeholder="Краснодар" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="street-address" className="block text-sm font-medium text-gray-700"> |
||||
Учебное заведение команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="training_institution_team" |
||||
id="street-address" |
||||
placeholder="МАОУ СОШ 103" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-3"> |
||||
<label htmlFor="region" className="block text-sm font-medium text-gray-700"> |
||||
Название команды |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="team_name" |
||||
id="region" |
||||
placeholder="Фиксики" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО первого участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_first_participant" |
||||
id="city" |
||||
placeholder="Иванов Иван Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="first_partial_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО второго участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_second_participant" |
||||
id="city" |
||||
placeholder="Иванов Петр Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="second_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="city" className="block text-sm font-medium text-gray-700"> |
||||
ФИО третьего участника |
||||
</label> |
||||
<input |
||||
type="text" |
||||
name="name_third_party" |
||||
id="city" |
||||
placeholder="Иванов Дмитрий Иванович / нет" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
/> |
||||
</div> |
||||
|
||||
<div className="col-span-6 sm:col-span-3"> |
||||
<label htmlFor="country" className="block text-sm font-medium text-gray-700"> |
||||
Класс участника |
||||
</label> |
||||
<select |
||||
id="country" |
||||
name="third_part_class" |
||||
autoComplete="country-name" |
||||
className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" |
||||
> |
||||
<option>1</option> |
||||
<option>2</option> |
||||
<option>3</option> |
||||
<option>4</option> |
||||
<option>5</option> |
||||
<option>6</option> |
||||
<option>7</option> |
||||
<option>8</option> |
||||
<option>9</option> |
||||
<option>10</option> |
||||
<option>11</option> |
||||
</select> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="px-4 py-3 bg-gray-50 text-right sm:px-6"> |
||||
<button |
||||
type="submit" |
||||
className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" |
||||
> |
||||
Зарегистрировать команду |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default Registration; |
||||
@ -0,0 +1,14 @@ |
||||
import React from 'react'; |
||||
|
||||
type Props = { |
||||
children: string; |
||||
href: string; |
||||
} |
||||
|
||||
export const Link: React.FC<Props> = ({children, href}) => { |
||||
return( |
||||
<> |
||||
<a href={href} target='_blank' rel="noreferrer" className="dark:text-white">{children}</a> |
||||
</> |
||||
) |
||||
} |
||||
@ -1,3 +1,4 @@ |
||||
export * from './Select' |
||||
export * from './Alert' |
||||
export * from './Input' |
||||
export * from './Input' |
||||
export * from './Link' |
||||
@ -0,0 +1,23 @@ |
||||
import React from 'react'; |
||||
import Layout from '../components/Layout'; |
||||
import { Link } from '../components/UX'; |
||||
|
||||
export const About = (): JSX.Element => { |
||||
return ( |
||||
<Layout |
||||
customMeta={{ |
||||
title: 'Контакты', |
||||
}} |
||||
> |
||||
<h1>РоботТоп</h1> |
||||
<p><b>Организатор соревнований</b> <Link href="https://school103.centerstart.ru/sveden/common" >МАОУ СОШ 103 г. Краснодар</Link> </p> |
||||
<p><b>Главный судья соревнований</b><Link href="https://krasnikov.pro"> Красников Павел Геннадьевич </Link> - |
||||
<Link href="tel:+7-918-945-80-44"> 8-918-945-80-44 </Link> -
|
||||
<Link href="https://t.me/krasnikovPavel"> Telegram</Link> |
||||
</p> |
||||
<p><b>Вопросы по соревнованиям можно задавать в </b><Link href="https://t.me/robotop_competition"> Telegram группе </Link></p> |
||||
</Layout> |
||||
); |
||||
}; |
||||
|
||||
export default About; |
||||
Loading…
Reference in new issue