module LoggedIn.Home.View.Search exposing
  ( paymentsSearch
  )

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

import Msg exposing (Msg)
import LoggedIn.Msg as LoggedInMsg
import LoggedIn.Home.Msg as HomeMsg

import LoggedData exposing (LoggedData)
import LoggedIn.Home.Model as HomeModel
import Model.Translations exposing (getMessage)

paymentsSearch : LoggedData -> HomeModel.Model -> Html Msg
paymentsSearch loggedData { search } =
  Html.div
    [ class "search" ]
    [ span
        [ class "label" ]
        [ text (getMessage "Search" loggedData.translations) ]
    , input
        [ value search
        , onInput (Msg.UpdateLoggedIn << LoggedInMsg.HomeMsg << HomeMsg.UpdateSearch)
        ]
        []
    ]