module View.Payment.Delete
  ( Input(..)
  , view
  ) where

import           Data.Text       (Text)
import qualified Data.Text       as T
import           Reflex.Dom      (Dynamic, Event, MonadWidget)
import qualified Reflex.Dom      as R

import           Common.Model    (Payment (..))
import qualified Common.Msg      as Msg
import           Component       (ButtonIn (..), ButtonOut (..))
import qualified Component       as Component
import qualified Component.Modal as Modal
import qualified Component.Modal as Modal
import qualified Util.Ajax       as Ajax
import qualified Util.Either     as EitherUtil
import qualified Util.WaitFor    as WaitFor

data Input t = Input
  { _input_payment :: Dynamic t Payment
  }

view :: forall t m. MonadWidget t m => (Input t) -> Modal.Content t m Payment
view input _ =
  R.divClass "delete" $ do
    R.divClass "deleteHeader" $ R.text $ Msg.get Msg.Payment_DeleteConfirm

    R.divClass "deleteContent" $ do

      (confirm, cancel) <- R.divClass "buttons" $ do

        cancel <- Component._buttonOut_clic <$> (Component.button $
          (Component.defaultButtonIn (R.text $ Msg.get Msg.Dialog_Undo))
            { _buttonIn_class = R.constDyn "undo" })

        rec
          confirm <- Component._buttonOut_clic <$> (Component.button $
            (Component.defaultButtonIn (R.text $ Msg.get Msg.Dialog_Confirm))
              { _buttonIn_class = R.constDyn "confirm"
              , _buttonIn_submit = True
              , _buttonIn_waiting = waiting
              })

          let url =
                R.ffor (_input_payment input) (\id ->
                  T.concat ["/api/payment/", T.pack . show $ _payment_id id]
                )

          (result, waiting) <- WaitFor.waitFor
            (Ajax.delete url)
            confirm

        return (R.fmapMaybe EitherUtil.eitherToMaybe result, cancel)

      return $
        ( R.leftmost [ cancel, () <$ confirm ]
        , R.tag (R.current $ _input_payment input) confirm
        )