/**
 * Main JS file for template
 * @package fga.marketing-materials
 */
/// <reference path="../../types/app.d.ts" />
/// <reference path="../../types/data.d.ts" />

const COLORS = {
  principal_color: "#023889",
  secondary_color: "#E31B00",
  tertiary_color: "#005EBC",
  dark_1: "#171717",
  dark_2: "black",
  light_1: "white",
  light_2: "whitesmoke",
};

/**
 * @type {CompanyData}
 */
const companyData = {
  logo: true,
  legalName: `{{ legalName }}`,
  dbaName: `{{ dbaName }}`,
  contact: {
    pointOfContact: `{{ pointOfContact }}`,
    phone: `{{ phone }}`,
    email: `{{ email }}`,
    address: `{{ address }}`,
    logoText: ``,
    social: [
      {
        name: `Facebook`,
        icon: `fa-brands fa-facebook-f`,
        link: `https://www.facebook.com`,
      },
      {
        name: `Instagram`,
        icon: `fa-brands fa-instagram`,
        link: `https://www.instagram.com`,
      },
      {
        name: `Twitter`,
        icon: `fa-brands fa-x-twitter`,
        link: `https://www.x.com`,
      },
      {
        name: `Youtube`,
        icon: `fa-brands fa-youtube`,
        link: `https://www.youtube.com`,
      },
      {
        name: `LinkedIn`,
        icon: `fa-brands fa-linkedin-in`,
        link: `https://www.linkedin.com/`,
      },
      {
        name: `Yelp`,
        icon: `fa-brands fa-yelp`,
        link: `https://www.yelp.com/`,
      },
    ],
  },
  codes: [
    { uei: `{{ uei }}` }, 
    { cage: `{{ cage }}` }
  ],
  /** certificates */
  certificates: {
    title: `Certifications`,
    attributes: {
      backgroundColor: COLORS.light_1,
    },
    list: [/** certificate list **/],
  },
  /** end certificates */
  hero: {
    subtitle: `welcome to`,
    // message: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
    external: {
      link: `{{ website }}`,
      text: `Learn More`,
    },
  },
  about: {
    navigation: "about:About Us",
    subtitle: `About Us`,
    //   title: `Some Descriptive Title`,
    message: `{{ aboutUs }}`,
  },
  code_list: [],
  section_list: [
    // {
    //   tag: `clients`,
    //   style: "clients",
    //   attributes: {
    //     classList: "py-20",
    //     style: {
    //       color: "black",
    //       backgroundColor: COLORS.light_2,
    //     },
    //   },
    //   subtitle: `Clients`,
    //   title: `Our Clients Include`,
    //   message: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
    //   footer: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
    //   list: [
    //     { src: "client-1.png", href: `https://www.google.com` },
    //     { src: "client-2.png", href: `https://www.google.com` },
    //     { src: "client-3.png", href: `https://www.google.com` },
    //   ],
    // },
    /** services **/
    {
      tag: `services`,
      style: 1,
      attributes: {
        classList: "py-40",
        style: {
          color: "black",
          backgroundColor: COLORS.light_2,
        },
        "data-navigation": "services:Services",
      },
      //   image: { position: "right", src: "services.jpg" },
      subtitle: `Services`,
      title: `Our Services Offerings Include`,
      //   message: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
      //   footer: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
      list: [/** service_list **/],
    },
    /** end services **/
    // {
    //   tag: `our-team`,
    //   style: `our-team`,
    //   attributes: {
    //     classList: "py-40",
    //     style: {
    //       color: "black",
    //       backgroundColor: COLORS.light_1,
    //     },
    //   },
    //   subtitle: `Our Team`,
    //   title: `Meet Our Team`,
    //   message: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
    //   footer: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
    //   list: [
    //     {
    //       name: `Name`,
    //       title: `Title`,
    //       message: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
    //     },
    //     {
    //       name: `Name`,
    //       title: `Title`,
    //       message: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
    //     },
    //     {
    //       name: `Name`,
    //       title: `Title`,
    //       message: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
    //     },
    //   ],
    // },
    /** why us **/
    {
      tag: `why-us`,
      style: 2,
      attributes: {
        classList: "py-40",
        style: {
          color: "black",
          backgroundColor: COLORS.light_2,
        },
        "data-navigation": "why-us:Why Us",
      },
      subtitle: `Why Us`,
      title: `Why Choose {{ legalName }}`,
      message: `{{ whyUsMessage }}`,
      //   footer: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
      list: [
        // {
        //   icon: { name: `fa-location`, color: `white` },
        //   title: `Item 1`,
        //   message: `Lorem ipsum dolor sit amet, consectetur adipiscing elit.`,
        //   list: ["Item 1", "Item 2", "Item 3"],
        // },
        // {
        //   image: { src: `image.png` },
        //   title: `Item 1`,
        //   message: `Lorem ipsum dolor sit amet, consectetur adipiscing elit.`,
        //   list: ["Item 1", "Item 2", "Item 3"],
        // },
      ],
    },
    /** end why us **/
    /** past performance **/
    {
      tag: "past-performance",
      style: 3,
      attributes: {
        classList: "py-40 [&_.item]:border-white",
        style: {
          color: "black",
          backgroundColor: {{ pastPerformanceBackgroundColor }},
        },
        "data-navigation": "past-performance:Past Performance",
      },
      subtitle: `Past Performance`,
      title: `Our Past Performance Includes`,
      //   message: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
      //   footer: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,
      list: [/** past_performance_list **/],
    },
    /** end past performance **/
  ],
  footer: [
    `Images Designed By <a href="https://www.freepik.com" target="_blank" class="font-bold">Freepik</a>`,
    `Federal Government Advisors © {{new Date().getFullYear();}}. All rights reserved.`,
  ],
};

const pageStructure = {
  header: {
    style: {
      backgroundColor: "white",
    },
    capabilityStatementButton: {
      style: {
        backgroundColor: {{ capButtonBackgroundColor }},
        color: COLORS.light_1,
      },
    },
    navigation: {
      style: {
        color: COLORS.principal_color,
      },
      list: {
        style: {
          color: COLORS.dark_1,
        },
      },
    },
  },
  hero: {
    subtitle: {
      style: {
        color: "white",
        borderColor: COLORS.principal_color,
      },
    },
    codes: {
      style: {
        color: "white",
      },
    },
    external: {
      style: {
        color: "white",
        backgroundColor: COLORS.principal_color,
      },
    },
  },
  about: {
    style: {
      backgroundColor: {{ aboutUsBackgroundColor }},
    },
  },
  code_list: {
    section: {
      style: {
        backgroundColor: {{ codeListBackgroundColor }},
      },
    },
    style: {
      color: {{ codeListColor }},
      borderColor: COLORS.principal_color,
    },
  },
  footer: {
    style: {
      color: COLORS.light_1,
      backgroundColor: COLORS.principal_color,
    },
  },
};