spmcbride1201/cookie-monsters

import axios from 'axios';
import { emptyCart } from './cart';
import { browserHistory } from 'react-router';

// Constants
const GET_ORDERS = 'GET_ORDERS';
const SELECT_ORDER = 'SELECT_ORDERS';

// Reducers
export const initialOrdersState = {
  orders: [],
  selectedOrder: {}
};

const reducer = (state = initialOrdersState, action) => {

  const newState = Object.assign({}, state);

  switch (action.type) {
    case GET_ORDERS:
      newState.orders = action.orders;
      break;
    case SELECT_ORDER:
      newState.selectedOrder = action.selectedOrder;
      break;
    default:
      return state;
  }
  return newState
};

// Actions
export const getOrders = orders => ({
  type: GET_ORDERS, orders
});

export const selectOrder = selectedOrder => ({
  type: SELECT_ORDER, selectedOrder
});

export function receiveOrders() {
  console.log("Receiving Orders");
  // Return a thunk
  return function (dispatch) {
    axios.get('/api/orders/')
      .then((res) => dispatch(getOrders(res.data)))
      .catch((err) => alert(err))
  }
}

export function submitOrder(cart) {
  [
    {
      product: {},
      quantity: 1
    }
  ]

  let orderLineItems = {};
  cart.forEach(item => {
    let itemObj = { quantity: item.quantity };
    orderLineItems[item.product.id] = itemObj;
  })
  let order = {
    shippingCarrier: 'UPS',
    orderLineItems: orderLineItems
  }
  let data = JSON.stringify(order)
  console.log(data);
  return function (dispatch) {
    axios.post('/api/orders/', order)
      .then((order) => {
        alert('Cookies are on the way!');
        dispatch(emptyCart());
        browserHistory.push('/myOrders');
      })
      .catch((err) => alert(err))
  }
}

export default reducer