extends partials/layout.pug

block title
  |Login history | Icy Network

block body
  include partials/logo.pug
  div.container
    div.center-box
      h1 Login history

      div.login__list
        each login in logins
          div.login
            if login.current
              div.login__indicator.login__indicator--current
            else
              div.login__indicator.login__indicator--other
            div.login__title
              p Login at 
                span(data-locale-time) #{login.login_at.toISOString()}
              if login.current
                span.login__current (current)
            div.login__using
              if login.location
                span.login__location near #{login.location.city}, #{login.location.country}
                  | 
              if login.user_agent
                span.login__browser using #{login.user_agent.browser} #{login.user_agent.version} on #{login.user_agent.platform} (#{login.user_agent.os})
        if creation
          div.login
            div.login__indicator.login__indicator--current
            div.login__title
              p Account created at 
                span(data-locale-time) #{creation.created_at.toISOString()}
            div.login__using
              if creation.location
                span.login__location near #{creation.location.city}, #{creation.location.country}
                  | 
              if creation.user_agent
                span.login__browser using #{creation.user_agent.browser} #{creation.user_agent.version} on #{creation.user_agent.platform} (#{creation.user_agent.os})
                  | 
              if creation.ip
                span.login__ip
                  |IP address: #{creation.ip}