import React from 'react';
import Helmet from 'react-helmet';
import { Switch, Route } from 'react-router-dom';
import DatabaseTop from './DatabaseTop';
import DatabaseDetailItem from './DatabaseDetailItem';
import DatabaseAdvancedSearch from './DatabaseAdvancedSearch';
import DatabaseSearchByIndexId from './DatabaseSearchByIndexId';
import DatabaseSearchByItemType from './DatabaseSearchByItemType';
import DatabaseSearchByKeyword from './DatabaseSearchByKeyword';
import DatabaseSearchByAdvancedKeyword from './DatabaseSearchByAdvancedKeyword';
import PageNotFound from '../PageNotFound';
import styles from './Database.module.css';

const Database = () => {
    return (
        <div className={styles.database}>
            <Helmet>
                <title>Database - Pupil Platform</title>
            </Helmet>
            <Switch>
                <Route exact path="/database" component={DatabaseTop} />
                <Route exact path="/database/item/:id" component={DatabaseDetailItem} />
                <Route exact path="/database/item/id/:doi" component={DatabaseDetailItem} />
                <Route exact path="/database/advanced" component={DatabaseAdvancedSearch} />
                <Route exact path="/database/list" component={DatabaseSearchByIndexId} />
                <Route exact path="/database/list/:id" component={DatabaseSearchByIndexId} />
                <Route exact path="/database/search" component={DatabaseSearchByKeyword} />
                <Route exact path="/database/search/advanced" component={DatabaseSearchByAdvancedKeyword} />
                <Route exact path="/database/search/itemtype/:itemType" component={DatabaseSearchByItemType} />
                <Route exact path="/database/search/itemtype/:itemType/:subItemType" component={DatabaseSearchByItemType} />
                <Route component={PageNotFound} />
            </Switch>
        </div>
    );
}

export default Database;