import _                                  from 'lodash';
import {
         composeWithTracker,
         compose,
         composeAll
       }                                  from 'react-komposer';
import { Loading }                        from '/imports/client/components/Loading';

import { Orgs }                           from '/imports/collections/orgs/index';
import { Users }                          from '/imports/collections/users/index';
import { Parents }                        from '/imports/collections/parents/index';
import { ParentsView }                      from './parentsview';



const meteorTick = (props, onData) => {

  const handles = [
    Meteor.subscribe('users.current'),
    Meteor.subscribe('orgs.current'),
    Meteor.subscribe('users.forMyOrg'),
    Meteor.subscribe('parent.forMyOrg'),
  ];

  if(_.every(handles, (handle) => (handle.ready()) )) {
    const user = Users.current();
    const org = Orgs.current();
    console.log("parents");
    parent = Users.find({"role":"PARENT"}).fetch() ? Users.find({"role":"PARENT"}).fetch() : "";
    console.log(Users.find({"role":"PARENT"}).fetch());
    parentData = Parents.find().fetch() ? Parents.find().fetch() : "";
    console.log("parentData");
    console.log(parentData);
    for(var i=0; i< parent.length; i++){
      for(var j=0; j< parentData.length; j++){
        if(parent[i]._id == parentData[j].userId){
          parent[i].relationship = parentData[j].relationship;
          parent[i].profession = parentData[j].profession;
          parent[i].relationship = parentData[j].relationship;
        }
      }
    }
    onData(null, {
      data: {
        user: user,
        org: org,
        parent: parent
      },
    });
  }

  return () => {
    _.each(handles, (handle) => handle.stop() );
  };
};


const reduxTick = (props, onData) => {
  onData(null, {
    data: {}
  });
};


export const ParentViewController = composeAll(
  composeWithTracker(meteorTick, Loading),
  compose(reduxTick, Loading),
)(ParentsView);