//INICIALIZAÇÃO DO F7 QUANDO DISPOSITIVO ESTÁ PRONTO
document.addEventListener('deviceready', onDeviceReady, false);
var $$ = Dom7;
var app = new Framework7({
  // App root element
  el: '#app',
  // App Name
  name: 'My App',
  // App id
  id: 'com.myapp.test',
  // Enable swipe panel
  panel: {
    swipe: true,
  },
  dialog: {
    buttonOk: 'Sim',
    buttonCancel: 'Cancelar',
  },
  // Add default routes
  routes: [
    {
      path: '/index/',
      url: 'index.html',
	  on: {
			pageBeforeIn: function (event, page) {
			// fazer algo antes da página ser exibida
			},
			pageAfterIn: function (event, page) {
			// fazer algo depois da página ser exibida
			},
			pageInit: function (event, page) {
			// fazer algo quando a página for inicializada
			},
			pageBeforeRemove: function (event, page) {
			// fazer algo antes da página ser removida do DOM
			},
		  }
    },
    {
      path: '/login/',
      url: 'login.html',
	  on: {
			pageBeforeIn: function (event, page) {
			// fazer algo antes da página ser exibida
			},
			pageAfterIn: function (event, page) {
			// fazer algo depois da página ser exibida
			},
			pageInit: function (event, page) {
			// fazer algo quando a página for inicializada
			},
			pageBeforeRemove: function (event, page) {
			// fazer algo antes da página ser removida do DOM
			},
		  }
    },
    {
      path: '/reformular/',
      url: 'reformular.html',
	  on: {
			pageBeforeIn: function (event, page) {
			// fazer algo antes da página ser exibida
			},
			pageAfterIn: function (event, page) {
			// fazer algo depois da página ser exibida
			},
			pageInit: function (event, page) {
			// fazer algo quando a página for inicializada
			},
			pageBeforeRemove: function (event, page) {
			// fazer algo antes da página ser removida do DOM
			},
		  }
    },
    {
      path: '/reset_passowrd/',
      url: 'reset_passowrd.html',
	  on: {
			pageBeforeIn: function (event, page) {
			// fazer algo antes da página ser exibida
			},
			pageAfterIn: function (event, page) {
			// fazer algo depois da página ser exibida
			},
			pageInit: function (event, page) {
			// fazer algo quando a página for inicializada
			},
			pageBeforeRemove: function (event, page) {
			// fazer algo antes da página ser removida do DOM
			},
		  }
    },
    {
      path: '/reset_passowrd_selfie/',
      url: 'reset_passowrd_selfie.html',
	  on: {
			pageBeforeIn: function (event, page) {
			// fazer algo antes da página ser exibida
			},
			pageAfterIn: function (event, page) {
			// fazer algo depois da página ser exibida
			},
			pageInit: function (event, page) {
			// fazer algo quando a página for inicializada
			},
			pageBeforeRemove: function (event, page) {
			// fazer algo antes da página ser removida do DOM
			},
		  }
    },
    {
      path: '/senha_alterada_sucesso/',
      url: 'senha_alterada_sucesso.html',
	  on: {
			pageBeforeIn: function (event, page) {
			// fazer algo antes da página ser exibida
			},
			pageAfterIn: function (event, page) {
			// fazer algo depois da página ser exibida
			},
			pageInit: function (event, page) {
			// fazer algo quando a página for inicializada
			},
			pageBeforeRemove: function (event, page) {
			// fazer algo antes da página ser removida do DOM
			},
		  }
    },
    {
      path: '/outra/',
      url: 'outra.html',
	  on: {
			pageBeforeIn: function (event, page) {
			// fazer algo antes da página ser exibida
			},
			pageAfterIn: function (event, page) {
			// fazer algo depois da página ser exibida
			},
			pageInit: function (event, page) {
			// fazer algo quando a página for inicializada
			},
			pageBeforeRemove: function (event, page) {
			// fazer algo antes da página ser removida do DOM
			},
		  }
    },
    {
      path: '/notificacoes/',
      url: 'notificacoes.html',
	  on: {
			pageBeforeIn: function (event, page) {
			// fazer algo antes da página ser exibida
			},
			pageAfterIn: function (event, page) {
			// fazer algo depois da página ser exibida
			},
			pageInit: function (event, page) {
			// fazer algo quando a página for inicializada
			},
			pageBeforeRemove: function (event, page) {
			// fazer algo antes da página ser removida do DOM
			},
		  }
    },
  ],
  // ... other parameters
});

/** Garante acesso global (WebView / ordem de scripts) para dialogs no login */
try {
  window.app = app;
} catch (e) {}

// Para testes locais
var mainView = app.views.create('.view-main', { url: '/login/' });

//EVENTO PARA SABER O ITEM DO MENU ATUAL
app.on('routeChange', function (route) {

  var currentRoute = route.url;
  console.log(currentRoute);
  document.querySelectorAll('.item-panel').forEach(function (el) {
    el.classList.remove('active');
  });
  var targetEl = document.querySelector('.item-panel[href="' + currentRoute + '"]');
  if (targetEl) {
    targetEl.classList.add('active');
  }
});



function onDeviceReady() {
  //Quando estiver rodando no celular
  var mainView = app.views.create('.view-main', { url: '/login/' });

  //COMANDO PARA "OUVIR" O BOTAO VOLTAR NATIVO DO ANDROID 	
  document.addEventListener("backbutton", function (e) {

    if (mainView.router.currentRoute.path === '/index/') {
      e.preventDefault();
      app.dialog.confirm('Deseja sair do aplicativo?', function () {
        navigator.app.exitApp();
      });
    } else {
      e.preventDefault();
      mainView.router.back({ force: true });
    }
  }, false);

}


