const AppRouter = new Backbone.Router({
  routes: { "appointments/:id": "show", "": "index" },

  initialize: function(options){
    this.appointmentList = options.appointmentList;
  },

  index: function(){
    var appointmentsView = new AppointmentListView({collection: this.appointmentList});
    appointmentsView.render();
    $('#app').html(appointmentsView.el);
    this.appointmentList.fetch();
  },

  show: function(id){
    var appointment = new Appointment({id: id});
    var appointmentView = new AppointmentView({model: appointment});
    appointmentView.render();
    $('#app').html(appointmentView.el);
    appointment.fetch();
  },

  start: function() {
    Backbone.history.start({pushState: true});
  },
});

AppRouter.start();