module View.Payments.Add
  ( addPayment
  ) where

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

import ServerCommunication as SC
import ServerCommunication exposing (serverCommunications)

import Update exposing (..)
import Update.Payment exposing (..)

addPayment : String -> String -> Html
addPayment name cost =
  div
    [ class "add" ]
    [ text "Name"
    , input
        [ value name
        , on "input" targetValue (Signal.message actions.address << UpdatePayment << UpdateName)
        ]
        []
    , text "Cost"
    , input
        [ value cost
        , on "input" targetValue (Signal.message actions.address << UpdatePayment << UpdateCost)
        ]
        []
    , button
        [ onClick serverCommunications.address (SC.AddPayment name cost) ]
        [ text "Add" ]
    ]