import React from 'react';
import ReactDOM from 'react-dom';

import ParentSide from './side';

import ParentMeetings from './meeting';
import ParentMeetingDetail from './meeting/detail';
import ParentMeetingAdd from './meeting/add';
import ParentMeetingEdit from './meeting/edit';

import ParentFavorite from './favorite';
import ParentSearch from './search';

import ParentChilds from './child';
import ParentChildAdd from './child/add';
import ParentChildEdit from './child/edit';
import ParentChildDetail from './child/detail';

import ParentProfileDetail from './profile';
import ParentProfileEdit from './profile/edit';
import ParentProfilePasswordEdit from './profile/password_edit';
import ParentProfileWithdrawal from './profile/withdrawal';

import { BrowserRouter, Route, Switch } from 'react-router-dom';
import PageChangeHandler from '../component/page_change_handler';
import ScrollToTop from '../component/scroll_top';

export const App = () => {
    return (
        <main className="l-container">
            <BrowserRouter>
                <ScrollToTop />
                <PageChangeHandler/>
                <Switch>
                    <Route exact path='/p-account' component={ParentMeetings} />
                    <Route exact path='/p-account/meeting' component={ParentMeetings} />
                    <Route exact path='/p-account/meeting/detail/:meeting_id' component={ParentMeetingDetail} />
                    <Route exact path='/p-account/meeting/new' component={ParentMeetingAdd} />
                    <Route exact path='/p-account/meeting/edit/:meeting_id' component={ParentMeetingEdit} />

                    <Route exact path='/p-account/favorite' component={ParentFavorite} />
                    <Route exact path='/p-account/search' component={ParentSearch} />

                    <Route exact path='/p-account/child' component={ParentChilds} />
                    <Route exact path='/p-account/child/add' component={ParentChildAdd} />
                    <Route exact path='/p-account/child/edit/hire-date/:child_id' component={ParentChildEdit} />
                    <Route exact path='/p-account/child/detail/:child_id' component={ParentChildDetail} />

                    <Route exact path='/p-account/profile' component={ParentProfileDetail} />
                    <Route exact path='/p-account/profile/edit/:father_id' component={ParentProfileEdit} />
                    <Route exact path='/p-account/profile/edit/password/:father_id' component={ParentProfilePasswordEdit} />
                    <Route exact path='/p-account/profile/withdrawal' component={ParentProfileWithdrawal} />
                </Switch>
                <ParentSide />
            </BrowserRouter>
        </main>
    );
}




if(document.getElementById('p-app')){
	ReactDOM.render(
		<App/>,
		document.getElementById('p-app')
	)
}