import React, { Component } from 'react';
import ReactDOM from 'react-dom';

import ForgotPassword from './auth/forgot_password';
import ForgotPasswordComplete from './auth/forgot_password/complete';
import ForgotPasswordReset from './auth/forgot_password/reset';

import Login from './auth/login';
import SignUpTemporary from './auth/register/temporary';
import SignUp from './auth/register';
import SignUpComplete from './auth/register/complete';
import SignUpError from './auth/register/error';

import Meeting from './meeting';
import MeetingDetail from './meeting/detail';

import Parent from './parent';
import ParentDetail from './parent/detail';

import Profile from './profile';
import ProfileDetail from './profile/detail';
import ProfileEdit from './profile/edit';
import ProfilePasswordEdit from './profile/password_edit';
import ProfileWithdrawal from './profile/withdrawal';

import WithdrawalComplete from './withdrawal/complete';

import Search from './search';

import { BrowserRouter, Route, Switch } from 'react-router-dom';


export default class ChildApp extends Component {
    render() {
        return (
            <BrowserRouter>
                <Switch>
                    <Route exact path='/register-temporary/c-account' component={SignUpTemporary} />
                    <Route exact path='/register/c-account' component={SignUp} />
                    <Route exact path='/register/c-account/complete' component={SignUpComplete} />
                    <Route exact path='/register/c-account/error/' component={SignUpError} />

                    <Route exact path="/forgot-password/c-account" component = {ForgotPassword} />
                    <Route exact path="/forgot-password/c-account/reset" component = {ForgotPasswordReset} />
                    <Route exact path="/forgot-password/c-account/complete" component = {ForgotPasswordComplete} />
                    
                    <Route exact path="/login/c-account" component = {Login} />
                    <Route exact path="/c-account/meeting" component = {Meeting} />
                    <Route exact path="/c-account/meeting/detail/:meeting_id" component = {MeetingDetail} />
                    <Route exact path="/c-account/search" component = {Search} />
                    <Route exact path="/c-account/parent" component = {Parent} />
                    <Route exact path="/c-account/parent/detail/:father_id" component = {ParentDetail} />

                    <Route exact path="/c-account/profile" component = {Profile} />
                    <Route exact path="/c-account/profile/detail/:child_id" component = {ProfileDetail} />
                    <Route exact path="/c-account/profile/edit/:child_id" component = {ProfileEdit} />
                    <Route exact path="/c-account/profile/password-edit/:child_id" component = {ProfilePasswordEdit} />
                    <Route exact path="/c-account/profile/withdrawal" component = {ProfileWithdrawal} />
                    <Route exact path="/withdrawal/complete" component = {WithdrawalComplete} />
                </Switch>
            </BrowserRouter>
        );
    }
}

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