content: import Backbone from 'backbone'
  import React from 'react'
  import ReactDOM from 'react-dom'
  import $ from 'jquery'
  
  
  import PackAuthView from './pack-auth-view.js'
  import LuggAuthView from './lugg-auth-view.js'
  import HomeView from './home-page.js'
  import AppController from './lugg-view-controller.js'
  import CargoDisplay from './display-cargo-details.js'
  import CreateLugg from './create-lugg.js'
  import {LuggProfile, LuggView} from './lugg-list.js'
  import showReviews from './reviews.js'
  import Sandbox from './sandbox.js'
  import TruckInfo from './truckinfo.js'
  import showWhatWeDo from './whatwedo.js'
  
  const AppRouter = Backbone.Router.extend({
     routes: {
         "sandbox" : "showSandbox",
      "user-login" : "showPackAuthView",
     "truck-login" : "showLuggAuthView",
  "cargo/:cargoId" : "showDisplayCargo",
       "lugg-list" : "showLuggList",
     "create-lugg" : "showCreateLugg",
      "truck-info" : "showTruckInfo",
        "whatwedo" : "showWhatWeDo",
         "reviews" : "showReviews",
                "" : "showHomeView"
     },
     showCreateLugg: function(){
        ReactDOM.render(<AppController routedFrom = "CreateLugg" />, document.querySelector('#app-container'))
  
     },
     showPackAuthView: function(){
        ReactDOM.render(<AppController routedFrom = "PackAuthView" />, document.querySelector('#app-container'))
  
     },
     showLuggAuthView: function(){
        ReactDOM.render(<AppController routedFrom = "LuggAuthView" />, document.querySelector('#app-container'))
  
     },
  
     showDisplayCargo: function(cargoId){
        ReactDOM.render(<AppController routedFrom = "CargoDisplay" modelId={cargoId} />, document.querySelector('#app-container'))
  
     },
     showLuggList: function(){
        ReactDOM.render(<AppController routedFrom = "LuggProfile" />, document.querySelector('#app-container'))
  
     },
     showHomeView: function(){
        ReactDOM.render(<AppController routedFrom = "HomeView" />, document.querySelector('#app-container'))
  
     },
  
     showSandbox: function(){
        ReactDOM.render(<AppController routedFrom = "Sandbox" />, document.querySelector('#app-container'))
  
     },
     showTruckInfo: function(){
        ReactDOM.render(<AppController routedFrom = "TruckInfo" />, document.querySelector('#app-container'))
  
     },
  
     showWhatWeDo: function(){
        ReactDOM.render(<AppController routedFrom = "WhatWeDo" />, document.querySelector('#app-container'))
  
     },
  
     showReviews: function(){
        ReactDOM.render(<AppController routedFrom = "Reviews" />, document.querySelector('#app-container'))
  
     },
  
     initialize: function(){
        Backbone.history.start();
  
     }
  })
  
  const app = new AppRouter()
  