import * as types from '../../types'
// import { session, getDefault, getDefaultInt } from '../../session'

import { crudState, crudReducer } from '../../api/crud.reducer'

const initialState = crudState('page', {
  editor: {
    addingTile: false,
    editingTile: false,
  },
  options: {
  }
})

const reducer = crudReducer('page')

export default function pageReducer(state = initialState, action) {
  console.log(action.type, action)
  state = reducer(state, action)
  switch (action.type) {
    case types.page.update_page_tile:
      return {
        ...state,
        show: {
          ...state.show,
          res: {
            ...state.show.res,
            tiles: state.show.res.tiles.map(tile => {
              if (tile.id === action.tile.id) {
                return { ...action.tile }
              } else {
                return tile
              }
            }),
          }
        }
      }

    case types.page.show_add_tile_form:
      return {
        ...state,
        editor: {
          ...state.editor,
          addingTile: true,
          editingTile: false,
        }
      }

    case types.page.hide_add_tile_form:
      return {
        ...state,
        editor: {
          ...state.editor,
          addingTile: false,
        }
      }

    case types.page.show_edit_tile_form:
      return {
        ...state,
        editor: {
          ...state.editor,
          addingTile: false,
          editingTile: true,
        }
      }

    case types.page.hide_edit_tile_form:
      return {
        ...state,
        editor: {
          ...state.editor,
          editingTile: false,
        }
      }

    default:
      return state
  }
}