module LoggedIn.Home.View exposing
  ( view
  )

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

import Msg exposing (Msg)

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

import LoggedIn.Home.Model as LoggedInModel
import LoggedIn.Home.Account.View as AccountView
import LoggedIn.Home.AddPayment.View as AddPaymentView
import LoggedIn.Home.View.Monthly as MonthlyView

import LoggedIn.Home.View.Search exposing (paymentsSearch)
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 loggedIn.search loggedData.payments
  in  div
        [ class "home" ]
        [ AddPaymentView.view loggedData loggedIn
        , div
            [ class "expandables" ]
            [ AccountView.view loggedData loggedIn
            , MonthlyView.view loggedData loggedIn
            ]
        , paymentsSearch loggedData loggedIn
        , paymentsTable loggedData loggedIn punctualPayments
        , paymentsPaging punctualPayments loggedIn
        ]