import React from 'react';
import { baseUrl, SiteRoutes } from '../Config';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';

import Header from 'Containers/Header';
import Footer from 'Containers/Footer';
import Cliente from 'Containers/Cliente';
import Ordenes from 'Containers/Ordenes';
import Articulos from 'Containers/Articulos';
import LocalStorage from '../app/components/LocalStorage';

class App extends React.Component {

    componentDidMount = () =>{
        const localstorage = new LocalStorage();
        let token = this.getParameterByName('pToken')
        let id = this.getParameterByName('pId')
        let emp_id = this.getParameterByName('pEmp_Id')
        let suc_id = this.getParameterByName('pSuc_Id')
        localstorage.set('token', token);
        localstorage.set('id', id);
        localstorage.set('emp_id', emp_id);
        localstorage.set('suc_id', suc_id);
    }

    
    getParameterByName = (name) => {
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }


    render() {
        return (
            <Router>
                <div>
                    <Header />
                    <Switch>
                
                        <Route path={SiteRoutes.Cliente} component={Cliente} />
                        <Route path={SiteRoutes.Ordenes} component={Ordenes} />
                        <Route path={SiteRoutes.Articulos} component={Articulos} />
                        <Route path={baseUrl} component={Cliente} />
                        <Route path='*' component={Cliente} />
                        
                    </Switch>
                    <Footer />
                </div>
            </Router>
        )
    }
};
export default App;