Vue.component('schedule',{
    props: ['zone'],
    template:
        '<div class="schedule">' +
        '<a v-bind:name="zone.name"></a>' +
        '<div class="product-header">' +
        '<h4 v-show="zone.heading" class="schedule-heading">{{ zone.heading }}</h4>' +
        '<h4 v-show="!zone.heading" class="schedule-heading">&nbsp;</h4>' +
        '<a class="hs-button primary" v-bind:href="zone.register">Register</a>' +                        
        '</div>' +
        '<h5 v-show="zone.altheading" class="schedule-altheading">{{ zone.altheading }}</h5>' +
        '<h5 v-show="zone.subheading" class="schedule-subheading">{{ zone.subheading }}</h5>' +
        '<div class="schedule-grid">' +
        '<div class="schedule-row" v-for="event in zone.events" v-bind:key="event.eventId">' +
        
        '<div class="schedule-section" id="schedule-date">' +
        '<p>{{ event.dates }}</p>' +
        '<p>{{ event.startDay }} - {{ event.endDay }}</p>' +
        '<p v-show="event.fullCourse == \'T\'"><span style="color:red;font-size:1.2em">SOLD OUT</span></p> ' +
        '</div>' +
        '<div class="schedule-section" id="schedule-location">' +
        '<p><span>Time zone:<br>{{ event.timezone }}</span></p>' +
        '<p>&nbsp;</p>' +
        '<p><span>Location: </span><span>{{ event.location }}</span></p>' +
        '<p><span>Language: </span><span>{{ event.language }}</span></p>' +
        '</div>' +
        '<div class="schedule-section" id="schedule-times">' +
        '<p v-html="event.eventTimes"></p>' +      
        '</div>' +
        '<div class="schedule-section" id="schedule-event-data">' +
        '<p><span>Event Name: </span><span>{{ event.eventNameFormatted }}</span></p>' +
        '<p><span>Event ID: </span><span>{{ event.eventId }}</span> </p> ' +
        '</div>' +
        
        '</div>' +
        '</div>' +
        '</div>',
    computed: {
    },
    watch: {
    }
});  




