Same route but different template by device

I'm in the situation where I need different templates to load for a specific device on the same route. Let's say for example a login page, is one route, but needs to load a different template for 3 devices (desktop, tablet, phone). First step would be device detention, but then what would be the best or ember way of approaching this?

Media queries is not an option, because I don't want to shrink my desktop window and see tablet or phone layouts.