module Dialog.AddPayment.View exposing
  ( button
  )

import Html exposing (..)
import Html.Attributes exposing (..)
import Html.Events exposing (..)
import Html.App as Html
import Task

import Form exposing (Form)
import Form.Field as Field exposing (Field)
import Utils.Form as Form

import Dialog
import Dialog.AddPayment.Model as AddPayment
import Dialog.Msg as DialogMsg

import Tooltip

import View.Form as Form
import View.Events exposing (onSubmitPrevDefault)

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

import Model.Translations exposing (getMessage)
import Model.Payment as Payment exposing (Frequency(..))
import Model.View exposing (View(LoggedInView))

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

button : LoggedData -> List (String, Field) -> String -> Html Msg -> Maybe String -> Html Msg
button loggedData initialForm title buttonContent tooltip =
  let dialogConfig =
        { className = "paymentDialog"
        , title = getMessage loggedData.translations title
        , body = \model -> addPaymentForm loggedData model.addPayment
        , confirm = getMessage loggedData.translations "Confirm"
        , confirmMsg = submitForm << .addPayment
        , undo = getMessage loggedData.translations "Undo"
        }
  in  Html.button
        (  ( case tooltip of
               Just message -> Tooltip.show Msg.Tooltip message
               Nothing -> []
           )
        ++ [ class "addPayment"
           , onClick (Msg.Dialog <| Dialog.OpenWithUpdate dialogConfig (DialogMsg.AddPaymentMsg <| Form.Reset initialForm))
           ]
         )
        [ buttonContent ]

addPaymentForm : LoggedData -> Form String AddPayment.Model -> Html Msg
addPaymentForm loggedData addPayment =
  let htmlMap = Html.map (Msg.Dialog << Dialog.Update << DialogMsg.AddPaymentMsg)
  in  Html.form
        [ class "addPayment"
        , onSubmitPrevDefault Msg.NoOp
        ]
        [ htmlMap <| Form.textInput loggedData.translations addPayment "payment" "name"
        , htmlMap <| Form.textInput loggedData.translations addPayment "payment" "cost"
        , if (Form.getFieldAsString "frequency" addPayment).value == Just (toString Punctual)
            then htmlMap <| Form.textInput loggedData.translations addPayment "payment" "date"
            else text ""
        , htmlMap <| Form.radioInputs loggedData.translations addPayment "payment" "frequency" [ toString Punctual, toString Monthly ]
        , Form.hiddenSubmit (submitForm addPayment)
        ]

submitForm : Form String AddPayment.Model -> Msg
submitForm addPayment =
  case Form.getOutput addPayment of
    Just data ->
      case data.id of
        Just paymentId ->
          Msg.Dialog <| Dialog.UpdateAndClose <| Msg.EditPayment paymentId data.name data.cost data.date data.frequency
        Nothing ->
          Msg.Dialog <| Dialog.UpdateAndClose <| Msg.CreatePayment data.name data.cost data.date data.frequency
    Nothing ->
      Msg.Dialog <| Dialog.Update <| DialogMsg.AddPaymentMsg <| Form.Submit