module View.SignIn
  ( renderSignIn
  ) where

import Json.Decode as Json
import Signal exposing (Address)

import Html as H exposing (..)
import Html.Attributes exposing (..)
import Html.Events exposing (..)

import Model exposing (Model)
import Model.Action exposing (..)
import Model.Action.SignInAction exposing (..)
import Model.View.SignInView exposing (..)
import Model.Translations exposing (getMessage)

import View.Events exposing (onSubmitPrevDefault)
import View.Icon exposing (..)

import Persona exposing (operations)

renderSignIn : Address Action -> Model -> SignInView -> Html
renderSignIn address model signInView =
  div
    [ class "signIn" ]
    [ button
        ( if signInView.waitingServer
            then [ class "waitingServer" ]
            else [ onClick operations.address Persona.SignIn ]
        )
        [ span [] [ text (getMessage "SignIn" model.translations) ]
        , if signInView.waitingServer
            then renderSpinIcon
            else renderIcon "power-off"
        ]
    , signInResult model signInView
    ]

signInResult : Model -> SignInView -> Html
signInResult model signInView =
  case signInView.error of
    Just error ->
      div
        [ class "error" ]
        [ text error ]
    Nothing ->
      text ""