import { get, setProperties } from '@ember/object';
import Route from '@ember/routing/route';
import { htmlSafe } from '@ember/string';
import { inject as service } from '@ember/service';

export default Route.extend({
  headData: service(),
  model() {
    return [
      {
        heading: 'SocialCode',
        imageURL: 'img/clients/socialcode.png',
        panelHeading: 'SocialCode',
        panelSubheading: 'Staff augmentation, code audit, feature development',
        panelInfo: htmlSafe(
          `<p>
            Description coming soon!
          </p>`
        )
      },
      {
        heading: 'Mariana Tek',
        imageURL: 'img/clients/mariana-tek.svg',
        panelHeading: 'Mariana Tek',
        panelSubheading: 'Staff augmentation for initial release',
        panelInfo: htmlSafe(
          `<p>
            We worked hand in hand with the Mariana Tek dev team to develop several required features for a major
            client release. This included an initial scan of the codebase, the addition of several ESLint rules from
            eslint-plugin-ember, and updates of various dependencies. We enforced best practices at every turn, and ensured the
            code looked very consistent, no matter who wrote it.
          </p>

          <p>
            We worked heavily on implementing the promotions page, which allowed clients to choose items to put on sale,
            add requirements for the sale to become active, such as having multiple items in their cart or a certain cart value,
            and allowing custom product variants to be used.
          </p>
          
          <p>
            We also did a lot of work on the time clock features. This included adding a clock in/out modal that would allow
            employees to clock in and out and add notes about their shifts, as well as a configuration page that showed a table
            of all the most recent shifts, utilizing ember-light-table, and allowed sorting by shift time and employee name.
            Admins were also able to manually edit or add shifts, if something needed to be tweaked from employee shifts.
          </p>
          
          <p>
            The rest of our work focused mainly on the permissions service and ensuring users could only access the parts
            of the app they were allowed to, based on their roles.
          </p>`
        )
      },
      {
        heading: 'Mentrs',
        imageURL: 'img/clients/mentrs-logo.png',
        panelHeading: 'Mentrs',
        panelSubheading: 'MVP app development and staff training',
        panelInfo: htmlSafe(
          `<p>
            We worked on the Mentrs MVP from the ground up,
            starting with running 'ember new', and adding all the addons, 
            ESLint plugins, template lintings, and doing all the initial 
            work required to create an Ember app, rooted in the latest Ember standards.
          </p>

          <p>
            Features we implemented included everything from login and sign up, 
            to class creation, and Stripe integration for paying to enroll in classes.
          </p>`
        )
      },
      {
        heading: 'Scout',
        imageURL: 'img/clients/scout-logo.png',
        panelHeading: 'Scout',
        panelSubheading: 'Code audit, app feature development',
        panelInfo: htmlSafe(
          `<p>
            We did several months of work with Scout,
            starting with updating to the latest versions of
            Ember and Ember CLI, adding Ember Suave, and adhering
            to the new set of ESLint rules.
          </p>

          <p>
            We worked extensively on the appointment scheduling
            aspects of the app, creating full screen overlays,
            using Ember Flatpickr, Ember Paper and Ember Power Select,
            to allow a customer or staff member to create or edit an
            appointment.
          </p>`
        )
      },
      {
        heading: 'Williamson Wagner',
        imageURL: 'img/clients/WW.png',
        panelHeading: 'Williamson Wagner',
        panelSubheading: 'Logo design, web design, and website',
        panelInfo: htmlSafe(
          `<p>
            We worked on every facet of Williamson Wagner's brand.
            From logo designs, to shirt designs, to web design and
            full development of williamsonwagner.com.
          </p>`
        )
      },
      {
        heading: 'greenlight.guru',
        imageURL: 'img/clients/greenlight-logo.png',
        panelHeading: 'greenlight.guru',
        panelSubheading: '1.10 - 1.13 update and deprecation fixes, grunt to ember-cli',
        panelInfo: htmlSafe(
          `<p>
            We first updated the greenlight.guru app to Ember 1.12, fixing deprecations as we went.
            After 1.12 was complete, we undertook the task of migrating a grunt based build to ember-cli.
            We finally updated the app to Ember 1.13 and fixed all the deprecations.
          </p>`
        )
      }
    ];
  },

  afterModel() {
    return setProperties(get(this, 'headData'), {
      title: 'Ember.js Consulting and Training - Ship Shape',
      description: 'Ember consulting is our specialty at Ship Shape. We have worked on several ambitious, ' +
      'full scale Ember apps for both large and small clients. We put a huge focus on leveling up your team\'s ' +
      'Ember skills, mentoring, and pairing while also churning out bulletproof features for your Ember app.',
      type: 'website',
      url: 'https://shipshape.io/ember-consulting'
    });
  }
});

@@ -5393,31 +5393,8 @@
 lls,
- mentoring, and pairing
  whi

Tweak consulting wording