import { Model } from '@vuex-orm/core';
import { uuidv4 } from '@/utils/helpers';
import TeamField from '@/store/models/team-field';

const customCSS = `
/* @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap');

.invoice-box:after {
    background: linear-gradient(to bottom, #1C7CE0, #150051);
}

.invoice-box {
    font-family: 'Work Sans', sans-serif;
} */
`;

export default class Team extends Model {
  // This is the name used as module name of the Vuex Store.
  static entity = 'teams';

  static fields() {
    return {
      id: this.attr(() => uuidv4()),
      company_name: this.attr(''),
      company_address: this.attr(''),
      company_postal_code: this.attr(''),
      company_country: this.attr(''),
      company_county: this.attr(''),
      company_city: this.attr(''),
      website: this.attr(''),
      contact_email: this.attr(''),
      contact_phone: this.attr(''),
      currency: this.attr(null),
      invoice_due_days: this.attr(null),
      fields: this.hasMany(TeamField, 'team_id'),
      updated_at: this.attr(''),
      created_at: this.attr(''),
      logo_url: this.attr(''),
      custom_css: this.attr(customCSS),
    };
  }
}