module LoggedIn.Home.View exposing
  ( view
  )

import Html exposing (..)
import Html.Attributes exposing (..)
import Date

import Form
import Utils.Form as Form

import Msg exposing (Msg)

import LoggedData exposing (LoggedData)
import Model.Payment as Payment

import LoggedIn.Home.Model as LoggedInModel
import LoggedIn.Home.Search.View as SearchView
import LoggedIn.Home.View.Monthly as MonthlyView

import LoggedIn.Home.View.Table exposing (paymentsTable)
import LoggedIn.Home.View.Paging exposing (paymentsPaging)

view : LoggedData -> LoggedInModel.Model -> Html Msg
view loggedData loggedIn =
  let punctualPayments = Payment.sortedFiltredPunctual (Form.fieldAsText loggedIn.search "searchText") loggedData.payments
  in  div
        [ class "home" ]
        [ SearchView.view loggedData loggedIn punctualPayments
        , MonthlyView.view loggedData loggedIn
        , paymentsTable loggedData loggedIn punctualPayments
        , paymentsPaging loggedIn punctualPayments
        ]