Hide nav and title on specific template ionic

I have a ionic app and I want no nav or title for the login page. I have worked out to remove the title with ..

<ion-view title="Login" hide-nav-bar="true" >
<ion-content padding="true" has-header="false">

but the nav at the bottom still stays on the screen

enter image description here

fooSync.config(function($stateProvider, $urlRouterProvider)
{
$urlRouterProvider.otherwise('/login')

...

$stateProvider.state('login',
{
    url: '/login',
    views:
    {
        settings:
        {
            templateUrl: 'login.html'
        }
    }
})
})

Your login state must not be inside a view. Those tabs are coming from the settings view. You just simple need to remove that. 

$stateProvider.state('login',
       {
        url: '/login',
        templateUrl: 'login.html'            
       }
 })

I hope that helps!