import layout from './template';

import {validator, buildValidations} from 'ember-cp-validations';

import ExpFrameBaseComponent from '../../components/exp-frame-base/component';

let pad = function(number) {
    return ('00' + (number || 0)).slice(-2);
};

/**
 * @module exp-player
 * @submodule frames
 */

/**
 * A standard mood survey with questions about factors that might affect a
 * child's responses. Includes Likert-type ratings of the CHILD's position on
 * the following scales:
 * - Tired - Rested
 * - Sick - Healthy
 * - Fussy - Happy
 * - Calm - Active
 *
 * and of the PARENT's position on:
 * - Tired - Energetic
 * - Overwhelmed - On top of things
 * - Upset - Happy
 *
 * It also asks for a response in hours:minutes for:
 * - how long ago the child last woke up from sleep or a nap
 * - how long until he/she is due for another nap/sleep (if regular nap schedule)
 * - how long ago the child last ate/drank
 *
 * and for what the child was doing just before this (free-response). Responses
 * to all questions are required to move on.
 *
 * This frame can be used as a starting point/example for other custom survey frames, or development of a customizable survey frame.

```json
 "frames": {
    "mood-survey": {
        "introText": "How are you two doing? We really want to know: we’re interested in how your child’s mood affects his or her looking preferences.",
        "id": "mood-survey",
        "kind": "exp-lookit-mood-questionnaire"
    }
 }

 * ```
 * @class ExpLookitMoodQuestionnaire
 * @extends ExpFrameBase
 */

const Validations = buildValidations({
    napWakeUp: validator('presence', {
        presence: true,
        message: 'This field is required'
    }),
    usualNapSchedule: validator('presence', {
        presence: true,
        message: 'This field is required'
    }),
    lastEat: validator('presence', {
        presence: true,
        message: 'This field is required'
    }),
    doingBefore: validator('presence', {
        presence: true,
        message: 'This field is required'
    }),
    nextNap: validator('presence', {
        presence: true,
        message: 'This field is required',
        dependentKeys: ['usualNapSchedule'],
        disabled(model) {
            return model.get('usualNapSchedule') !== 'yes';
        }
    }),
    rested: validator('presence', {
        presence: true,
        message: 'This field is required'
    }),
    healthy: validator('presence', {
        presence: true,
        message: 'This field is required'
    }),
    childHappy: validator('presence', {
        presence: true,
        message: 'This field is required'
    }),
    active: validator('presence', {
        presence: true,
        message: 'This field is required'
    }),
    energetic: validator('presence', {
        presence: true,
        message: 'This field is required'
    }),
    ontopofstuff: validator('presence', {
        presence: true,
        message: 'This field is required'
    }),
    parentHappy: validator('presence', {
        presence: true,
        message: 'This field is required'
    })
});

export default ExpFrameBaseComponent.extend(Validations, {
    layout: layout,
    type: 'exp-lookit-mood-questionnaire',
    meta: {
        name: 'ExpLookitMoodQuestionnaire',
        description: 'Mood questionnaire for Lookit studies, very slightly generalized from physics version exp-mood-questionnaire',
        parameters: {
            type: 'object',
            properties: {
                /**
                 * A unique identifier for this item
                 *
                 * @property {String} id
                 */
                id: {
                    type: 'string',
                    description: 'A unique identifier for this item'
                },
                /**
                 * Intro paragraph describing why we want mood info
                 *
                 * @property {String} introText
                 * @default 'How are you two doing? We really want to know: we’re interested in how your child’s mood affects his or her looking preferences.'
                 */
                introText: {
                    type: 'string',
                    description: 'Intro paragraph describing why we want mood info',
                    default: 'How are you two doing? We really want to know: we’re interested in how your child’s mood affects his or her looking preferences.'
                }
            },
            required: ['id']
        },
        data: {
            /**
             * Parameters captured and sent to the server
             *
             * @method serializeContent
             * @param {String} rested Rating for CHILD on tired - rested scale, '1' to '7' where '7' is rested
             * @param {String} healthy Rating for CHILD on sick - healthy scale, '1' to '7' where '7' is healthy
             * @param {String} childHappy Rating for CHILD on fussy - happy scale, '1' to '7' where '7' is happy
             * @param {String} active Rating for CHILD on calm - active scale, '1' to '7' where '7' is active
             * @param {String} energetic Rating for PARENT on tired - energetic scale, '1' to '7' where '7' is energetic
             * @param {String} ontopofstuff Rating for PARENT on overwhelmed - on top of stuff scale, '1' to '7' where '7' is on top of stuff
             * @param {String} healthy Rating for PARENT on upset - happy scale, '1' to '7' where '7' is happy
             * @param {String} napWakeUp how long since the child woke up from nap, HH:mm
             * @param {String} usualNapSchedule whether the child has a typical nap schedule: 'no', 'yes', or 'yes-overdue' if child is overdue for nap
             * @param {String} nextNap only valid if usualNapSchedule is 'yes';  how long until child is due to sleep again, HH:mm
             * @param {String} lastEat how long since the child ate/drank, HH:mm
             * @param {String} doingBefore what the child was doing before this (free response)
             * @return {Object} The payload sent to the server
             */
            type: 'object',
            properties: {
                rested: {
                    type: 'string'
                },
                healthy: {
                    type: 'string'
                },
                childHappy: {
                    type: 'string'
                },
                active: {
                    type: 'string'
                },
                energetic: {
                    type: 'string'
                },
                ontopofstuff: {
                    type: 'string'
                },
                parentHappy: {
                    type: 'string'
                },
                napWakeUp: {
                    type: 'string',
                    default: null
                },
                usualNapSchedule: {
                    type: 'string'
                },
                nextNap: {
                    type: 'string'
                },
                lastEat: {
                    type: 'string',
                    default: null
                },
                doingBefore: {
                    type: 'string'
                }
            }
        }
    },
    moodOptions: ['1', '2', '3', '4', '5', '6', '7'],
    showValidation: false,
    actions: {
        continue() {
            if (this.get('validations.isValid')) {
                this.send('next');
            } else {
                this.set('showValidation', true);
            }
        },
        setTime(target, value) {
            this.set(target, `${value.hours()}:${pad(value.minutes())}`);
        }
    }
});