window.onload = function(){
ES6Promise.polyfill();
var app = new Vue({
    el: '#app',
    data: {
        accesscode: '',
        NAWO_FUN: { "heading":"North America Time Zones",
                    "name":"FUN",
                    "altheading":"",
                    "subheading":"Pacific | PDT/PST",
                    "register":"https://coactive.com/training/coactive-fundamentals/#pricing-schedule",
                    "events": [ ]},
        NAEO_FUN: { "heading":"",
                    "name":"FUN-Eastern",
                    "altheading":"",
                    "subheading":"Eastern | EDT/EST",
                    "register":"https://coactive.com/training/coactive-fundamentals/#pricing-schedule",
                    "events": [ ] },
        UKO_FUN: { "heading":"Europe Time Zone",
                   "name":"FUN-UK",
                   "altheading":"",
                   "subheading":"",
                   "register":"https://coactive.com/training/coactive-fundamentals/#pricing-schedule",
                   "events": [ ] },
        SGO_FUN: { "heading":"Asia Time Zone",
                   "name":"FUN-Asia",
                   "altheading":"",
                   "subheading":"",
                   "register":"https://coactive.com/training/coactive-fundamentals/#pricing-schedule",
                   "events": [ ] },
        UKO_FUL: { "heading":"Europe Time Zone",
                   "name":"FUL-UK",
                   "altheading":"Fulfillment",
                   "subheading":"",
                   "register":"https://coactive.com/training/coach-training/#register",
                   "events": [ ] },
        SGO_FUL: { "heading":"Asia Time Zone",
                   "name":"FUL-Asia",
                   "altheading":"Fulfillment",
                   "subheading":"",
                   "register":"https://coactive.com/training/coach-training/#register",
                   "events": [ ] },
        UKO_BAL: { "heading":"",
                   "name":"BAL-UK",
                   "altheading":"Balance",
                   "subheading":"",
                   "register":"https://coactive.com/training/coach-training/#register",
                   "events": [ ] },
        SGO_BAL: { "heading":"",
                   "name":"BAL-Asia",
                   "altheading":"Balance",
                   "subheading":"",
                   "register":"https://coactive.com/training/coach-training/#register",
                   "events": [ ] },
        UKO_PRO: { "heading":"",
                   "name":"PRO-UK",
                   "altheading":"Process",
                   "subheading":"",
                   "register":"https://coactive.com/training/coach-training/#register",
                   "events": [ ] },
        SGO_PRO: { "heading":"",
                   "name":"PRO-Asia",
                   "altheading":"Process",
                   "subheading":"",
                   "register":"https://coactive.com/training/coach-training/#register",
                   "events": [ ] },
        UKO_SYN: { "heading":"",
                   "name":"SYN-UK",
                   "altheading":"Synergy",
                   "subheading":"",
                   "register":"https://coactive.com/training/coach-training/#register",
                   "events": [ ] },
        SGO_SYN: { "heading":"",
                   "name":"SYN-Asia",
                   "altheading":"Synergy",
                   "subheading":"",
                   "register":"https://coactive.com/training/coach-training/#register",
                   "events": [ ] },
        NAWO_FUL: { "heading":"North America Time Zones",
                    "name":"FUL",
                    "altheading":"Fulfillment",
                    "subheading":"Pacific | PDT/PST",
                    "register":"https://coactive.com/training/coach-training/#register",
                    "events": [ ]},
        NAEO_FUL: { "heading":"",
                    "name":"FUL-Eastern",
                    "altheading":"",
                    "subheading":"Eastern | EDT/EST",
                    "register":"https://coactive.com/training/coach-training/#register",
                    "events": [ ]},
        NAWO_BAL: { "heading":"",
                    "name":"BAL",
                    "altheading":"Balance",
                    "subheading":"Pacific | PDT/PST",
                    "register":"https://coactive.com/training/coach-training/#register",
                    "events": [ ]},
        NAEO_BAL: { "heading":"",
                    "name":"BAL-Eastern",
                    "altheading":"",
                    "subheading":"Eastern | EDT/EST",
                    "register":"https://coactive.com/training/coach-training/#register",
                    "events": [ ]},
        NAWO_PRO: { "heading":"",
                    "name":"PRO",
                    "altheading":"Process",
                    "subheading":"Pacific | PDT/PST",
                    "register":"https://coactive.com/training/coach-training/#register",
                    "events": [ ]},
        NAEO_PRO: { "heading":"",
                    "name":"PRO-Eastern",
                    "altheading":"",
                    "subheading":"Eastern | EDT/EST",
                    "register":"https://coactive.com/training/coach-training/#register",
                    "events": [ ]},
        NAWO_SYN: { "heading":"",
                    "name":"SYN",
                    "altheading":"Synergy",
                    "subheading":"Pacific | PDT/PST",
                    "register":"https://coactive.com/training/coach-training/#register",
                    "events": [ ]},
        NAEO_SYN: { "heading":"",
                    "name":"SYN-Eastern",
                    "altheading":"",
                    "subheading":"Eastern | EDT/EST",
                    "register":"https://coactive.com/training/coach-training/#register",
                    "events": [ ]},
        NAWO_CLE: { "heading":"North America Time Zones",
                    "name":"CLE",
                    "altheading":"",
                    "subheading":"Pacific | PDT/PST",
                    "register":"https://coactive.com/training/leadership-training/coactive-leadership-experience/#register",
                    "events": [ ]},
        NAEO_CLE: { "heading":"",
                    "name":"CLE-Eastern",
                    "altheading":"",
                    "subheading":"Eastern | EDT/EST",
                    "register":"https://coactive.com/training/leadership-training/coactive-leadership-experience/#register",
                    "events": [ ]},
        UKO_CLE: { "heading":"Europe Time Zone",
                   "name":"CLE-UK",
                   "altheading":"",
                   "subheading":"",
                   "register":"https://coactive.com/training/leadership-training/coactive-leadership-experience/#register",
                   "events": [ ]},
        SGO_CLE: { "heading":"Asia Time Zone",
                   "name":"CLE-Asia",
                   "altheading":"",
                   "subheading":"",
                   "register":"https://coactive.com/training/leadership-training/coactive-leadership-experience/#register",
                   "events": [ ]},
    },
    template: '<div>' +
        '<schedule v-bind:zone="NAWO_FUN"></schedule>' +
        '<schedule v-bind:zone="NAEO_FUN"></schedule>' +
        '<schedule v-bind:zone="UKO_FUN"></schedule>' +
        '<schedule v-bind:zone="SGO_FUN"></schedule>' +
        '<h3>&nbsp;<br>Co-Active Coach Training (Online)</h3>' +
        '<schedule v-bind:zone="NAWO_FUL"></schedule>' +
        '<schedule v-bind:zone="NAEO_FUL"></schedule>' +
        '<schedule v-bind:zone="NAWO_BAL"></schedule>' +
        '<schedule v-bind:zone="NAEO_BAL"></schedule>' +
        '<schedule v-bind:zone="NAWO_PRO"></schedule>' +
        '<schedule v-bind:zone="NAEO_PRO"></schedule>' +
        '<schedule v-bind:zone="NAWO_SYN"></schedule>' +
        '<schedule v-bind:zone="NAEO_SYN"></schedule>' +


        '<schedule v-bind:zone="UKO_FUL"></schedule>' +
        '<schedule v-bind:zone="UKO_BAL"></schedule>' +
        '<schedule v-bind:zone="UKO_PRO"></schedule>' +
        '<schedule v-bind:zone="UKO_SYN"></schedule>' +
        
        '<schedule v-bind:zone="SGO_FUL"></schedule>' +
        '<schedule v-bind:zone="SGO_BAL"></schedule>' +
        '<schedule v-bind:zone="SGO_PRO"></schedule>' +
        '<schedule v-bind:zone="SGO_SYN"></schedule>' +
        
        '<h3>&nbsp;<br>Co-Active Leadership Experience (Online)</h3>' +
        '<schedule v-bind:zone="NAWO_CLE"></schedule>' +
        '<schedule v-bind:zone="NAEO_CLE"></schedule>' +
        '<schedule v-bind:zone="UKO_CLE"></schedule>' +
        '<schedule v-bind:zone="SGO_CLE"></schedule>' +
        '</div>'
});
// get the courses and populate the v-select
getCourses();

function getCourses(){
    var url = window.location.href;
    if(window.location.href.match(/accesscode=/)){
        var captured = /accesscode=([^&]+)/.exec(url)[1];
        app.accesscode = captured;
    }

    var guid = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
    console.log(guid);
    
    axios.get('https://launchpad.coactive.com/data/cache/online_events.json?guid='+guid)
        .then(function (response) {
            console.log(response);
            app.NAWO_FUN.events = response.data.hasOwnProperty('NAWO') ? response.data.NAWO.filter(function(event){ return event.eventNameShort == 'FUN' }) : [ ];
            app.NAEO_FUN.events = response.data.hasOwnProperty('NAEO') ? response.data.NAEO.filter(function(event){ return event.eventNameShort == 'FUN' }) : [ ];
            app.UKO_FUN.events = response.data.hasOwnProperty('UKO') ? response.data.UKO.filter(function(event){ return event.eventNameShort == 'FUN' }) : [ ];
            app.SGO_FUN.events = response.data.hasOwnProperty('SGO') ? response.data.SGO.filter(function(event){ return event.eventNameShort == 'FUN' }) : [ ];

            app.NAWO_FUL.events = response.data.hasOwnProperty('NAWO') ? response.data.NAWO.filter(function(event){ return event.eventNameShort == 'FUL' }) : [ ];
            app.NAWO_BAL.events = response.data.hasOwnProperty('NAWO') ? response.data.NAWO.filter(function(event){ return event.eventNameShort == 'BAL' }) : [ ];
            app.NAWO_PRO.events = response.data.hasOwnProperty('NAWO') ? response.data.NAWO.filter(function(event){ return event.eventNameShort == 'PRO' }) : [ ];
            app.NAWO_SYN.events = response.data.hasOwnProperty('NAWO') ? response.data.NAWO.filter(function(event){ return event.eventNameShort == 'SYN' }) : [ ];

            app.NAEO_FUL.events = response.data.hasOwnProperty('NAEO') ? response.data.NAEO.filter(function(event){ return event.eventNameShort == 'FUL' }) : [ ];
            app.NAEO_BAL.events = response.data.hasOwnProperty('NAEO') ? response.data.NAEO.filter(function(event){ return event.eventNameShort == 'BAL' }) : [ ];
            app.NAEO_PRO.events = response.data.hasOwnProperty('NAEO') ? response.data.NAEO.filter(function(event){ return event.eventNameShort == 'PRO' }) : [ ];
            app.NAEO_SYN.events = response.data.hasOwnProperty('NAEO') ? response.data.NAEO.filter(function(event){ return event.eventNameShort == 'SYN' }) : [ ];

            app.UKO_FUL.events = response.data.hasOwnProperty('UKO') ? response.data.UKO.filter(function(event){ return event.eventNameShort == 'FUL' }) : [ ];
            app.UKO_BAL.events = response.data.hasOwnProperty('UKO') ? response.data.UKO.filter(function(event){ return event.eventNameShort == 'BAL' }) : [ ];
            app.UKO_PRO.events = response.data.hasOwnProperty('UKO') ? response.data.UKO.filter(function(event){ return event.eventNameShort == 'PRO' }) : [ ];
            app.UKO_SYN.events = response.data.hasOwnProperty('UKO') ? response.data.UKO.filter(function(event){ return event.eventNameShort == 'SYN' }) : [ ];

            app.SGO_FUL.events = response.data.hasOwnProperty('SGO') ? response.data.SGO.filter(function(event){ return event.eventNameShort == 'FUL' }) : [ ];
            app.SGO_BAL.events = response.data.hasOwnProperty('SGO') ? response.data.SGO.filter(function(event){ return event.eventNameShort == 'BAL' }) : [ ];
            app.SGO_PRO.events = response.data.hasOwnProperty('SGO') ? response.data.SGO.filter(function(event){ return event.eventNameShort == 'PRO' }) : [ ];
            app.SGO_SYN.events = response.data.hasOwnProperty('SGO') ? response.data.SGO.filter(function(event){ return event.eventNameShort == 'SYN' }) : [ ];
            
            app.NAWO_CLE.events = response.data.hasOwnProperty('NAWO') ? response.data.NAWO.filter(function(event){ return event.eventNameShort == 'CLE' }) : [ ];
            app.NAEO_CLE.events = response.data.hasOwnProperty('NAEO') ? response.data.NAEO.filter(function(event){ return event.eventNameShort == 'CLE' }) : [ ];
            app.UKO_CLE.events = response.data.hasOwnProperty('UKO') ? response.data.UKO.filter(function(event){ return event.eventNameShort == 'CLE' }) : [ ];
            app.SGO_CLE.events = response.data.hasOwnProperty('SGO') ? response.data.SGO.filter(function(event){ return event.eventNameShort == 'CLE' }) : [ ];
        })
        .catch(function (error) {
            console.log(error);
        });
}

}